/*
Theme Name: Silverdraft
Theme URI: http://www.drivendevelopment.com/
Description: Custom WordPress theme for Silverdraft.
Author: <a href="http://www.drivendevelopment.com/" target="_blank">Driven Development</a> on behalf of <a href="http://the-medium.net/" target="_blank">The Medium</a>
Version: 1.0
*/

/**
 * Adjustments to core CSS
 */
.nav-mobile {background: #ebebeb;}
.nav-mobile a {color: #636363;}
.nav-mobile a:hover {color: #000;}
.nav-mobile > nav > ul > li > a {font-weight: 500; font-size: 19px; text-transform: uppercase; padding: 10px 20px; letter-spacing: 1px;}
.nav-mobile ul > li > ul {max-height: 1000px;}
.nav-mobile ul > li li {border-top: none;}
.nav-mobile ul ul {padding: 0;}
.nav-mobile ul ul li {padding: 0;}
.nav-mobile ul ul a {padding: 5px 20px 5px 40px;}
.nav-mobile .search {padding: 20px;}
.nav-mobile .search {position: relative;}
.nav-mobile .search [type="text"] {border: none; border-bottom: solid 1px #ccc; padding: 5px 0; width: 100%; margin: 0; color: #000;}
.nav-mobile .search button {position: absolute; top: 19px; right: 15px; color: #8e8d8d;}

.container {max-width: 1280px;}

.container,
.container-fluid {padding-left: 20px; padding-right: 20px;}

.bg-video {left: -2px; right: -2px; width: auto; height: auto; top: -2px; bottom: -2px;}

#search-toggle {margin: 0 0 0 5px;}

.search-box {border-bottom: solid 1px #ccc;}

#header > div {height: 155px; position: relative;}
#header .btn {padding-top: 15px; padding-bottom: 15px;}
#header .btn-group > .btn:first-child {margin-right: -1px;}
#header .secondary-nav {height: 50px;}
#header .search-box {padding: 0;}

.main-nav {position: absolute; right: 20px; bottom: -1px;}
.main-nav > ul > li {padding-bottom: 0;}
.main-nav > ul > li > a {padding: 26px 1rem 21px 1rem; font-size: 19px; line-height: 19px; display: block;}
.main-nav ul ul a:hover {color: #ee2e2e;}
.main-nav > ul > li {display: block; float: left;}

.logo {margin: 6px 0 0 0; background-image: url(img/v/logo-dark.svg); display: block;}

.sidebar-toggle {line-height: normal; padding: 0; top: 22px; right: 20px;}

.footer-cta span {font-weight: 500;}
.footer-cta.btn > .small {font-weight: 300; letter-spacing: normal; font-size: 16px; margin: 0 0 0 10px;}
.footer-cta:after {left: 99%;}

#consumers h4 {letter-spacing: 2px;}
#consumers p {line-height: 1.8em;}

.brand-logo {opacity: 0.8;}

.siema-item > div:before {display: none;}

.siema > div > div > div:nth-child(2n+1) > div {background-blend-mode: normal;}

#footer .footer-logo {width: 225px;}

.siema-control.siema-prev,
.siema-control.siema-next {width: 29px; height: 65px; background: url(img/v/slider-arrows.png) no-repeat left top;}
.siema-control.siema-next {background-position: right top;}

.btn-primary {background: #ed1f24;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {background: #ff0f15;}

body.mobile-menu main,
body.mobile-menu #header,
body.mobile-menu #footer,
body.mobile-menu .nav-mobile {-webkit-transform: translateX(-16rem); -ms-transform: translateX(-16rem); transform: translateX(-16rem);}

/**
 * Defaults and Resets
 */
*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {-webkit-text-size-adjust: none;}
/*
html {font-size: 62.5%; -webkit-text-size-adjust: none;}

html, body {margin: 0; padding: 0; background: #fff;}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 11px; line-height: 18px;}
*/

form {margin: 0; padding: 0;}

img {border: 0; max-width: 100%; height: auto;}

td {vertical-align: top;}

p {margin: 0 0 20px 0;}
p:last-child {margin: 0;}

a {transition: 0.25s ease;}
a:hover {color: #000;}

h2.who-we-are {margin: 0; font-size: 35px; line-height: 45px; font-weight: bold; text-transform: uppercase;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 0; line-height: 0; display: block;}
.clearfix {zoom: 1;}
.clearfix:after {content: ""; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.hidden {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px;}

a#skip,
a#skip:hover,
a#skip:visited {position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden;}
a#skip:active,
a#skip:focus {position: static; width: auto; height: auto;}

nav ul {margin: 0; padding: 0; list-style-type: none;}

/**
 * Layout
 */
body.no-video .bg-video,
body[data-useragent*='MSIE 10.0'] .bg-video,
body[data-useragent*='Windows Phone'] .bg-video {background: #E90904;}
body[data-useragent*='MSIE 10.0'] .bg-video video,
body[data-useragent*='Windows Phone'] .bg-video video {display: none;}

#footer .menu {margin: 0; padding: 0; list-style-type: none; font-size: 18px; line-height: 24px; font-weight: normal; text-transform: none;}
#footer .menu a {color: #cdcdcd;}
#footer .menu a:hover {color: #cb181e;}
#footer .menu > li {margin-bottom: 40px;}
#footer .menu > li > a {color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px;}
#footer .menu > li > a:after {display: none;}
#footer .menu > li > ul {margin: 10px 0 0 0; padding: 10px 10px 0 0; border-top: solid 1px #575757;}
#footer .menu > li > ul > li {margin: 0 0 15px 0;}
#footer .copyright .title {text-transform: uppercase;}
#footer .footer-cta.btn > span:not(.small) {letter-spacing: 3px;}
#footer .footer-cta.btn > .small {letter-spacing: 1.5px;}

.section {overflow: hidden;}
.section > div {max-width: 1280px; margin: 0 auto; padding: 0 20px; position: relative;}
.section.charcoal {background: #363534 url(img/dark-wall.png);}
.section.gutter > div {padding-top: 60px; padding-bottom: 100px;}

/**
 * Miscellaneous
 */
.toggle-menu {color: #fff; font-size: 18px; font-weight: 600;}
.toggle-menu > div {display: inline-block; width: 32px; height: 26px;}
.toggle-menu > div span {display: block; width: 32px; height: 4px; margin-bottom: 6px; background: #222; transition: .3s ease;}
.toggle-menu.active {color: #fff;}
.toggle-menu.active > div {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.toggle-menu.active > div span {background: #222;}
.toggle-menu.active > div span:nth-child(1) {-webkit-transform: translateY(7px); -ms-transform: translateY(7px); transform: translateY(7px);}
.toggle-menu.active > div span:nth-child(2) {opacity: 0;}
.toggle-menu.active > div span:nth-child(3) {-webkit-transform: rotate(-90deg) translateX(13px); -ms-transform: rotate(-90deg) translateX(13px); transform: rotate(-90deg) translateX(13px);}

.bg-video-wrapper {overflow: hidden; position: absolute; width: 100%; height: 100%;}

/*
.flexslider {touch-action: pan-y !important; -ms-touch-action: pan-y !important;}
.flexslider ul {margin: 0; padding: 0; list-style-type: none;}
*/
a.read-more {font-weight: bold; text-transform: uppercase; font-size: 18px; line-height: 22px; text-decoration: none; letter-spacing: 2px;}

.button {display: inline-block; white-space: nowrap; font-size: 14px; line-height: 18px; border: none; color: #fff; text-decoration: none; letter-spacing: 3px; text-transform: uppercase; padding: 15px 80px 15px 30px; background: #ed1f24; position: relative; font-weight: 700; -webkit-transform: skew(-18deg, 0); -moz-transform: skew(-18deg, 0); -o-transform: skew(-18deg, 0); -ms-transform: skew(-18deg, 0); transform: skew(-18deg, 0);}
.button span {display: block; -webkit-transform: skew(18deg, 0); -moz-transform: skew(18deg, 0); -o-transform: skew(18deg, 0); -ms-transform: skew(18deg, 0); transform: skew(18deg, 0);}
.button:before {position: absolute; content: ""; width: 50px; top: 0; right: 0; bottom: 0; background: #cf1c22;}
.button:after {position: absolute; font-family: 'FontAwesome'; content: "\f105"; width: 50px; top: 0; right: 0; bottom: 0; text-align: center; -webkit-transform: skew(18deg, 0); -moz-transform: skew(18deg, 0); -o-transform: skew(18deg, 0); -ms-transform: skew(18deg, 0); transform: skew(18deg, 0); line-height: 48px;}
.button.white {background: #fff; color: #606060;}
.button.white:before {background: #e0e0e0;}
.button:hover,
.button:focus,
.button:active {background: #ff0f15; color: #000;}

.accent {color: #ee2e2e;}

.grid {overflow: hidden;}
.grid > div {margin: -60px -40px 60px -40px; font-size: 0; border-bottom: solid 1px #e5e1dd;}
.grid > div > div {display: inline-block; vertical-align: top; padding: 60px 40px 110px 40px; border-top: solid 1px #e5e1dd; width: 33.3333%;}
.grid > div > div:nth-child(-n+3) {border-top: none;}
.grid > div > div > div {font-size: 21px; line-height: 28px; color: #777;}
.grid h2 {margin: 0 0 10px 0; font-size: 24px; line-height: 30px; font-weight: bold; text-transform: uppercase; color: #ee2e2e;}
.grid img {display: block; width: 100%;}
.grid .button {position: absolute;}

.grid.jobs .location {margin: 10px 0;}

#our-story-callout {background: #eee; font-size: 21px; line-height: 34px; color: #4b4b4a;}
#our-story-callout > div {padding-top: 60px; padding-bottom: 60px;}
#our-story-callout h2 {margin: 0 0 5px 0; font-size: 26px; line-height: 36px; color: #4b4b4a; font-weight: bold; text-transform: uppercase;}
#our-story-callout .wrapper {display: table; table-layout: fixed; max-width: 1000px; margin: 0 auto;}
#our-story-callout .wrapper .callout-logo {display: table-cell; vertical-align: middle; padding: 0 30px 0 0; width: 200px; border-right: solid 1px #bebebd;}
#our-story-callout .wrapper .callout-logo img {display: block; margin: 0 auto;}
#our-story-callout .content {display: table-cell; vertical-align: middle; padding: 25px 0 25px 30px;}
#our-story-callout .more {font-size: 18px; text-transform: uppercase; letter-spacing: 2px; display: inline-block; font-weight: bold;}
#our-story-callout .more:after {font-family: 'FontAwesome'; content: "\f105"; margin-left: 5px;}

#footer-callout {background: #e5e1dd url(img/v/bg-clouds-beige-2.jpg) no-repeat right bottom; font-size: 18px; line-height: 28px; color: #5b5b5b;}
#footer-callout > div {padding-top: 80px;}
#footer-callout h2 {margin: 0 0 20px 0; font-size: 44px; line-height: 54px; color: #3b3b3b; font-weight: bold; letter-spacing: 4px;}
#footer-callout .content {max-width: 480px; position: relative; padding: 0 100px 50px 0;}
#footer-callout .action {position: absolute; top: 5px; left: 100%;}
#footer-callout .action:before {position: absolute; content: ""; top: 0; left: 20px; bottom: 0; width: 4000px; background: rgba(0,0,0,0.15);}
#footer-callout .photo {position: absolute; bottom: 0; right: -760px; margin: 0;}
#footer-callout .photo {display: block;}
#footer-callout.white {background: #fff url(img/v/bg-clouds-white-2.jpg) no-repeat right bottom;}

#sidebar-callout {background: #e5e1dd url(img/v/bg-clouds-sidebar-callout.png) no-repeat right bottom; font-size: 18px; line-height: 28px; color: #5b5b5b; padding: 40px 30px 0 30px; max-width: 380px;}
#sidebar-callout h2 {margin: 0 0 20px 0; font-size: 32px; line-height: 32px; color: #3b3b3b; font-weight: bold; letter-spacing: 2px;}
#sidebar-callout .action {position: relative; margin: 0 0 60px 0;}
#sidebar-callout .action:before {position: absolute; content: ""; top: 0; left: 20px; bottom: 0; width: 4000px; background: rgba(0,0,0,0.15);}
#sidebar-callout .button {width: 100%;}
#sidebar-callout img {display: block;}

#about h5 {letter-spacing: 2px;}
/*#about .media-left {max-width: 220px;}*/
#about .media-left img {display: block; max-width: inherit;}
#about .media-body {position: relative;}
#about .btn-group {margin-left: 0.3125rem;}

#slider h3 {margin: 0 0 20px 0;}
#slider .more {font-size: 12px; text-transform: uppercase; letter-spacing: 1px; display: inline-block;}
#slider .more:after {font-family: 'FontAwesome'; content: "\f105"; margin-left: 5px;}
#slider .siema-content {max-width: 400px;}
#slider .siema-content p:last-child {margin-top: -15px;}

#hero .more {font-size: 12px; text-transform: uppercase; letter-spacing: 1px; display: inline-block;}
#hero .more:after {font-family: 'FontAwesome'; content: "\f105"; margin-left: 5px;}

.pagination {font-size: 18px; line-height: 30px; color: #686868; text-transform: uppercase; font-weight: bold; margin: 40px 0;}
.pagination a {color: #686868; text-decoration: none;}
.pagination .page-numbers {display: inline-block; min-width: 30px; text-align: center; vertical-align: middle; background: #e5e1dd; margin: 0 2px 0 0;}
.pagination .page-numbers.current {background: #ed1f24; color: #fff;}
.pagination .page-numbers.next,
.pagination .page-numbers.prev,
.pagination .page-numbers.previous {background: none; color: #949494; letter-spacing: 1px; font-size: 14px;}

.subnav {background: #eee; font-size: 18px; line-height: 22px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; overflow: visible;}
.subnav a {color: #8e8d8d;}
.subnav a:hover {color: #000;}
.subnav ul {margin: 0; padding: 30px 0; list-style-type: none;}
.subnav li {float: left; position: relative; margin: 0 30px 0 0; padding: 10px 30px 10px 0;}
.subnav li:before {position: absolute; content: ""; right: 0; top: 0; bottom: 0; width: 1px; background: #b9b9b9;}
.subnav li:last-child:before {display: none;}
.subnav li.on a,
.subnav li.current-menu-item > a {color: #ee2e2e;}
.subnav li.on a:hover,
.subnav li.current-menu-item > a:hover {color: #000;}
.subnav li.on:after,
.subnav li.current-menu-item:after {position: absolute; content: ""; left: 0; bottom: -67px; border: solid 20px transparent; border-top-color: #eee;}
.subnav ul ul {margin: 0; padding: 0; list-style-type: none;}
.subnav #subnav > li {padding: 0; margin: 0;}
.subnav #subnav > li > a {display: none;}

body.search-results article {border-bottom: solid 1px #e5e1dd; margin: 0 0 30px 0; padding: 0 0 30px 0;}
body.search-results h2 {margin: 0; font-size: 24px; line-height: 28px; font-weight: bold; text-transform: uppercase;}
body.search-results .thumb {display: none;}

#testimonials-rotator {font-size: 24px; line-height: 28px; font-weight: 500; color: #e6e6e6;}
#testimonials-rotator .author {margin: 10px 0 0 0; font-weight: normal;}

/**
 * Industry
 */
#page-header {background: no-repeat center center; background-size: cover; font-size: 21px; line-height: 30px; text-align: center; color: #e6e6e6;}
#page-header > div {padding-top: 120px; padding-bottom: 80px; max-width: 840px;}
#page-header h1 {margin: 0 0 40px 0; padding: 0 0 40px 0; position: relative; font-size: 86px; line-height: 86px; font-weight: bold; color: #fff;}
#page-header h1:after {position: absolute; content: ""; width: 200px; left: 50%; bottom: 0; margin-left: -100px; height: 1px; background: #fff;}
#page-header h1.no-line {margin: 0;}
#page-header h1.no-line:after {display: none;}

.industry-content-section > div {padding: 55px 0 60px 0; font-size: 21px; line-height: 34px; color: #777; min-height: 390px;}
.industry-content-section h2 {margin: 0 0 20px 0; font-size: 24px; line-height: 34px; color: #ee2e2e; text-transform: uppercase; font-weight: bold;}
.industry-content-section .content {width: 45%; position: relative; z-index: 10; padding: 0 20px;}
.industry-content-section .content > div {max-width: 800px; margin: 0 auto;}
.industry-content-section .callout {background: #961414 no-repeat right center; background-size: cover; position: absolute; top: 60px; left: 45%; height: 335px; right: 0; z-index: 1;}
.industry-content-section .callout ul {position: absolute; left: 0; bottom: 50px; margin: 0; padding: 15px 0 15px 70px; list-style-type: none; background: rgba(237,45,45,0.8); font-size: 18px; line-height: 22px; font-weight: normal; text-transform: uppercase;}
.industry-content-section .callout ul:before {position: absolute; content: ""; left: 100%; top: 0; bottom: 0; width: 4000px; background: rgba(237,45,45,0.8);}
.industry-content-section .callout ul li {display: inline; margin: 0 30px 0 0;}
.industry-content-section .callout a {color: #fff; text-decoration: none;}
.industry-content-section .callout:before {position: absolute; content: ""; top: 0; left: 100%; bottom: 0; width: 4000px; background: #971415;}
.industry-content-section .callout:after {position: absolute; content: ""; top: 0; left: -155px; bottom: 0; width: 220px; background: #fff; -webkit-transform: skew(-18deg, 0); -moz-transform: skew(-18deg, 0); -o-transform: skew(-18deg, 0); -ms-transform: skew(-18deg, 0); transform: skew(-18deg, 0);}

#industry-logo-banner > div {padding-top: 70px; padding-bottom: 70px; text-align: center;}
#industry-logo-banner .content {display: table; margin: 0 auto;}
#industry-logo-banner .content > div {display: table-cell; vertical-align: middle;}
#industry-logo-banner .tagline {font-size: 24px; line-height: 30px; font-weight: 500; width: 420px; margin: 0; text-transform: uppercase; letter-spacing:  4px; color: #e6e6e6; text-align: left; padding: 0 30px 0 0;}
#industry-logo-banner .tagline span {display: block;}
#industry-logo-banner ul {margin: 0 -25px -25px -25px; padding: 0; list-style-type: none; text-align: center; display: inline-block; font-size: 0;}
#industry-logo-banner li {display: inline-block; vertical-align: middle; padding: 0 25px 25px 25px;}

.logos-with-label {margin: 0 -25px -25px -25px; padding: 0; list-style-type: none; text-align: center; display: inline-block;}
.logos-with-label li {display: inline-block; vertical-align: middle; padding: 0 25px 25px 25px;}
.logos-with-label li.label {text-align: left;}
.logos-with-label h2 {font-size: 24px; line-height: 30px; font-weight: 500; margin: 0; text-transform: uppercase; letter-spacing:  4px; color: #e6e6e6;}
.logos-with-label h2 span {display: block;}
.logos-with-label img {display: block;}

/**
 * Product landing page
 */
#products-header {background: #e5e1dd url(img/v/bg-product-overview-header.jpg) no-repeat center center; background-size: cover; font-size: 21px; line-height: 30px; color: #686868; text-align: center; color: #fff;}
#products-header > div {padding-top: 50px; padding-bottom: 50px; max-width: 900px;}
#products-header h1 {margin: 0 0 20px 0; font-size: 48px; line-height: 54px; font-weight: normal; color: #fff; text-transform: none;}
#products-header .content {position: relative; max-width: 780px; padding: 50px 0;}
#products-header .photo {position: absolute; right: -330px; bottom: 0; max-width: 290px;}

#product-intros-head {overflow: visible;}
#product-intros-head > div {padding-top: 50px; padding-bottom: 30px; text-align: center; font-size: 21px; line-height: 31px; color: #686868; letter-spacing: 4px; text-transform: uppercase; font-weight: 500;}
#product-intros-head h2 {margin: 0 0 20px 0; padding: 0 0 20px 0; font-size: 48px; line-height: 52px; color: #ee2e2e; text-transform: uppercase; letter-spacing: 4px; font-weight: bold; border-bottom: solid 1px #dfdfdf;}
#product-intros-head .devil,
#product-intros-head .demon {float: left; width: 400px; max-width: 400px; position: relative;}
#product-intros-head .devil:before,
#product-intros-head .demon:before {position: absolute; content: ""; bottom: -100px; right: -200px; width: 138px; height: 192px; background: url(img/v/devil.png) no-repeat; z-index: 10;}
#product-intros-head .demon {float: right;}
#product-intros-head .demon:before {right: auto; left: -200px; background: url(img/v/demon.png) no-repeat;}

#product-intros-body {background: #d92a29 url(img/v/red-wall.png); position: relative; overflow: hidden; font-size: 21px; line-height: 30px; color: #e0e0e0; z-index: 5;}
#product-intros-body > div {padding-top: 40px; padding-bottom: 60px;}
#product-intros-body:before {position: absolute; content: ""; width: 2000px; height: 1000px; right: 52%; top: 50%; margin: -500px 0 0 0; background: #363430 url(img/dark-wall.png); -webkit-transform: skew(-18deg, 0); -moz-transform: skew(-18deg, 0); -o-transform: skew(-18deg, 0); -ms-transform: skew(-18deg, 0); transform: skew(-18deg, 0);}
#product-intros-body .devil,
#product-intros-body .demon {float: left; width: 400px; max-width: 400px; position: relative;}
#product-intros-body .demon {float: right; color: #fff;}
#product-intros-body .head {display: none; background: #fff; font-size: 21px; line-height: 31px; color: #686868; letter-spacing: 4px; text-transform: uppercase; font-weight: 500; text-align: center; position: relative; padding: 270px 20px 40px 20px; margin: -40px -20px 40px -20px;}
#product-intros-body .head:before {position: absolute; content: ""; top: 40px; left: 50%; margin-left: -69px; width: 138px; height: 192px; background: url(img/v/demon.png) no-repeat; z-index: 10;}
#product-intros-body .head h2 {margin: 0 0 20px 0; padding: 0 0 20px 0; font-size: 48px; line-height: 52px; color: #ee2e2e; text-transform: uppercase; letter-spacing: 4px; font-weight: 500; border-bottom: solid 1px #dfdfdf;}
#product-intros-body .button {margin-top: 30px; width: 100%; text-align: right;}

#products-features {background: #eee;}
#products-features > div {padding-top: 70px; padding-bottom: 90px;}
#products-features h2 {margin: 0 0 30px 0; font-size: 34px; line-height: 44px; color: #393939; font-weight: bold; text-transform: uppercase; letter-spacing: 4px; text-align: center;}
#products-features h3 {margin: 0 0 60px 0; font-size: 20px; line-height: 24px; color: #6f6f6f; font-weight: 300; text-align: center; position: relative;}
#products-features h3 span {display: inline-block; background: #eee; padding: 0 30px; position: relative;}
#products-features h3:before {position: absolute; content: ""; top: 50%; left: -3000px; width: 9000px; height: 1px; background: #a6a6a6;}

ul.highlights {margin: 0 -40px; padding: 0; list-style-type: none; font-size: 24px; line-height: 28px; color: #393939; font-weight: 500; text-align: center;}
ul.highlights li {float: left; width: 25%; padding: 0 40px;}
ul.highlights li .icon {width: 180px; height: 180px; margin: 0 auto 20px auto; background: #fff; border-radius: 90px; text-align: center;}
ul.highlights li .icon svg {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

.section-title {background: #eee; text-align: center;}
.section-title > div {padding-top: 30px; padding-bottom: 30px;}
.section-title h2 {margin: 0; font-size: 32px; line-height: 36px; color: #393939; text-transform: uppercase; letter-spacing:  3px; font-weight: bold;}

/**
 * Team
 */
.profiles {overflow: hidden; font-size: 0;}
.profiles > div {margin: 0 -20px;}
.profiles > div > div {display: inline-block; vertical-align: top; width: 33.3333%; padding: 0 20px 40px 20px;}
.profiles .full-bio {display: none;}

.profile-block {font-size: 18px; line-height: 24px; color: #8c8c8c;}
.profile-block h2 {margin: 0; font-size: 21px; line-height: 25px; font-weight: 500; text-transform: uppercase; color: #3e3e3e;}
.profile-block .left {float: left; width: 30%;}
.profile-block .left img {display: block; margin: 0 0 15px 0;}
.profile-block .right {float: left; width: 70%; padding: 0 0 0 20px;}
.profile-block .head {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: solid 1px #c9c9c9;}
.profile-block .more {font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; font-weight: 500;}
.profile-block p:last-of-type {display: inline;}

ul.social-sites {margin: 0; padding: 0; list-style-type: none; font-size: 20px;}
ul.social-sites li {display: inline; margin: 0 10px 0 0;}
ul.social-sites a {color: #231f20;}

#bio-dialog {max-width: 800px; margin: 0 auto; padding: 20px; background: #fff; position: relative;}
#bio-dialog .excerpt,
#bio-dialog a.more {display: none;}

.mfp-container {padding: 20px;}

/**
 * Contact
 */
.contact-layout > .left {float: left; width: 34%; padding: 30px; background: url(img/dark-wall.png); color: #fff;}
.contact-layout > .left h2 {margin: 0 0 30px 0; padding: 0 0 30px 0; font-size: 48px; line-height: 52px; color: #fff; text-transform: uppercase; letter-spacing: 1px; position: relative; font-weight: bold; text-align: center;}
.contact-layout > .left h2:before {position: absolute; content: ""; width: 130px; height: 1px; left: 50%; bottom: 0; margin-left: -65px; background: #ee2e2e;}
.contact-layout > .right {float: right; width: 66%; padding: 0 0 0 50px; font-size: 21px; line-height: 28px; color: #5d5d5d;}
.contact-layout > .right h2 {margin: 0 0 10px 0; font-size: 30px; line-height: 34px; font-weight: 300; text-transform: none;}

.gform_wrapper .contact .top_label .gfield_label {display: none;}
.gform_wrapper .contact .top_label .gfield_label[for="input_1_5"] {font-size: 15px; line-height: 19px; color: #fff; font-weight: 300; color: #fff; display: block; margin: 0 0 5px 0; text-transform: uppercase; letter-spacing: 1px;}
.gform_wrapper .contact .top_label div.ginput_container {margin: 0 0 20px 0;}
.gform_wrapper .contact ul.gform_fields li.gfield {margin: 0; padding: 0;}
.gform_wrapper .contact input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper .contact textarea {width: 100%; border: none; background: #4d4d4d; font-size: 24px !important; line-height: 28px !important; padding: 15px; color: #fff !important; font-weight: 300;}
.gform_wrapper .contact button {width: 100%; text-align: right;}
.gform_wrapper .contact select {width: 100% !important; border: none; margin: 0; background: #4d4d4d; color: #fff !important;}
.gform_wrapper .contact .validation_error,
.gform_wrapper .contact .validation_message {color: #ED1F24;}

.reseller-logos {padding: 60px 30px; font-size: 0px; line-height: 0px; text-align: center; background: #fff;}
.reseller-logos > div {display: inline-block; vertical-align: middle; padding: 20px 30px;}

#resellers-banner {background: #eee;}
#resellers-banner > div {padding-top: 70px; padding-bottom: 90px;}
#resellers-banner h2 {margin: 0 0 30px 0; font-size: 34px; line-height: 44px; color: #393939; font-weight: bold; text-transform: uppercase; letter-spacing: 4px; text-align: center;}
#resellers-banner h3 {margin: 0 auto 60px auto; font-size: 20px; line-height: 32px; color: #6f6f6f; font-weight: 300; text-align: center; position: relative; max-width: 630px; text-transform: none;}
#resellers-banner h3 span {display: inline-block; background: #eee; padding: 0 30px; position: relative; text-align: center;}
#resellers-banner h3:before {position: absolute; content: ""; top: 50%; left: -3000px; width: 9000px; height: 1px; background: #a6a6a6;}

.locations {font-size: 21px; line-height: 28px;}
.locations > div {position: relative; padding: 40px 0 0 0; margin: 40px 0 0 0; border-top: solid 1px #dad6d3;}
.locations > div > div {display: table;}
.locations > div > div > div {display: table-cell; vertical-align: top;}
.locations h3 {margin: 0 0 10px 0; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #ee2e2e; font-weight: bold;}
.locations img {display: block;}
.locations .photo {width: 60%;}
.locations .content {width: 40%; padding: 0 0 40px 30px;}
.locations .button {width: 200px; position: absolute; left: 60%; bottom: 0; margin-left: 30px;}
/**
 * Blog
 */
.sidebar-layout > .content {float: left; width: 70%; padding: 0 40px 0 0;}
.sidebar-layout > aside {float: left; width: 30%;}

article.post {margin: 0 0 40px 0; padding: 0 0 40px 0; border-bottom:  solid 1px #e5e1dd;}
article.post h2 {margin: 0 0 10px 0; font-size: 24px; line-height: 30px; font-weight: bold; text-transform: uppercase;}
article.post .thumb {float: left; width: 25%;}
article.post .content {float: left; width: 75%; padding: 0 0 0 30px;}
article.post .section > div {padding: 0;}

/**
 * Product
 */
#product-line #page-header {font-size: 21px; line-height: 30px; color: #fff;}
#product-line #page-header > div {padding-top: 40px; padding-bottom: 20px; text-align: left; max-width: 1280px;}
#product-line #page-header h1 {margin: 0 0 20px 0; padding: 30px 0 0 85px; background: no-repeat left top; font-size: 48px; line-height: 58px; text-transform: uppercase; color: #fff; letter-spacing: 3px;}
#product-line #page-header h1:after {display: none;}
#product-line #page-header h1 .name {margin-right: 30px; padding-right: 50px; position: relative;}
#product-line #page-header h1 .name:before {position: absolute; content: ""; top: 50%; right: 0; margin-top: -25px; width: 1px; height: 50px; background: #ee2e2e; -webkit-transform: skew(-18deg, 0); -moz-transform: skew(-18deg, 0); -o-transform: skew(-18deg, 0); -ms-transform: skew(-18deg, 0); transform: skew(-18deg, 0);}
#product-line #page-header h1 .tagline {display: inline-block; vertical-align: middle; font-size: 24px;  line-height: 28px; font-weight: 500;}
#product-line #page-header ul.stats {border-top: solid 1px #929292; margin: 50px 0 0 0; padding: 50px 0 0 0;}
#product-line #page-header .content {max-width: 950px;}
#product-line .product > div {padding-top: 80px; padding-bottom: 100px;}
#product-line .product h2 {margin: 0 0 30px 0; font-size: 48px; line-height: 48px; color: #686868; text-transform: uppercase; letter-spacing: 3px; font-weight: bold;}
#product-line .product h2 .name {margin-right: 20px;}
#product-line .product h2 .tagline {display: inline-block; vertical-align: bottom; font-size: 21px; line-height: 21px; position: relative; top: -4px;}
#product-line .product .content {float: left; width: 60%; padding: 0 80px 0 0; font-size: 21px; line-height: 30px;}
#product-line .product .content .button {width: 100%; margin: 50px 0 0 0;}
#product-line .product .bullets {border-top: solid 1px #aeaeae; margin: 40px 0 0 0; padding: 40px 0 0 0;}
#product-line .product .bullets ul {float: left; width: 50%; padding: 0 20px 0 0;}
#product-line .product .photos {float: right; width: 40%;}
#product-line .product .photos ul {margin: 0; padding: 0; list-style-type: none;}
#product-line .product .photos img {display: block; margin: 0 auto;}
#product-line .product .photos .slick-dots {margin: 20px 0 0 0; padding: 0; list-style-type: none; text-align: center;}
#product-line .product .photos .slick-dots li {display: inline-block; vertical-align: middle; margin: 0 7px;}
#product-line .product .photos .slick-dots button {display: inline-block; vertical-align: middle; width: 18px; height: 18px; font-size: 0px; line-height: 0px; border: none; text-indent: -10000px; border-radius: 9px; background: #e6e5e5;}
#product-line .product .photos .slick-dots li.slick-active button {background: #898383;}
#product-line .product.swap {background: #f2f1f1;}
#product-line .product.swap .content {float: right; padding: 0 0 0 80px;}
#product-line .product.swap .photos {float: left;}

ul.stats {margin: 0; padding: 0; list-style-type: none; font-size: 18px; line-height: 24px; text-transform: uppercase;}
ul.stats li {float: left; width: 25%; margin: 0 0 20px 0;}
ul.stats li > div {display: table; table-layout: fixed;}
ul.stats li > div > div {display: table-cell; vertical-align: middle;}
ul.stats .stat {font-size: 26px; line-height: 80px; width: 80px;}
ul.stats .stat > div {width: 80px; height: 80px; border: solid 1px #ee2e2e; border-radius: 40px; text-align: center;}
ul.stats .label {padding: 0 60px 0 15px;}

ul.dots {margin: 0; padding: 0; list-style-type: none; font-size: 18px; line-height: 22px;}
ul.dots li {padding: 0 0 10px 16px; position: relative;}
ul.dots li:before {position: absolute; content: ""; top: 7px; left: 0; width: 8px; height: 8px; border-radius: 4px; background: #ed1f24;}

#photo-strip {min-height: 380px; background: no-repeat center center; background-size: cover;}

#partners {background: #f2f1f1;}
#partners > div {padding-top: 80px; padding-bottom: 100px;}
#partners h2 {margin: 0 0 30px 0; font-size: 34px; line-height: 44px; color: #393939; font-weight: bold; text-transform: uppercase; letter-spacing: 4px; text-align: center;}
#partners h3 {margin: 0 0 60px 0; font-size: 20px; line-height: 24px; color: #6f6f6f; font-weight: 300; text-align: center; position: relative; text-transform: none;}
#partners h3 span {display: inline-block; background: #f2f1f1; padding: 0 30px; position: relative;}
#partners h3:before {position: absolute; content: ""; top: 50%; left: -3000px; width: 9000px; height: 1px; background: #a6a6a6;}

.partner-slider {font-size: 0; position: relative; margin: 0 auto; padding: 0 30px;}
.partner-slider .logo {display: inline-block; height: 220px; background: #fff; width: 100%; border: solid 7px #f2f1f1; border-width: 0 7px;}
.partner-slider .logo img {display: block; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.partner-slider button {background: none; border: none;}
.partner-slider .slick-arrow {position: absolute; top: 95px; left: 0; font-size: 30px; line-height: 30px; color: #ed1f24; font-weight: bold;}
.partner-slider .next {left: auto; right: 0;}

/**
 * Forms
 */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {font-family: 'Raleway', Arial, sans-serif; padding: 10px;}

input[type="submit"] {cursor: pointer; border-radius: 0;}

button {cursor: pointer;}

@media only screen and (max-width: 1600px) {

    .partner-slider {width: 1100px;}

}

@media only screen and (max-width: 1350px) {
}

@media only screen and (max-width: 1300px) {

    #footer-callout > div {padding-top: 60px;}
    #footer-callout .content {padding-bottom: 150px;}
    #footer-callout .action {position: relative; left: 0; top: 50px;}
    #footer-callout .photo {right: -160px; max-width: 300px;}

    #products-header .content {padding-bottom: 0;}
    #products-header .photo {position: relative; right: auto; margin: 30px 0 0 0;}

    #product-intros-head .devil,
    #product-intros-head .demon {padding: 230px 0 0 0; width: 40%; max-width: 100%;}
    #product-intros-head .devil:before,
    #product-intros-head .demon:before {bottom: auto; top: 0; left: 50%; margin-left: -69px;}

    #product-intros-body .devil,
    #product-intros-body .demon {width: 40%; max-width: 100%;}

    ul.stats li {width: 50%;}

}

@media only screen and (max-width: 1250px) {

    .industry-content-section > div {padding-bottom: 0;}
    .industry-content-section .content {width: 100%; margin: 0 0 40px 0; text-align: center;}
    .industry-content-section .callout {position: relative; left: auto; top: auto; bottom: auto; height: 330px;}

    .logos-with-label li.label {display: block; text-align: center; margin-bottom: 10px;}

}

@media only screen and (max-width: 1200px) {

    .grid > div > div {width: 50%;}
    .grid > div > div:nth-child(3) {border-top: solid 1px #e5e1dd;}

    .profiles > div > div {width: 50%;}

    .partner-slider {width: 760px;}

}

@media only screen and (max-width: 1199px) {

    .footer-cta.btn > .small {font-size: 13px;}

}

@media only screen and (max-width: 1150px) {

    #products-header > div {background: rgba(229,225,221,0.8);}

}

@media only screen and (max-width: 1100px) {

    .main-nav > ul > li > a {letter-spacing: 2px;}

}

@media only screen and (max-width: 1050px) {

    .main-nav > ul > li > a {letter-spacing: 1px;}

}

@media only screen and (max-width: 1000px) {

    #footer-callout.white > div {background: rgba(255,255,255,0.6);}

    .contact-layout > .left,
    .contact-layout > .right {float: none; width: 100%;}
    .contact-layout > .right {padding: 0 0 60px 0;}

    #industry-logo-banner .content,
    #industry-logo-banner .content > div {display: block; width: 100%; padding: 0;}
    #industry-logo-banner .tagline {width: 100%; text-align: center; margin: 0 0 30px 0;}

}

@media only screen and (max-width: 991px) {

    #header > div {height: auto;}
    #header .logo {margin: 0;}

    #footer .col-sm-6 {width: 50%;}
    #footer .footer-cta.btn {font-size: 1.875em;}
    #footer .footer-cta.btn > span:not(.small) {letter-spacing: 1px;}
    #footer .footer-cta.btn > .small {margin-left: 7px; font-size: 13px; letter-spacing: normal;}

    .sidebar-layout > .content,
    .sidebar-layout > aside {float: none; width: 100%; padding: 0;}

}

@media only screen and (max-width: 900px) {

    #product-intros-head .devil,
    #product-intros-head .demon {float: none; width: 100%;}
    #product-intros-head .demon {display: none;}

    #product-intros-body > div {padding: 0;}
    #product-intros-body:before {display: none;}
    #product-intros-body .devil,
    #product-intros-body .demon {float: none; width: 100%; padding: 40px 20px;}
    #product-intros-body .devil {background: #363430 url(img/dark-wall.png);}
    #product-intros-body .demon .head {display: block;}

    #footer-callout h2 {margin: 0;}
    #footer-callout:not(.white) > div {background-color: rgba(229,225,221,0.8);}

    ul.highlights {max-width: 700px; margin: 0 auto;}
    ul.highlights li {width: 50%;}
    ul.highlights li:nth-child(n+3) {padding-top: 60px;}

    #product-line .product .content,
    #product-line .product .photos,
    #product-line .product.swap .content,
    #product-line .product.swap .photos {float: none; width: 100%; padding: 0;}
    #product-line .product .content {margin: 0 0 40px 0;}

    .subnav ul {padding: 15px 0; text-align: center;}
    .subnav li {float: none; padding: 0; margin: 0;}
    .subnav li:before,
    .subnav li:after {display: none;}
    .subnav a {display: block; padding: 10px 0;}

}

@media only screen and (max-width: 850px) {

    .partner-slider {width: 410px;}

}

@media only screen and (max-width: 800px) {

    #footer-callout .content {padding-bottom: 20px; max-width: 100%;}
    #footer-callout .action {position: relative; left: 0; top: auto; margin: 10px 0 0 0;}
    #footer-callout .photo {right: auto; position: relative; bottom: -20px; max-width: 280px; margin: 0 auto 0 auto;}

    .profiles > div > div {display: block; width: 100%;}

    .profile-block .left {width: 18%;}
    .profile-block .right {width: 82%;}

}

@media only screen and (max-width: 750px) {

    #products-header h1 {font-size: 40px; line-height: 50px;}

    #page-header h1 {font-size: 60px; line-height: 60px;}

    #products-features h2 {font-size: 24px; line-height: 34px;}

    .industry-content-section .callout ul li {display: block; margin: 0;}
    .industry-content-section .callout ul li + li {margin-top: 10px;}

    .grid > div {margin: 0 0 60px 0;}
    .grid > div > div {width: 100%; padding: 60px 0 60px 0;}
    .grid > div > div:nth-child(1) {padding-top: 0;}
    .grid > div > div:nth-child(2) {border-top: solid 1px #e5e1dd;}

    #our-story-callout .wrapper,
    #our-story-callout .wrapper .callout-logo,
    #our-story-callout .content {display: block; width: 100%; padding: 0;}
    #our-story-callout .content {text-align: center;}
    #our-story-callout .wrapper .callout-logo {margin: 0 0 30px 0; padding: 0 0 30px 0; border: none; border-bottom: solid 1px #bebebd;}

    ul.stats li {float: none; width: 100%;}

    #product-line .product .bullets ul {float: none; width: 100%; padding: 0;}

    .locations,
    .locations .photo,
    .locations .content {display: block; width: 100%; padding: 0;}
    .locations .photo {margin: 0 0 20px 0;}
    .locations .button {position: relative; top: auto; left: auto; bottom: auto; margin-left: 0;}

}

@media only screen and (max-width: 700px) {
}

@media only screen and (max-width: 650px) {

    .profile-block .left {width: 25%;}
    .profile-block .right {width: 75%;}

}

@media only screen and (max-width: 600px) {

    #footer-callout {background-size: cover;}
    #footer-callout h2 {font-size: 34px; line-height: 44px;}

    ul.highlights {margin: 0;}
    ul.highlights li {float: none; width: 100%; padding: 0;}
    ul.highlights li:nth-child(2) {padding-top: 60px;}

    article.post .thumb,
    article.post .content {float: none; width: 100%; padding: 0;}
    article.post .thumb {margin: 0 0 10px 0;}

}

@media only screen and (max-width: 550px) {
}

@media only screen and (max-width: 500px) {

    #page-header h1 {font-size: 40px; line-height: 40px;}

    #products-header h1 {font-size: 35px; line-height: 45px;}

    .partner-slider {width: 280px; padding: 0 20px;}
    .partner-slider .logo {padding: 0 20px;}

}

@media only screen and (max-width: 543px) {

    .hero h1 {font-size: 40px;}
    .hero p {font-size: 20px; line-height: 24px;}

    #footer .col-sm-6 {width: 100%;}

}

@media only screen and (max-width: 500px) {

    .profiles {margin: 0;}
    .profiles > div > div + div {margin-top: 60px;}

    .profile-block .left,
    .profile-block .right {float: none; width: 100%; padding: 0;}
    .profile-block .right {margin: 20px 0 0 0;}

}

@media only screen and (max-width: 400px) {
}

@media only screen and (max-width: 350px) {
}

@media only screen and (max-width: 300px) {
}