/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

html {color: #222;font-size: 1em;line-height: 1.4;font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0}

audio,
canvas,
iframe,
img,
svg,
video {vertical-align: middle}
fieldset {border: 0;margin: 0;padding: 0}
textarea {resize: vertical}
.browserupgrade {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

html,
body{
  width: 100%;
  height: 100%;
}

body {
  font-family: "Roboto Condensed",sans-serif, arial;
  font-size: 100%;
  line-height: 1.5;
  color: #1d9ddb;
  -webkit-font-smoothing: antialiased;
  background-color: #010109;
}

/* Link styles */

a, a:visited {
  color: #1d9ddb;
  text-decoration: none}
a:hover, a:focus, a:visited:hover, a:visited:focus {
color: #1d9ddb}
a:link, a:visited:link {
/*
this highlights links on iPhones/iPads.
so it basically works like the :hover selector
for mobile devices.
*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3)}

/* Headers */

h1, h2, h3, h4, h5, h6{text-rendering: optimizelegibility;font-weight: 500}

/* Color Scheme */

.b-color{color: #1d9ddb !important}
.b-bg{background-color: #1d9ddb !important}
::-moz-selection {background: #1d9ddb;color: #000;text-shadow: none}
::selection {background: #1d9ddb;color: #000;text-shadow: none}

/* General animation property */

a,
.init-popup,
.init-popup .close-bt,
.container,
.button,
.tab .icon:before,
.panel,
.form,
.submit,
.left-block,
.right-block{
    transition:all .3s;
}

/* ==========================================================================
   Site styles
   ========================================================================== */

section{
  float: left;
  width: 100%;
  position: relative;
}
.wrapper{
  width: calc(100% - 40px);
  max-width: 1250px;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
}
p{
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  margin: 0 0 15px;
}

/* Header */

header{
  position: fixed;
  top: 0;left: 0;
  width: 100%;
  height: 60px;
  z-index: 99999;
}
header .wrapper{
  max-width: 100%;
  width: 100%;
  padding: 0;
}
header .logo{
  float: left;
  width: 60px;
  height: 60px;
  position: relative;
}
header .logo h1{
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 10px;
}
header .logo svg{
  position: absolute;
  top: 22px;left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 22px;
}
header .logo img {
  padding: 0px 20px;
}
header .contact-bt{
  float: right;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 60px;
  padding: 0 20px;
  cursor: pointer;
  text-transform: uppercase;
}

/* Top Banner */

.top-banner{
  height: calc(100% - 60px);
  margin-top: 60px;
}
.top-banner .wrapper{
  width: 100%;
  padding: 0;
}
.top-banner img{
  max-width: 100%;
  position: absolute;
  top: 50%;left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}
.top-banner .scroll-bt{
  cursor: pointer;
  position: absolute;
  bottom: 120px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 7px;
  line-height: 13px;
}

/* video */

.video-block{
  margin-top: 80px;
}
.video-block .wrapper{
  max-width: 840px;
}
.video-box .cont{
  float: left;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.video-box::before,
.video-box::after{
  content: "";
  position: absolute;
  top: -180px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 1px;height: 200px;
  border-right: 1px solid #010109;
  background-color: #1d9ddb;
  z-index: 100;
}
.video-box::after{
  top: auto;
  bottom: -180px;
}
.video-box .size-prop{
  opacity: 0;
  pointer-events: none;
  float: left;
  width: 100%;
}
.video-box .video-panel,
.video-box .carton-panel{
  position: absolute;
  top: 0;left: 0;
  width: 100%;height: 100%;
  z-index: 10;
}
.video-box .carton-panel{
  z-index: 20;
  transition: all .5s;
}
.video-box .carton-panel img,
.video-box .video-panel iframe{
  width: 100%;height: 100%;
  float: left;
}
.video-box .carton-panel .caption{
  width: 580px;
  position: absolute;
  top: 130px;left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.video-box .carton-panel .caption .text{
  width: 100%;
  color: #FFFFFF;
  font-size: 72px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 64px;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
.video-box .play-bt{
  width: 100%;
  text-align: center;
  margin: 25px 0 0;
}
.video-box .play-bt .bt{
  display: inline-block;
  position: relative;
  text-align: center;
  width: 64px;
  height: 64px;
  background-color: #1d9ddb;
  border-radius: 40px;
  cursor: pointer;
}
.video-box .play-bt svg{
  position: absolute;
  top: 50%;left: 52%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  width: 18px;height: 20px
}
.video-box.video-on .carton-panel{
  transform:translateX(100%);
  -ms-transform:translateX(100%);
  pointer-events: none;
}

/* Quote */

.quote{
  margin: 240px 0;
}
.quote .wrapper{
  max-width: 700px;
}
.quote p{
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 34px;
  text-align: center;
  font-weight: 100;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.quote p span{
  padding: 1px 5px;
}
.quote .author{
  color: #fff;
  font-size: 14px;
  letter-spacing: 5px;
  margin: 0;
}

/* Articles */

.articles{
  margin-bottom: 220px;
  margin-top: 50px
}
.articles.articles-two-sites{
  margin-bottom: 90px;
}
.articles .wrapper{
  max-width: 1024px;
}
.articles .box{
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.articles.articles-two-sites .box{
  margin-bottom: 130px
}
.articles .box::before,
.articles .box::after{
  content: "";
  position: absolute;
  top: -240px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 1px;height: 200px;
  border-right: 1px solid #010109;
  background-color: #1d9ddb;
  z-index: 100;
}
.articles.articles-two-sites .box::after{
  bottom: -130px;
  height: 90px;
}
.articles .box::after{
  top: auto;
  bottom: -240px;
}
.articles article{
  /*float: left;*/
  width: calc(50% - 20px);
  /*height: 360px;*/
  margin: 10px 10px 100px 10px;
  background-color: #07070f;
  position: relative;
}
.articles .head{
  letter-spacing: 2px;
  line-height: 34px;
  text-align: center;
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  letter-spacing: 5px;
  margin: 0 0 100px 0;
}
.articles .info{
  /*position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);*/
  width: calc(100% - 80px);
}
.articles .title{
  line-height: 27px;
  text-align: left;
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
  font-size: 24px;
  letter-spacing: 4px;
  transition: all .3s;
  margin: 0 0 28px;
  padding-bottom: 32px;
  position: relative;
  width: 90%
}
.articles .info:hover .title{
  color: #1d9ddb;
}
.articles .title:before{
  content: "";
  position: absolute;
  bottom: 0;left: 0;
  width: 40px;
  height: 1px;
  background-color: #1d9ddb;
}
.articles .source{
  line-height: 34px;
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  letter-spacing: 5px;
  margin: 0;
}
.articles article .link{
  position: absolute;
  top: 0;
  left: 0;width: 100%;height: 100%;
  z-index: 100;
}
.articles .see-design{
  line-height: 24px;
  text-align: center;
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  margin: 30px 0;
}
.articles .see-design span{
  display: inline-block;
  max-width: 450px
}
.articles .visit{
  line-height: 16px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  margin: 0;
}
.articles .visit .bt{
  display: inline-block;
  padding: 12px 40px;
  color: #000;
}

/* Site Links */
.site-links {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  display: -ms-flexbox;
  padding: 85px 0;
  position: relative;  
}
.site-links .text {
  line-height: 24px;
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  letter-spacing: .1em;
  margin: 0 0 30px 0;
}
.site-links:before {
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  border: 1px solid #043048;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
}
.site-links .col {
  width: calc(50% - 10px);
  border: 1px solid #1d9ddb;
  text-align: center;
  padding: 60px;
  background-color: #010109;
  position: relative;
  z-index: 2;
}
.site-links .col-first {
  margin-right: 20px;
}
.site-links .col .visit{
  line-height: 16px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  margin: 0;
}
.site-links .col .visit .bt{
  display: inline-block;
  padding: 12px 40px;
  color: #fff;
}

/* Contact */

.contact-block .wrapper{
  max-width: 580px;
}
.contact-block .box{
  position: relative;
  width: 100%;
  float: left;
}
.contact-block .box::after{
  content: "";
  position: absolute;
  top: -180px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 1px;height: 200px;
  border-right: 1px solid #010109;
  background-color: #1d9ddb;
  z-index: 100;
}
/* .contact-block.contact-block-two-sites .box::after{
  top: -90px;
  height: 90px;
} */
.contact-block .box img{
  width: 100%;
  float: left;
}
.contact-block .dform_container img{
width: auto
}
.contact-block .form-cont{
  position: absolute;
  top: 300px;left: 0;
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction:column;
  align-items: center;
  -ms-align-items:center;
  z-index: 10;
}
.contact-block .form-cont .htext{
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 27px;
  text-align: center;
  font-weight: 100;
  text-transform: uppercase;
  margin: 0 0 30px;
  max-width: 420px
}
.contact-block .form-cont .htext span{
  padding: 2px 5px;
}
.contact-block .copy{
  color: #FFFFFF;
  font-size: 12px !important;
  letter-spacing: 4px !important;
  line-height: 34px !important;
  text-align: center;
  text-transform: uppercase;
}
.wwsg header .logo img {margin-top: -5px;}
.wwsg h1 {font-size: 24px; line-height: 27px; font-weight: 100; text-transform: uppercase; letter-spacing: 4px; display: inline-block; background-color: #1d9ddb !important; color: #fff; padding: 0px; margin-bottom: 0px !important}
.wwsg hr {border-color: #1d9ddb}
.wwsg .dfcolumns .column {min-height: 0}
.wwsg .dfcolumns .column .dform_element {margin: 0 !important}
.wwsg .dform_element {min-height: 55px !important; margin: 0 0 10px 0 !important}
.wwsg .dform_container input.text, .wwsg .dform_container textarea {margin: 0 !important}
.wwsg .dform_desc {display: inline-block; background-color: #1d9ddb !important; color: #fff; padding: 0 5px; font-size: 12px; letter-spacing: 1px; font-weight: 100; text-transform: uppercase;}
@media all and (max-width: 480px){
.wwsg .dfcolumns .column {width: 100% !important}
.wwsg .dfcolumns .column .dform_element {margin: 0 0 10px 0 !important}
}

/*---- form */

form{
  float: left;
  width: 100%;
  transition: all .3s;
}
.form-success form{
  opacity: 0;
  pointer-events: none;
}
.dform_element{
  margin: 0 !important
}
.dform_container input.text,
.dform_container textarea{
  width: 100% !important;
  margin: 0 0 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #1d9ddb !important;
  padding: 8px 0 !important;
  background-color: transparent !important;
  color: #fff !important;
  letter-spacing: 2px !important;
}
.dform_container input.error,
.dform_container textarea.error{
  border-color:red !important;
}
input[type=submit]{
  line-height: 16px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 5px;
  margin: 20px auto;
  padding: 15px 60px;
  color: #fff;
  background-color: #1d9ddb;
  border: 0 !important;
  cursor: pointer;
  display: block;
  outline: none !important;
}
.dform_element input::-webkit-input-placeholder {color:#ffffff}
.dform_element input::-moz-placeholder {color:#ffffff}
.dform_element input:-ms-input-placeholder {color:#ffffff}
.dform_element input:-moz-placeholder {color:#ffffff}
.dform_element textarea::-webkit-input-placeholder {color:#ffffff}
.dform_element textarea::-moz-placeholder {color:#ffffff}
.dform_element textarea:-ms-input-placeholder {color:#ffffff}
.dform_element textarea:-moz-placeholder {color:#ffffff}

.contact-block .success{
  position: absolute;
  bottom: 200px;left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}
.contact-block .success p{
  margin: 0 0 20px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 100;
  letter-spacing: 2px;
}
.contact-block .success .ty{
  font-size: 50px;
  line-height: 40px;
  color: #1d9ddb;
}
.form-success .contact-block .success{
  opacity: 1;
}

/* Google tracking fixes */

iframe[name="google_conversion_frame"]{float: left;height: 0;width: 0;overflow: hidden}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media all and (max-width: 1180px){

}
@media all and (max-width: 1024px){
  header{position: fixed;border-bottom: 1px solid #20202d;background-color: #010109;}
}
@media all and (max-width: 840px){
  .video-box .carton-panel .caption{
    top: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
  }
  .site-links {
    padding: 65px 0;
  }
  .site-links .col {
    padding: 40px;
  }
}
@media all and (max-width: 768px){
  .articles .title{font-size: 26px;line-height: 28px}
}
@media all and (max-width: 600px){
  .video-box .carton-panel .caption{width: 230px}
  .video-box .carton-panel .caption .text{font-size: 26px;line-height: 26px}
  .video-box .play-bt{margin-top: 15px}
  .video-box .play-bt .bt{width: 42px;height: 42px}
  .video-box .play-bt svg{width: 15px}
  .articles article{width: 100%;margin: 0 0 20px;height: auto;}
  .articles article .info{position: static;width: calc(100% - 80px);margin: 40px;transform:none;-ms-transform:none;}
  
  .site-links {
    padding: 0;
    display: block;
  }
  .site-links:before {
    width: 1px;
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-color: #043048;
  }
  .site-links .col {
    width: calc(100% - 40px);
    padding: 50px 20px;
  }
  .site-links .col-first {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
@media all and (max-width: 480px){
  .top-banner .scroll-bt,
  .video-box::before{display: none}
  .video-box::after{height: 140px;bottom: -120px}
  .quote{margin: 160px 0}
  .contact-block .box::after{height: 140px;top: -120px}
  .top-banner img{width: 100%}
  .contact-block .form-cont{top: 220px}
  .contact-block .form-cont .text{width: 287px}
  .articles .box::before{height: 140px;top: -160px}
  .articles .box::after{height:140px;bottom: -160px}
  .articles{margin-bottom: 160px;margin-top: 30px}
  .articles .box{margin-bottom: 160px}
}
@media all and (max-width: 380px){
  .contact-block .form-cont{top: 175px}
}
@media all and (max-width: 360px){

}
@media all and (max-width: 320px){

}
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {display: none !important;visibility: hidden}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}
.invisible {visibility: hidden}
.cf:before,
.cf:after {content: " ";display: table}
.cf:after {clear: both}
.cf {*zoom: 1}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* Careers Section */
header .careers-bt{
  float: right;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 60px;
  padding: 0 20px;
  cursor: pointer;
  text-transform: uppercase;
}

.careers {font-size: 1em}
.careers section {float: none}
.careers .main-wrapper {padding-top: 200px}
.careers.detail .main-wrapper {padding-top: 100px; overflow: hidden}
.careers .centered {text-align: center}
.careers .title {padding-bottom: 80px}
.careers .centered h1 {margin: 0; font-family: "Roboto Condensed",sans-serif, arial; font-size: 72px; color: #fff; text-transform: uppercase; font-weight: 700}
.careers .centered h1 span {color: #1d9ddb}
.careers .centered .btn, .btn.learn-more-btn {display: inline-block; background-color: #1d9ddb; color: #fff; font-weight: 700; font-size: 14px; letter-spacing: .15em; text-transform: uppercase; padding: 10px 30px; margin-bottom: 50px}
.careers .centered .btn:hover, .btn.learn-more-btn:hover {background-color: #fff; color: #1d9ddb}
.careers .career-listing {display: block; padding: 40px; font-size: 20px; color: #fff; line-height: 24px; text-transform: uppercase; letter-spacing: .15em; background-color: #07070F; margin-bottom: 20px}
.careers .career-listing:hover {color: #1d9ddb}
.careers .wrapper.wrapper-980 {width: 90%; max-width: 980px}
.careers.detail p {color: #fff; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: .15em}
.careers.detail h6 {text-transform: uppercase; color: #fff; font-weight: 600; font-size: 15px; line-height: 34px; letter-spacing: .15em; margin: 0 0 10px 0}
.careers.detail .details {width: calc(100% - 40px); background-color: #07070F; padding: 20px 20px 10px 20px; text-align: center; margin-bottom: 40px}
.careers.detail .details p {line-height: 20px; text-transform: uppercase;}
.careers.detail .details p span {font-weight: 700}
.careers.detail .body {padding: 0 100px; width: calc(100% - 200px); margin-bottom: 80px}
.careers.detail .body p {margin-bottom: 30px}
.careers.detail .body p:last-of-type {line-height: 22px;}
.careers.detail .body small {color:#FFF;letter-spacing: .15em;}
.careers.detail .body ul {padding: 0; margin: 0 0 40px 0}
.careers.detail .body ul li {color: #fff; font-weight: 400; font-size: 16px; line-height: 18px; letter-spacing: .15em; margin: 0 0 20px 18px}
.careers.detail .dform_element input::-webkit-input-placeholder {color:#fff}
.careers.detail .dform_element input::-moz-placeholder {color:#fff}
.careers.detail .dform_element input:-ms-input-placeholder {color:#fff}
.careers.detail .dform_element input:-moz-placeholder {color:#fff}
.careers.detail .dform_element textarea::-webkit-input-placeholder {color:#fff}
.careers.detail .dform_element textarea::-moz-placeholder {color:#fff}
.careers.detail .dform_element textarea:-ms-input-placeholder {color:#fff}
.careers.detail .dform_element textarea:-moz-placeholder {color:#fff}
.careers.detail .dform_container input.text, .careers.detail .dform_container textarea {padding: 15px 0 !important}
.careers.detail .dform_container input.text, .careers.detail .dform_container textarea {margin: 0 0 30px 0 !important}
.careers.detail .dform_file_upload {margin-bottom: 20px !important}
.careers.detail .dfcolumns .column {width: calc(50% - 10px) !important; min-height: 0 !important}
.careers.detail .dfcolumns .column:first-child {margin-right: 20px}
.careers.detail .dftop_label .dform_label {color: #fff; font-weight: 400; letter-spacing: 2px; font-size: 16px}
.careers.detail h1 {margin: 10px;}
.share-career {padding: 0 0 30px 0}
.share-career li {display: inline-block; vertical-align: middle; margin: 0 12px}
.share-career li a {display: block; text-indent: -9999px; cursor: pointer}
.share-career li a.facebook {width: 24px; height: 24px; background-image: url(/images/site/fb.svg)}
.share-career li a.twitter {width: 24px; height: 20px; background-image: url(/images/site/twitter.svg)}
.share-career li a.linkedin {width: 24px; height: 23px; background-image: url(/images/site/linkedin.svg)}
.share-career .st_email_custom {cursor: pointer; display: block; width: 24px; height: 19px; background-image: url(/images/site/email.svg)}
.career-list {position: relative}
.careers.detail.form-success .form .form, .careers.detail.form-success .hide-after-success {display: none}
.careers.detail .success {position: relative; bottom: auto; left: auto; padding: 60px 0 100px 0}
@media all and (max-width: 768px){
.careers .main-wrapper {padding-top: 100px}
.careers .centered h1 {font-size: 40px}
.careers.detail .body {padding: 0; width: 100%; margin-bottom: 80px}
}
@media all and (max-width: 600px){
.careers.detail .dfcolumns .column {width: 100% !important}
.careers.detail .dfcolumns .column:first-child {margin-right: 0}
}
@media all and (max-width: 400px){
.careers .centered h1 {font-size: 35px; line-height: 40px}
.careers .career-listing {padding: 30px; font-size: 18px; line-height: 24px}
.contact-block .copy {letter-spacing: .15em !important}
}

.g-recaptcha > div {margin: 0 auto}