@charset "utf-8";

/**
 * General styles
 */
body {
  background-color: #f5f5f5;
  font-family: 'Work Sans', sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
}

h1, h2, h3, h4 {
  letter-spacing: 1px;
  font-weight: 200;
}

h1 {
  font-size: 48px;
}
 
h2 {
  color: #004C66; /* navy blue */
  font-size: 38px;
}

h3 {
  color: #2b9fe0; /* sky blue */
  font-size: 32px;
}

.bg-accent h3 {
  color: #fff;
}

h4 {
  font-size: 28px;
}

h5 {
  color: #2b9fe0; /* sky blue */
  font-size: 18px;
  font-weight: 500;
  margin: 35px 0 0 0;
}

a {
  color: #F86B2E; /* orange */
  font-weight: 500;
}

.bg-accent a {
  color: #fff;
}

h2 a {
  font-weight: 200;
}

a:hover,
a:focus {
  color: #808080; /* medium gray */
  text-decoration: none;
}

a,
button,
button.form-control,
.bg-inverse .row .inner-box,
.subcats li a:before {
  -o-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  transition: All 0.3s ease-in-out;
}

abbr[data-original-title],
abbr[title] {
  border-bottom: 0;
  text-decoration: none;
  cursor: text;
}

address {
  font-size: 16px;
}

address strong {
  text-transform: uppercase;
  font-weight: 600;
}

blockquote {
  border-left: none;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
}

blockquote p:first-of-type::before, 
blockquote p:last-of-type::after {
  bottom: auto;
  color: #00b2ff;
  font-size: 36px;
  position: absolute;
  top: unset !important;
}

blockquote p:first-of-type:before {
  content: "“";
  left: -18px;
}

blockquote p:last-of-type:after {
  content: "”";
  top: auto;
}

blockquote p {
  position: relative;
}

.lead {
  font-size: 20px;
}

hr {
  margin: 25px 0;
  height: 10px;
  border: 0;
  
  /* Fades from medium gray -> transparent */
  background: -moz-linear-gradient(left,  rgba(204,204,204,1) 0%, rgba(232,232,232,1) 55%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(232,232,232,1) 55%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right,  rgba(204,204,204,1) 0%,rgba(232,232,232,1) 55%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=1 );
}

.bg-accent hr {
  /* Fades from white -> transparent */
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

ul:not(.nav) {
  list-style: none;
  padding-left: 0;
}

ul:not(.nav) li:before {
  font-family: 'Glyphicons Halflings';
  font-size: 1.25em;
  content: "\e080"; /* glyphicon-chevron-right */
  color: #2b9fe0; /* sky blue */
  padding-right: 10px;
}

ul:not(.nav) li:hover:before {
  content: "\e114"; /* .glyphicon-chevron-down */
}

.btn {
  border-radius: 0;
  text-transform: uppercase;
  padding: 5px 35px;
}

.btn-lg {
  font-size: 28px;
  font-weight: 500;
  padding: 5px 25px;
  width: 100%;
  margin-bottom: 5px;
}

.btn-primary {
  background-color: #ED4D22; /* orange */
  border-color: transparent;
}

.btn-primary.inverse {
  background-color: transparent;
  color: #ED4D22; /* orange */
  border-color: #ED4D22;
}

.btn-accent {
  color: #393E41; /* dark blue-gray */
}

.btn-accent {
  background-color: #00BAEA; /* aqua */
}

.btn-accent:hover,
.btn-accent.two:hover,
.btn-accent.three:hover {
  background-color: transparent;
  color: #00BAEA; /* aqua */
  border-color: #00BAEA;
}

.btn-accent.two {
  background-color: #A087AA; /* purple */
}

.btn-accent.two:hover {
  color: #A087AA; /* purple */
  border-color: #A087AA;
}

.btn-accent.three {
  background-color: #4F9766; /* green */
}

.btn-accent.three:hover {
  color: #4F9766; /* green */
  border-color: #4F9766;
}

.btn-narrow {
  padding: 5px 18.5px;
}

.btn[disabled],
.btn[disabled]:hover {
  color: #fff !important;
  border-color: #ddd; /* light gray */
  background-color: #ddd;
  opacity: 1;
}

.form-lg.form-inline button.form-control:hover,
.form-lg.form-inline button.form-control:focus,
.btn-primary:hover,
.btn-primary:focus {
  background-color: transparent;
  border-color: #ED4D22; /* orange */
  color: #ED4D22 !important;
}

.btn-primary.inverse:hover,
.btn-primary.inverse:focus {
  color: #fff !important;
  background-color: #ED4D22; /* orange */
  border-color: transparent;
}

.lead {
  line-height: 1.8;
  letter-spacing: 1px;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

.top-label {
  vertical-align: top;
}

/**
 * Header
 */
 .navbar {
   margin-bottom: 0;
   border: 0;
 }
 
.navbar .container {
  position: relative;
}

.navbar-brand {
  height: auto;
}

.navbar-brand img {
  width: 346px;
}

.navbar .top {
  position: absolute;
  left: 15px;
  top: 5px;
}

.navbar .top .navbar-nav {
  margin: 0;
}

.navbar .top .nav > li {
  display: inline-block;
}

.nav > li > a {
  padding: 10px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

.navbar-collapse.collapse.primary {
  bottom: 0;
}

.navbar-inverse {
  background-color: #393E41; /* dark blue-gray */
}

.navbar .navbar-nav > li > a.btn {
  font-size: 11px;
  padding: 5px 15px;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 300;
}

.navbar-inverse .navbar-nav > li > a.btn {
  font-size: 13px;
  letter-spacing: 1px;
  text-align: left; 
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #ccc;
}

.navbar-nav > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0 1px;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  background-color: transparent;
  color: #2b9fe0; /* sky blue */
}

/**
 * Dropdown menu in navbar
 */
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #2b9fe0; /* sky blue */
}

.nav > li.dropdown > a {
  display: inline-block;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  background: transparent;
}

.nav > li > a.dropdown-toggle,
.nav > li > a.dropdown-toggle:active,
.nav > li > a.dropdown-toggle:focus {
  float: right;
  background: #ED4D22; /* orange */
  color: #393E41; /* dark blue-gray */
  border: 1px solid #ED4D22; /* orange */
}

.navbar-inverse .navbar-nav > .active > a.dropdown-toggle,
.navbar-inverse .navbar-nav > .active > a.dropdown-toggle:focus,
.navbar-inverse .navbar-nav > .active > a.dropdown-toggle:hover,
.navbar-inverse .navbar-nav > .open > a.dropdown-toggle,
.navbar-inverse .navbar-nav > .open > a.dropdown-toggle:focus,
.navbar-inverse .navbar-nav > .open > a.dropdown-toggle:hover {
  color: #ED4D22; /* orange */
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: transparent;
  color: #337ab7;
}

.nav > li > a.dropdown-toggle > i {
  letter-spacing: 0;
  -webkit-font-smoothing: none;
  top: 2px;
}

/**
 * Mobile nav
 */
.navbar-toggle {
  margin-top: 2px;
}
 
.navbar-toggle .icon-bar {
  background-color: #ED4D22; /* orange */
  height: 4px;
  width: 28px;
}

/**
 * Homepage sections
 */
section .container {
  padding: 30px 15px;
}

.bg-accent {
  background-color: #2b9fe0; /* sky blue */
  color: #fff;
}

.home-top .container {
  padding: 30px 15px;
}

.home-top .container p.lead {
  font-size: 18px;
}

.home-second .container {
  position: relative;
  padding: 55px 15px;
}

.home-second .container h2 {
  position: absolute;
  top: 20px;
  font-size: 28px;
}

.bg-inverse {
  background-color: #393E41; /* dark blue-gray */
  color: #fff;
}

.bg-inverse.primary {
  background-color: #F76631; /* orange */
}

.bg-inverse.secondary {
  background-color: #8D739B; /* purple */
}

.bg-inverse.tertiary {
  background-color: #00ADE7; /* sky blue */
}

.bg-inverse.quaternary {
  background-color: #59A67B; /* sage green */
}

.bg-inverse h1 {
  margin-bottom: 30px;
}

.bg-inverse h5 {
  color: #fff;
}

.bg-inverse hr {
  /* Fades from black -> transparent */
  background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(140,140,140,1) 55%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(140,140,140,1) 55%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(140,140,140,1) 55%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.bg-inverse .row .inner-box {
  background: #fff;
  color: #393E40;
  border-radius: 5px;
  border: 1px solid #2b9fe0; /* sky blue */
  
  /* Black drop shadow */
  -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,1);
  box-shadow: 0px 0px 20px 1px rgba(0,0,0,1);
}

.bg-inverse .row .inner-box:hover {
  margin-top: -20px !important;
}

.bg-inverse .row > .col-md-6:last-of-type > .inner-box,
section .row > .col-md-6:last-of-type > .summary-box {
  margin-top: 30px;
}

section .row div > div > h5.text-danger {
  margin-top: 5px;
  margin-bottom: 25px;
}

.bg-inverse .row .inner-box div,
.bg-inverse .row .inner-box p {
  padding: 0 25px;
}

.bg-inverse .row .inner-box p {
  font-size: 20px;
  font-weight: 300;
}

.bg-inverse .row .inner-box div:last-of-type {
  margin-bottom: 20px;
}

section .row div > div > hr {
  height: 8px;
  margin: 8px 0;
}

.bg-inverse .row .inner-box hr {
  margin-left: -1px;
}

ul.summary-list {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

ul.summary-list li {
  font-size: 17px;
  padding: 10px 0 0 33px;
  text-indent: -31px;
}

.view-all {
  display: none;
  line-height: 4.5em;
}

/**
 * Custom icons
 */
.icon {
  padding-left: 50px;
  position: relative;
}

.icon:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 85px;
  height: 55px;
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: 0% 0%;
}

h3.icon {
  padding: 10px 0;
  padding-left: 85px;
  font-size: 26px;
}

h3.icon.icon-lg {
  color: #1F1F1F;
  line-height: 1.25em;
  font-size: 26px;
  padding-top: 0;
  padding-bottom: 0;
}

h5.icon {
  padding-left: 30px;
}

h5.icon:before {
  background-size: 20px;
  width: 20px;
  height: 25px;
}

h3.icon.no-icon {
  padding-left: 5px;
}

h3.icon + hr {
  margin-top: -6px;
  margin-bottom: 12px;
}

h4 + hr {
  margin-top: 0;
}

h3.icon:before {
  background-position: 25px 32%;
}
  
h3.icon.i-knowledge,
h3.icon.i-papers,
h3.icon.i-presentations,
h3.icon.i-architecture,
h3.icon.i-code,
h3.icon.i-video {
  padding-left: 50px;
}

.bg-accent h3.icon:before {
  background-position: 25px -9%;
}

.summary-box h3.icon:before {
  background-position: 25px 25.5%;
}

.i-accelerators:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/accelerator_sprite.svg');
}

.i-architecture:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/icon-architecture.png');
}

.i-blog:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/blog_sprite.svg');
}

.i-cloud-security:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/cloud_security_sprite.svg');
}

h3.icon.i-cloud-security:before {
  background-size: 59px;
  background-position-x: 20px;
}

.i-code:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/icon-code.png');
}

.i-consulting:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/consulting_sprite.svg');
}

.i-knowledge:before,
.i-papers:before,
.i-presentations:before,
.i-architecture:before,
.i-code:before,
.i-video:before {
  width: 39px;
  background-size: auto;
  background-position: 100% 50% !important;
}

.i-knowledge:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/icon-knowledge.png');
}

.i-papers:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/icon-papers.png');
}

.i-presentations:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/icon-presentations.png');
}

.i-research:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/research_sprite.svg');
  background-size: 55px;
  height: 51px;
}

.i-research-custom:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/cloud_search_sprite.svg');
}

.i-services:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/services_sprite.svg');
}

.i-video:before {
  background-image: url('//cdn.securosis.com/assets/website/icons/icon-video.png');
}

h1.icon.i-services:before {
  background-size: 38px;
}

/**
 * Forms
 */
input.form-control,
textarea.form-control {
  border-radius: 0;
  border: 0;
  font-weight: 300;
  box-shadow: none;
}
 
.form-lg label {
  display: block;
  font-size: 34px;
  font-weight: 200;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.form-lg .checkbox label {
  font-size: 14px;
}

.form-inline.form-lg .form-group {
  margin-top: 15px;
  width: 100%;
}

.form-inline .form-control {
  margin-bottom: 16px;
}

.form-lg input.form-control {
  height: 48px;
  width: 100%;
  margin: 0 0 5px;
}

.form-lg .form-control {
  font-size: 20px;
}

.bg-accent .form-lg button.form-control {
  border-color: #fff;
}

.form-lg button.form-control {
  padding: 23px 13px;
  line-height: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
}

.form-control::-webkit-input-placeholder {
  font-weight: 100;
  color: #BABABA; /* light gray */
}

.form-control:-moz-placeholder { /* Firefox 18- */
  font-weight: 100;
  color: #BABABA; /* light gray */  
}

.form-control::-moz-placeholder {  /* Firefox 19+ */
  font-weight: 100;
  color: #BABABA; /* light gray */  
}

.form-control:-ms-input-placeholder {  
  color: #BABABA; /* light gray */  
  font-weight: 100;
}

.main input.form-control,
.main textarea.form-control {
  border: 1px solid #ddd; /* light gray */
}

.buttons-container {
  margin-top: 25px;
}

.buttons-container button {
  margin-bottom: 10px;
}

/**
 * Footer
 */
footer h4 {
  margin: 35px 0;
}
 
footer .bg-inverse {
  background-color: #222; /* dark gray */
  padding-bottom: 30px;
}

footer .copyright {
  background-color: #000;
  padding: 20px 0 10px;
}

footer .copyright p {
  color: #808080; /* medium gray */
  font-size: 11px;
}

ul.quick-links {
  margin-bottom: 10px;
}

ul.quick-links li {
  border-bottom: 1px solid #8F8F8F; /* medium gray */
}

ul.quick-links > li > a {
  padding: 6px 0;
}

ul.quick-links li:last-of-type {
  border-width: 3px;
}

footer p.darker {
  color: #ccc;
}

footer p.text-justify {
  font-size: 13px;
}

footer img.pull-right {
  float: none !important;
}

/**
 * Internal Page Title
 */
.page-title {
  background-image: url('//cdn.securosis.com/assets/website/bg/clouds.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: calc(100% - 50px) 0%;
}
 
.page-title .overlay {
  background-color: rgba(43, 159, 224, 0.4); /* sky blue, semi-transparent */
}
 
.page-title .container {
  padding: 25px 15px;
}

.page-title h1 {
  margin-top: 10px;
  font-size: 32px;
}

.breadcrumbs ul,
.breadcrumbs ul li {
  display: inline-block;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 200;
}

.breadcrumbs ul li:before,
.breadcrumbs ul li:hover:before {
  content: "//";
  color: #fff;
  padding: 0 5px 0 3px;
}

.breadcrumbs ul li:first-of-type:before {
  display: none;
}

.breadcrumbs ul li a {
  color: #fff;
}

.breadcrumbs ul li a:hover {
  color: #ccc;
}

/**
 * Internal Page Main Section
 */
.main > .container > .row > .col-md-8 {
  margin-top: 25px;
  overflow: hidden;
} 

/**
 * Internal Page Sidebar
 */
.sidebar-item hr {
  margin: 0;
  height: 8px;
}

.sidebar-item h3.icon {
  font-size: 26px;
  font-weight: 200;
  margin-bottom: 0;
  padding: 10px 0 12px 50px;
}

.sidebar-item h3.icon:before {
  background-position: 0 28%;
  background-size: 40px;
  height: 40px;
}

.sidebar-item ul.summary-list {
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/**
 * Social Media Share
 */
.social-icons {
  margin-top: 10px;
}
 
.social-icons ul,
.social-icons ul li,
article.entry .social-icons ul li {
  display: inline;
  padding-left: 5px;
}
 
.social-icons ul li:before {
  display: none;
}

.social-icons ul li a:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

/**
 * Blog Listview
 */
article.entry {
  clear: both;
  overflow: hidden;
  margin-bottom: 35px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
 
.excerpt {
  margin-bottom: 20px;
}

time {
  color: #00B2FF; /* sky blue */
}

time + h2 {
  margin: 0;
}

address.author {
  font-size: 12px;
  margin-bottom: 15px;
}

.postmeta {
  clear: both;
  margin-top: 20px;
}

.postmeta p {
  font-size: 10px;
}

.postmeta p time {
  color: #333;
}

.pager {
  margin-top: 0;
}

.pager span {
  padding-right: 10px;
  display: block;
}

a.read-post,
.pager.single a {
  display: block;
}

.pager ul {
  display: inline;
}

.pager ul li:before {
  display: none;
}

.pager ul li {
  padding: 0 2px;
}

.pager ul li.last {
  padding-left: 15px;
}

.pager ul li > a {
  border: none;
  padding: 0;
}

.pager li > a:hover,
.pager li > a:focus {
  background-color: transparent;
}

/**
 * Blog Single Entry
 */
article.entry .entry-content {
    margin-bottom: 50px;
}

.workshops ul li:before,
.workshops ul li:hover:before,
article.entry ul li:before,
article.entry ul li:hover:before {
  content: "■";
  font-size: 1em;
}

article.entry ul li {
  text-indent: -18px;
  padding-left: 20px;
}

article + .postmeta {
  margin-top: -30px;
}

.next-entry {
  margin-top: 10px;
}

.comments {
  margin-top: 50px;
}

/**
 * Research Library Filters
 */
.subcats {
  margin: 15px 0 55px 0;
}

.subcats li {
  font-size: 18px;
  display: inline-block;
  width: 100%;
}

.subcats li a {
  font-weight: 300;
}

.subcats li a:focus,
.subcats li a:focus:before {
  color: #fff;
}

.subcats li a:before {
  content: url('//cdn.securosis.com/assets/website/icons/icon-unchecked.png');
  background-repeat: no-repeat;
  vertical-align: sub;
  padding-right: 10px;
}

.subcats li.active a:before {
  content: url('//cdn.securosis.com/assets/website/icons/icon-checked.png');
}

.research-items > .container {
  background: #eee;
  border: 1px solid #119EE6;
  border-radius: 6px;
  margin-top: -70px;
  margin-bottom: 50px;
  padding: 10px 25px;
}

/**
 * Tabbed Content
 */
.nav-tabs {
  border-bottom: none;
}

.nav.nav-tabs > li {
  margin: 0 15px 15px 0;
  float: none;
}

.nav.nav-tabs > li > a {
  padding: 0 10px 0 5px;
  border-radius: 4px;
  border: 1px solid #fff;
}

.nav.nav-tabs > li > a:hover {
  background: #fff;
}

.nav.nav-tabs > li.active > a:hover {
  border-color: #fff;
  cursor: auto;
}

.nav-tabs > li > a > h3 {
  margin: 0;
}

.nav-tabs > li.active > a > h3,
.nav-tabs > li.active > a:hover > h3,
.nav.nav-tabs > li > a:hover > h3 {
  color: #2b9fe0; /* sky blue */
}

.nav-tabs > li.active > a > h3.icon:not(.i-papers):before,
.nav-tabs > li:not(.active) > a:hover > h3.icon:not(.i-papers):before,
.subcats li a:hover:before,
.tab-content h3.icon:not(.i-papers):before {
  filter: invert(0.5) ;
	-webkit-filter: invert(0.5);
	-moz-filter: invert(0.5);
	-o-filter: invert(0.5);
	-ms-filter: invert(0.5);
}

.nav-tabs > li:not(.active) > a > h3.icon.i-papers:before,
.item-header h5.icon.i-papers:before {
	filter: brightness(1000%);
	-webkit-filter: brightness(1000%);
	-moz-filter: brightness(1000%);
	-o-filter: brightness(1000%);
	-ms-filter: brightness(1000%);
}

/**
 * Research Library Isotope
 */
.library-item {
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.07);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.07);
  display: block;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  margin-bottom: 40px;
  height: 200px;
  width: 100%;
  
  /* Margin only transition */
  -webkit-transition: margin 0.3s linear;
  -moz-transition: margin 0.3s linear;
  -ms-transition: margin 0.3s linear;
  -o-transition: margin 0.3s linear;
  transition: margin 0.3s linear;
  
  /* Unrotate */
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.library-item:hover:before,
.library-item.modal-open {
  /* Rotate horizontal */
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.library-item:before {
  display: none;
}

.library-item.modal-open:before,
.library-item.modal-closed:before,
.library-item.modal-open:hover:before {
  content: " ";
  display: block;
  width: 265px;
  height: 200px;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  background-color: #fff;
}

.library-item.modal-open a,
.library-item.modal-open .item-footer span,
.library-item.modal-closed a,
.library-item.modal-closed .item-footer span {
  display: none;
}

.library-item:hover {
  margin-top: -10px;
}

.library-item.modal-open,
.library-item.modal-open.modal-opening {
  margin-top: -500px;
  margin-left: -500px;
}

.library-item.modal-open {
  opacity: 0;
}

.library-item.modal-open.modal-opening {
  opacity: 1;
}

.library-item.modal-open,
.library-item.modal-closed,
.library-item:hover,
.library-item.modal-open:hover:before {
  /* Define transition duration */
  -webkit-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.modal.fade,
.library-item.modal-open,
.library-item.modal-open:before,
.library-item.modal-open.modal-opening {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}

.library-item.modal-open.no-transform {
  -webkit-transform: translate3d(0,0,0);
}

.item-header {
  background-color: #2b9fe0; /* sky blue */
  color: #fff;
  padding: 15px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.architecture .item-header {
  background-color: #393E41; /* dark blue-gray */
}

.presentations .item-header {
  background-color: #F86B2E; /* orange */
}

.code .item-header {
  background-color: #3C763D;
}

.video .item-header {
  background-color: #785E8A;
}

.item-header h5 {
  background-color: rgba(0,0,0,0.2);
  display: inline-block;
  margin-top: 0;
  padding: 5px 15px 5px 30px;
  border-radius: 12px;
  font-size: 14px;
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
  vertical-align: middle;
  color: #fff;
  font-weight: 200;
}

.item-header h5:before {
  padding: 1px 5px;
  border-radius: 50%;
  font-size: 14px;
  position: absolute;
  left: 6px;
  top: 3px;
  width: 19px;
  height: 19px;
  background-size: 12px;
  background-position: 50% 50% !important;
}

.item-body {
  height: calc(100% - 55px);
  border-bottom-right-radius: 8px;
  padding: 15px;
  font-size: 16px;
  color: #333;
  background: #fff;
  font-weight: 400;
}

.item-body img {
  position: absolute;
  bottom: 5px;
  right: 15px;
}

.item-footer {
  position: absolute;
  bottom: -30px;
  left: 0;
  background: #999;
  padding: 5px 15px;
  display: inline-block;
  color: #fff;
  border-bottom-right-radius: 8px;
  text-align: center;
  min-width: 120px;
  min-height: 30px;
}

/**
 * Modal Windows
 */
.modal.fade .modal-dialog {
  /* Start with small size */
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  
  /* Start shifted up & left */
  top: -300px;
  left: -300px;
  
  /* Invisible */
  opacity: 0;
  
  /* Define transition duration */
  -webkit-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  
  /* Start rotated backwards */
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.modal.fade.in .modal-dialog {
  /* Make modal size larger */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  
  /* Shift modal down & right */
  -webkit-transform: translate3d(300px, 300px, 0);
  transform: translate3d(300px, 300px, 0);
  top: 0;
  left: 0;
  
  /* Fade in */
  opacity: 1;
  
  /* Rotate along horizontal axis */
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/* Keep modal visible during transition */
.modal.fade.modal-closing {
  display: block !important;
  opacity: 1 !important;
}
 
.modal .modal-dialog {
  max-width: 1200px;
}

.modal-content {
  border: 2px solid #00B2FA;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-header,
.modal ul.summary-list {
  border-bottom: none;
}

.modal ul.summary-list li {
  padding-top: 0;
  font-size: 15px;
}

.modal ul.summary-list li {
  vertical-align: text-bottom;
}

.modal-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #333;
  padding: 20px 15px;
}

.modal-header h5 {
  width: calc(100% - 30px);
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.modal-header h5 span {
  font-weight: 400;
  color: #999;
}

.close {
  color: #ED4D22; /* orange */
  text-shadow: none;
  opacity: 1;
  font-size: 40px;
  line-height: 30px;
}

.close:focus, .close:hover {
  color: #fff;
}

.modal-body {
  padding: 15px 5px;
  margin-bottom: 20px;
}

.modal-body address {
  margin-top: 10px;
}

.modal-body h2 {
  font-size: 32px;
}

.modal-body img.preview {
  margin: 20px auto;
}

.modal-body .col-md-8 p:last-of-type {
  margin-bottom: 20px;
}

.modal-body .col-md-6,
.modal-body .btn {
  overflow: hidden;
}

.modal-body .btn {
  display: block;
}

.modal-body .btn.last {
  margin-top: 5px;
}

.modal-body a.lead {
  display: block;
  line-height: 1.2em;
  font-size: 18px;
  font-weight: 400;
}

.modal-body img.pull-left {
  padding-right: 15px;
  width: 70px;
}

.modal-body h4 {
  margin-top: 40px;
}

/**
 * Services -> Cloud Security Project Accelerators
 */
section.extra-padding > .container {
  padding-top: 50px;
  padding-bottom: 50px;
}

section.extra-padding.bg-inverse .row > .col-md-6:first-of-type {
  margin-bottom: 35px;
}

section.extra-padding .container h5 {
  font-size: 20px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 5px;
}

section.extra-padding .container p {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.75em;
}

section.extra-padding .container p:not(.text-justify) {
  margin-bottom: 25px;
}

section.extra-padding.bg-inverse .container p {
  font-weight: 300;
}

section.extra-padding .container img {
  margin: auto;
}

.pick-three {
  padding: 0 25px;
}

.pick-three .row {
  margin: 20px 0;
}

.pick-three .row:not(.buttons) {
  margin: 5px 0;
  text-align: center;
}

.pick-three h1 {
  margin: 0;
  font-size: 60px;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 0.7em;
}

.pick-three h1.strikethrough {
  position: relative;
}

.pick-three h1.strikethrough:before {
  content: url('//cdn.securosis.com/assets/website/red-line.png');
  position: absolute;
  top: -10%;
  overflow: hidden;
  width: 145px;
}

.img-responsive {
	max-width: 90%;
}

section.extra-padding .container .programs h5 {
  font-size: 19px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  background-color: #00ACEA; /* sky blue */
  margin-bottom: 0;
  padding: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

section.extra-padding .container .programs > div:nth-of-type(2) > h5 {
  background-color: #8D729C; /* purple */
}

section.extra-padding .container .programs > div:nth-of-type(3) > h5 {
  background-color: #F96523; /* orange */
}

section.extra-padding .container .programs > div:nth-of-type(4) > h5 {
  background-color: #494F52; /* dark gray */
}

section.extra-padding .container .programs h5 br {
  display: none;
}

.programs .program-desc {
  position: relative;
  background: #fff;
  color: #000;
  padding: 10px 20px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  min-height: 200px;
}

section.extra-padding.bg-inverse .container .programs .program-desc p {
  font-weight: 400;
  margin-bottom: 0;
}

.programs .program-desc:before {
  content: "1";
  position: absolute;
  bottom: 0;
  right: 15px;
  font-size: 280px;
  font-weight: 800;
  line-height: 0.685em;
  color: #00ACEA; /* sky blue */
  opacity: 0.3;
}

.programs > div:nth-of-type(1) > .program-desc:before {  
  /* Stretch text horizontally */
  -webkit-transform:scale(1.3,1); /* Safari and Chrome */
  -moz-transform:scale(1.3,1); /* Firefox */
  -ms-transform:scale(1.3,1); /* IE 9 */
  -o-transform:scale(1.3,1); /* Opera */
  transform: scale(1.3,1);
}

.programs > div:nth-of-type(2) > .program-desc:before {
  content: "2";
  color: #8D729C; /* purple */
}

.programs > div:nth-of-type(3) > .program-desc:before {
  content: "3";
  color: #F96523; /* orange */
}

.programs > div:nth-of-type(4) > .program-desc:before {
  content: "4";
  color: #494F52; /* dark gray */
}

.workshops ul li {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  text-indent: -20px;
  padding-left: 15px;
}

.workshops > div {
  border-top: 1px solid #aaa; /* medium gray */
  padding-top: 25px;
}

.workshops > div:first-of-type {
  border-top: none;
}

.workshops > div p {
  padding-left: 15px;
}

/**
* ADDITIONS AFTER DESIGN
**/
.soft-hide {
  display:none;
}
.row .breadcrumbs {
  line-height: 2em;
}
section.home-second {
  background-color: #fff;
}
.coming-soon {
  background-color: #fefefe;
  height: auto;
  max-height: 337px;
  opacity: 0.8;
  position: absolute;
  width: 100%;
}
.stay-tuned {
  background-image: url("//cdn.securosis.com/assets/library/site/corner3.png") !important;
  background-size: 100% 100% !important;
}
.min-h-350 {
  min-height: 350px;
}
.standard-ul li::before {
  content: none !important;
}
.img-h-100 {
  height:100px !important;
  width:100%;
}
.img-h-220 {
  height:220px !important;
  width:100%;
}
.img-mh-350 {
  max-height:350px !important;
  width:100%;
}
.img-h-400 {
  height:400px !important;
  width:100%;
}

.programs.second-level .program-desc::before {
  content: "5";
}
.programs.second-level > div:nth-of-type(2) > .program-desc::before {
  content: "6";
}
.programs.second-level > div:nth-of-type(3) > .program-desc::before {
  content: "7";
}
.programs.second-level > div:nth-of-type(4) > .program-desc::before {
  content: "8";
}
.programs.third-level .program-desc::before {
  content: "9";
}
.programs.third-level > div:nth-of-type(2) > .program-desc::before {
  content: "10";
}
.programs.third-level > div:nth-of-type(3) > .program-desc::before {
  content: "11";
}
.programs.third-level > div:nth-of-type(4) > .program-desc::before {
  content: "12";
}

.program-desc li {
  line-height: 1.2em;
  list-style: inside none disc;
  padding-bottom: 4px;
}
.programs .program-desc li::before {
  content: none;
}
.programs .program-desc li:hover::before {
  content: none;
}
.standard-ul li {
  line-height: 1.2em;
  list-style: inside none disc !important;
  padding-bottom: 4px;
}
.standard-ul li::before {
  content: none !important;
}
.standard-ul li:hover::before {
  content: none !important;
}

.requirements > p {
  font-size: 1.2em;
  font-weight: 400;
}

.rounded, .rounded8 { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -khtml-border-radius: 8px; }
.roundedbottom { border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -o-border-radius: 0 0 8px 8px; -khtml-border-radius: 0 0 8px 8px; }
.roundedtop { border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; }
.roundedright { border-radius: 0 8px 8px 0; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; -o-border-radius: 0 8px 8px 0; -khtml-border-radius: 0 8px 8px 0; }
.roundedleft { border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; -o-border-radius: 8px 0 0 8px; -khtml-border-radius: 8px 0 0 8px; }
.roundedtab { border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -o-border-radius: 0 20px 20px 0; -khtml-border-radius: 0 20px 20px 0; }
.rounded4 { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.rounded12 { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -khtml-border-radius: 12px; }
.rounded14 { border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; -khtml-border-radius: 14px; }

/* VIDEOS and AUDIOS */

.video-container,
.audio-container {
  background-color: none;
  background-image: url("//cdn.securosis.com/assets/library/site/cover-art-watermark.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 0;
  margin-bottom: 10px;
  padding-bottom: 56.25%;
  position: relative;
}
.audio-container {
  background-image: url("//cdn.securosis.com/assets/library/coverart/firestarter-default.jpg");
}
.audio-container audio {
  border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -khtml-border-radius: 8px;
  bottom: 2px;
  display: block;
  left: 0;
  max-width: 100%;
  min-width: 99.9%;
  position: absolute;
}
.video-container iframe,
.audio-container iframe {
  background-repeat: no-repeat;
  background-size: contain;
  border: medium none;
  border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -khtml-border-radius: 8px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video-wrapper,
.audio-wrapper {
  background-color: #f7f5e6;
  float: left;
  height: auto;
  margin-right: 10px;
  max-width: 65%;
  width: 550px;
}
.video-wrapper .video-container,
.audio-wrapper .audio-container {
  margin: 0;
}
.video-wrapper .video-container iframe,
.audio-wrapper .audio-container iframe  {
  border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -khtml-border-radius: 8px;
  float: left;
}
button.play {
  background: none repeat scroll 0 0 rgba(23, 35, 34, 0.75);
  border: medium none;
  border-radius: 0.5em;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  height: 4em;
  left: 50%;
  margin: -2em 0.9em 0 -3.25em;
  outline: 0 none;
  position: absolute;
  top: 50%;
  transition: opacity 250ms ease-out 0s, background-color 40ms ease 0s, color 40ms ease 0s;
  width: 6.5em;
  z-index: 6;
}
button.play:hover,
button.play:active,
button.play:focus {
  background-color: #00adef;
}
button.play .tiny-bars {
  border-radius: 0.5em;
  color: #fff;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
button.play .play-icon {
  color: #fff;
  font-size: 1em;
  margin: 0 auto;
  padding: 0.2em 0 0 0.2em;
}
button.play .play-icon svg {
  height: 2em;
  width: 2em;
}
button.play .play-icon .fill {
  fill: #fff;
}

.modal-content {
  background-color: #f5f5f5;
}
section.author h2 {
  color: #fff;
  font-weight: 400;
}

/**
 * Search
 */
.inlineblock input[type="radio"], .inlineblock input[type="checkbox"] {
  display: inline-block;
}
.default, .default input, .default select {
  margin-bottom: 12px;
}
.search-results {
  border-collapse: separate;
  border-spacing: 4px;
}
.search-results th {
  padding: 2px;
}