body {
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background: #000 url('//d15s74raupkmp7.cloudfront.net/sites/china-document/chn-bg.jpg')no-repeat 50% 0;
    margin: 0;
}

/*GENERAL STYLES
-----------------------
------------------------
*/

.opt-in .jw-controlbar-center-group {
    width: 100%;
    padding: 0 .25em;
    position: absolute;
    top: -2000px;
}

.red{color:#f03324;}
.form-control {
    height: 46px;
    padding: 9px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #000;
     letter-spacing:-0.01em;
     font-family: "Roboto", Arial, sans-serif;
    }
.btn {
    padding: 6px 20px;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 800;
    letter-spacing:-0.01em;
}
.transcript .btn{ 
    padding: 10px 20px;
    margin-bottom: 0;
    font-size: 32px;}
.btn-info {
    color: #fff;
    background-color: #DDAF15;
    border-color: #DDAF15;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
    color: #B1170C;
    background-color: #DDAF15;
    border-color: #DDAF15; /*set the color you want here*/
}
.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #666;
    border-color: #666; /*set the color you want here*/
}
.copy {
    font-family: "Lora", Georgia, serif;
    font-size: 1.35em;
    line-height: 1.45em;
}
.copy p {
    margin: 0px 0px 1.15em;
}
strong.large, .copy h2, p.feat, .btn ,.note,.transcript .copy p.quote span.author{
    font-family: "Roboto Condensed", Arial, sans serif;
}
strong.large {
    font-size: 1.25em;line-height:1.3em;
}
.transcript strong.large {
    font-size: 1.3em;line-height:1.3em;
}
strong.large1 {
    font-size: 1.1em;line-height:1.2em;
}
strong.large2 {
    font-size: 1.2em;line-height:1.2em;
}
strong.large3 {
    font-size: 1.3em;line-height:1.2em;
}
ul.arrow {
    margin: 0 50px .5em 15px;
    padding: 0;
    list-style: none;
}
ul.arrow li {
    margin: 0;
    padding: 0 0 1em 25px;
    background: url(//d15s74raupkmp7.cloudfront.net/sites/ci-ground-zero/images/arrow.png) no-repeat 0 2px;

}

ul.check-red,ul.check-red1 {
    margin: 0 55px 1em 15px;
    padding: 0;
    list-style: none;
}
ul.check-red li {
    margin: 0;
    padding: 0 0 1.4em 45px;
    background: url(//d15s74raupkmp7.cloudfront.net/sites/ci-ground-zero/images/check-red.png) no-repeat 0 -4px;
}
ul.check-red1 li {
    margin: 0;
    padding: 0 0 .5em 45px;
    background: url(//d15s74raupkmp7.cloudfront.net/sites/ci-ground-zero/images/check-red.png) no-repeat 0 -4px;
}
ul.check-red1 li:last-child {
    margin: 0;
    padding: 0 0 0 45px;
}
ul.check-red li:last-child {
    margin: 0;
    padding: 0 0 0 45px;
}
ol.cnt {
    list-style-type: none;
    list-style-type: decimal !ie;
    margin: 1.5em 0 0em 40px;
    padding: 0;
    counter-reset: li-counter;
}
ol.cnt > li:first-child {
    margin: 0 0 0;
}
ol.cnt > li {
    position: relative;
    margin: 1em 0 0;
    padding: 0em 0 0.3em .7em;
}
ol.cnt > li::before {
    position: absolute;
    top: 0;
    left: -1.5em;
    width: 1.4em;
    height: 1.4em;
    padding-top: 0.2em;
    font-size: 24px;
    font-weight: 600;
    line-height: 0.94;
    text-align: center;
    color: #fff;
    background-color: #ff0000;
    border-radius: 50%;
    content: counter(li-counter);
    counter-increment: li-counter;
    font-family: "Roboto", Arial, sans-serif;
}
#bad-email{background: url('//d15s74raupkmp7.cloudfront.net/sites/upturn/images/lg-bad-email-bg.png') no-repeat 9px bottom;
font:13px/15px Arial,sans-serif;color:#fff;display:block;padding-bottom:17px;position:absolute;z-index:300;display:none;top:-40px;left:20px}
#bad-email p,#bad-email p{display:block;margin:0;padding:8px 5px;background:#fd6f2e}

  .vertical-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;

}
#vidBox:focus {
  outline:0;
}

.jw-display-icon-container .jw-icon-display {
    background-color:#ED3C2C;border-radius:50%;
}

.jwplayer{background-color: #000;}
.jw-skin-vsl .jw-controlbar-left-group .jw-icon-playback{
  background-color:#DE2312;
}
.jw-skin-vsl .jw-button-color:hover {
  color:#DDAF15;
}
.jw-skin-vsl .jw-icon-volume {
  min-width:2.6em;background-color:#DE2312;
}
.form-control::-moz-placeholder {
    color: #000;
    opacity: 1;font-style:normal
}
/*OFOOTER
-----------------------
------------------------
*/
header img{margin:0 auto;}
.credits img{margin:0 auto;opacity:.45;filter: alpha(opacity=45);width:75%;}
.footer img{margin:0 auto;opacity:.45;filter: alpha(opacity=45);margin:15px auto 5px;width:150px;}
.footer {font-size:13px;color: rgba(255,255,255,.45);}
.footer .sep{height:1px;background:rgba(255,255,255,.2);width:10%;margin:0 auto;}

/*OPTIN PAGE
-----------------------
------------------------
*/
.trailer{text-align:right;padding-right:10%;border-bottom:2px solid #CB1E0D;}
.trailer span{font-size:14px;letter-spacing:0.03em;line-height:16px;font-weight:600;display:inline-block;width:auto;background:#A01208;border-top-left-radius: 6px;  border-top-right-radius: 6px;color:#E2B620;padding:5px 15px 1px;}
.form-holder{padding:20px 10% 5px;background:rgba(154,20,8,.5);border-bottom-left-radius: 12px;  border-bottom-right-radius: 12px;}
.note{color:rgba(255,255,255,.6);margin-top:12px;}

/*VIDEO PAGE
-----------------------
------------------------
*/
.dim {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;  
    background: rgba(0,0,0,.75);
    display: none;
    cursor: pointer;
}
.social{padding:30px 0% 5px;}
.social p{margin:8px 0 0;color: rgba(255,255,255,.4);font-size:16px}
.lift-up {
    z-index: 3;
    position: relative;
}
a.facebook, a.twitter,a.g-plus {
color: rgba(255,255,255,.3);
}
a.facebook:hover{
 color: #3B5998;
}
a.twitter:hover {
 color: #4099FF;
}
a.g-plus:hover {
 color: #dd4b39; 
}

@media (max-width: 768px) {
body {
  background: #000 url('//d15s74raupkmp7.cloudfront.net/sites/china-document/chn-bg.jpg')no-repeat 55% -120px
}
.form-holder{padding:20px 10px 5px;}
.credits img{width:95%;}
}
@media (min-width: 768px) {
body {
  background: #000 url('//d15s74raupkmp7.cloudfront.net/sites/china-document/chn-bg.jpg')no-repeat 50% -80px
}
.credits img{width:85%;}
}
.form-holder{padding:20px 5% 5px;}
@media (min-width: 992px) {
.opt-in .container {
   width: 860px;
}
.event .container {
   width: 960px;
}
.credits img{width:75%;}
body {
  background: #000 url('//d15s74raupkmp7.cloudfront.net/sites/china-document/chn-bg.jpg')no-repeat 50% -20px
}
.form-holder{padding:20px 6% 5px;}
}
/* VERTICAL SPACING OPTIONS */
.margin_top_0 {margin-top: 0px !important;}
.margin_top_5 {margin-top: 5px !important;}
.margin_top_15 {margin-top: 15px !important;}
.margin_top_25 {margin-top: 25px !important;}
.margin_top_30 {margin-top: 30px !important;}
.margin_top_35 {margin-top: 35px !important;}
.margin_top_45 {margin-top: 45px !important;}
.margin_top_60 {margin-top: 60px !important;}
.margin_top_90 {margin-top: 90px !important;}
.margin_top_120 {margin-top: 120px !important;}

.margin_bottom_0 {margin-bottom: 0px !important;}
.margin_bottom_5 {margin-bottom: 5px !important;}
.margin_bottom_15 {margin-bottom: 15px !important;}
.margin_bottom_25 {margin-bottom: 25px !important;}
.margin_bottom_30 {margin-bottom: 30px !important;}
.margin_bottom_35 {margin-bottom: 35px !important;}
.margin_bottom_45 {margin-bottom: 45px !important;}
.margin_bottom_60 {margin-bottom: 60px !important;}
.margin_bottom_90 {margin-bottom: 90px !important;}
.margin_bottom_120 {margin-bottom: 120px !important;}

.padding_top_5 {padding-top:5px !important;}
.padding_top_15 {padding-top:15px !important;}
.padding_top_20 {padding-top:20px !important;}
.padding_top_30 {padding-top:30px !important;}
.padding_top_45 {padding-top:45px !important;}
.padding_top_60 {padding-top:60px !important;}
.padding_top_90 {padding-top:90px !important;}
.padding_top_120 {padding-top:120px !important;}
.padding_top_130 {padding-top:130px !important;}

.padding_bottom_5 {padding-bottom:5px !important;}
.padding_bottom_15 {padding-bottom:15px !important;}
.padding_bottom_20 {padding-bottom:20px !important;}
.padding_bottom_30 {padding-bottom:30px !important;}
.padding_bottom_45 {padding-bottom:45px !important;}
.padding_bottom_60 {padding-bottom:60px !important;}
.padding_bottom_90 {padding-bottom:90px !important;}
.padding_bottom_120 {padding-bottom:120px !important;}
.padding_bottom_130 {padding-bottom:130px !important;}