@charset "UTF-8";

body{
	font-family: 'Open Sans', helvetica;
	font-size: .625em;
	background:#fff;
	color:#222;
	font-weight:300;
}

.container{
	margin: 0px auto;
	max-width:1028px;
	width:100%;
}

header{
  background-color:#fff;
  padding:15px 0px;
  overflow:hidden;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  box-shadow:0 3px 5px #aaa;
  z-index: 9999;
}
header ul{
  width:200px;
  text-align:right;
}
header ul li{
  display:inline-block;*display:block;zoom:1;
  vertical-align:top;
}
header ul li a{
  width:32px;
  height:32px;
  margin-right:10px;
}
header ul li a:hover{
  background-position:bottom left;
}
header ul li a#facebook_share{
  background-image:url(../_images/facebook_social.png);
}
header ul li a#twitter_share{
  background-image:url(../_images/twitter_social.png);
}
header ul li a#googleplus_share{
  background-image:url(../_images/google_plus.png);
}
header ul li a#linkedin_share{
  background-image:url(../_images/linkedin_social.png);
}
/* Video */

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ~~~~~ Global Reform ~~~~~ */
#global-reform{
  margin:140px auto 30px;
  overflow:hidden;
}
#global-reform h2{
  width:39.0625%;
  display:inline-block;*display:block;zoom:1;
  vertical-align:top;
  margin-right:20px;
}
#global-reform article{
  width:57.375%;
  display:inline-block;*display:block;zoom:1;
  vertical-align:top;
}
#global-reform ul{
  margin:40px auto 0px;
  text-align:center;
}
#global-reform ul li, #ad ul li{
  display:inline-block;*display:block;zoom:1;
  vertical-align:middle;
  margin:0 12px 30px;
}
#ad ul li img.google, #global-reform ul li img.google{
  margin-top:8px;
}
/* ~~~~~ Principles ~~~~~ */
#principles{
  background:#3d3d3d;
  color:#fff;
  padding:80px 0 30px;
}
#principles ol li{
  list-style:none;
  width:52%;
  display:inline-block;*display:block;zoom:1;
  vertical-align:top;
  /*min-height:380px;*/
  margin-bottom:40px;
}
#principles ol li.last, blockquote.last{
  margin-left:auto !important;
  margin-right:auto !important;
  display:block;
}
#principles ol li:nth-child(odd){
  margin-right:2.5%;
  margin-left:-70px;
}

#principles ol li span{
  color:#565656;
  font-size:9.6em;
  display:inline-block;*display:block;zoom:1;
  vertical-align:top;
  margin:-10px 10px 0 0;
}
#principles ol li article{
  display:inline-block;*display:block;zoom:1;
  vertical-align:top;
  width:464px;
}
#principles a
{
  color: #4597c0;
}
/* ~~~~~ testimonials ~~~~~ */
#testimonials{
  padding:90px 0 70px;
  background:#e7e7e7;
}
blockquote{
  width:48%;
  font-size:1.8em;
  line-height:1.111;
  font-style:italic;
  display:inline-block;*display:block;zoom:1;
  vertical-align:top;
  color:#757575;
  /*min-height:215px;*/
  margin-bottom:60px;
}
blockquote:nth-child(even){
  margin-right:3.6%;
}
blockquote span{
  display:block;
  font-style:normal;
  margin-top:12px;
  color:#000;
}

#global-reform blockquote
{
  font-size: 2.2em;
  line-height: 1.3;
  width: 100%;
  margin-bottom: 24px;
}

/* ~~~~~ Ad ~~~~~ */

#ad{
  max-width:684px;
  width:67.98%;
  margin:75px auto;
  background:#fafafa;
  box-shadow:1px 1px 3px #999;
  padding:150px 15.01% 80px;
}
#ad ul li{
  text-align:center;
  width:20%;
  margin:0 4.5% 40px 0;
  vertical-align:middle;
}
#ad p{
  text-align:justify;
}
#ad p.signature{
  text-align:left;
}
footer{
  clear:both;
  padding:25px 0;
  box-shadow:0 -3px 5px #aaa;
  overflow:hidden;
}
footer p{
  margin-bottom:0;
}

/* ~~~~~ Typography ~~~~~ */

a {text-decoration:none; color:#0082c9;}
h1{
  font-size:31px;
  font-weight:300;
}
p{
  font-size:1.804em;
  line-height:1.3889;
  margin-bottom:30px;
  font-weight:300;
}
h2{
  font-size:6.5em;
  line-height:1.0694;
  margin-bottom:70px;
  font-weight:300;
}
h3{
  font-size:3.2em;
  line-height:1.2058;
  margin-bottom:30px;
  font-weight:300;
}

/* UTILITY CLASSES */
.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}
.clear {clear: both;}
.tr{text-indent: 100%;
white-space: nowrap;
overflow: hidden;display:block;background-repeat:no-repeat;background-position:top left;}
em{font-style:italic;}
strong{font-weight:bold;}

@media only screen and (max-width: 1028px) {
  .container{
    width:96%;
    padding:0 2%;
  }
  h2{
    font-size:6em;
  }
  #global-reform ul li{
    margin:0 8px 20px;
  }
  
  #principles ol li{
    width:48%;
    margin-bottom:40px;
  }
  #principles ol li:nth-child(odd){
    margin:0px 1.5% 0px;
  }
  #principles ol li span{
    display:block;
    text-align:center;
    font-size:6em;
    margin:0 0 15px;
  }
  #principles ol li article{
    width:100%;
  }
}
@media only screen and (max-width: 840px) {
  #global-reform {
    margin-top:120px;
  }
  #global-reform h2, #global-reform article{
    width:100%;
    display:block;
    text-align:left;
  }
  #global-reform ul li{
    margin:0 15px 20px;
  }
  #principles ol li{
    display:block;
    width:100%;
    min-height:0;
    margin-bottom:30px;
  }
  #principles ol li:nth-child(odd){
    margin:0px 0 30px;
  }
  #principles ol li span{
    display:inline-block;
  }

  #principles ol li article{
    width:85%;
  }
  #testimonials h2{
    text-align:left;
  }
  blockquote{
    margin-bottom:40px;
  }
  #ad h2{
    text-align:left;
  }
  h2{
    font-size:5em;
    margin-bottom:40px;
    text-align:center;
  }
}
@media only screen and (max-width: 780px) {
  header h1.fl{
    float:none;
    text-align:center;
    margin-bottom:20px;
  }
  header ul.fr{
    float:none;
    text-align:center;
    margin:0 auto;
  }
  blockquote{
    width:80%;
    display:block;
    margin:0 auto 40px;
    min-height:0;
  }
  blockquote:nth-child(even){
    margin-right:auto;
  }
  #ad{
    width:80%;
    padding:50px 8%;
  }
  #ad ul li img, #global-reform ul li img{
    width:100%;
  }
  #ad ul li img.aol, #global-reform ul li img.aol{
    max-width:76px;
  }
  #ad ul li img.msft, #global-reform ul li img.msft{
    max-width:142px;
  }
  #ad ul li img.linkedin, #global-reform ul li img.linkedin{
    max-width:124px;
  }
  #ad ul li img.apple, #global-reform ul li img.apple{
    max-width:36px;
  }
  #ad ul li img.fb, #global-reform ul li img.fb{
    max-width:103px;
  }
  #ad ul li img.twitter, #global-reform ul li img.twitter{
    max-width:40px;
  }
  #ad ul li img.google, #global-reform ul li img.google{
    max-width:106px;
  }
  #ad ul li img.yahoo, #global-reform ul li img.yahoo{
    max-width:108px;
  }
}
@media only screen and (max-width: 480px) {
  header{
    /*position:static;*/
  }
  #global-reform .container, #testimonials .container{
    padding-left:10%;
    width:87%;
  }
  #global-reform ul{
    margin-left:-10%;
  }
  #global-reform ul li{
    width:40%;
    text-align:center;
    margin:0 4% 35px;
    vertical-align:middle;
  }
  #principles{
    padding-bottom:10px;
  }

  #principles ol li span{
    font-size:5em;
    margin-top:3px;
  }
  #testimonials{
    padding:40px 0 20px;
  }
  blockquote{
    width:100%;
  }
  #ad ul li{
    width:38%;
    margin:0 5.5% 35px;
  }
  h1{
    font-size:2em;
  }
  h2{
    font-size:4em;
  }
  h3{
    font-size:2.4em;
  }
  p{
    font-size:1.6em;
  }
}