.main{

	margin: auto;

	max-width: 1440px;

	box-sizing: content-box;

	

}

header, section{

	padding: 40px 20px;

}

h3{

	font-size: 1.1em;

	color: #000;

	font-family: 'din-condensed';

    letter-spacing: .05em;

    line-height: 1.2em;

    text-transform: uppercase;

    font-weight: bold;

}

h2{

    font-family: 'Ambroise-Std';

    font-weight: bold;

    font-style: normal;

    font-size: 1.8em;

    letter-spacing: .05em;

    line-height: 1.2em;

    text-transform: uppercase;

    margin-top: 0;

    color: #000;

}

h1{

	font-size: 3em;

	color: #000;

    font-weight: 900;

    font-style: normal;

    letter-spacing: -3px;

    line-height: .9em;

    text-transform: uppercase;

	font-family: 'Ambroise-Std';

}

.spacer {

	padding: 17px;

    height: 34px;

    box-sizing: content-box;

}

.text-block-content{

	padding-top: 17px;

	padding-bottom: 17px;

}

.text-block-content p, li p{

    font-weight: 300;

    font-style: normal;

    font-size: 1.05em;

    letter-spacing: .025em;

    line-height: 2.2em;

    text-transform: none;

    color: #505050;

    margin-bottom: 0;

    font-family: 'Proxima-Nova';

}



.header_button_container, .footer_button_container{

	margin: 30px 0;

}



button{

	-webkit-transition: .1s opacity linear;

    -moz-transition: .1s opacity linear;

    -o-transition: .1s opacity linear;

    transition: .1s opacity linear;

    -webkit-backface-visibility: hidden;

}



button:hover, button:focus, button:active{

	opacity: .8;

}



button.light_yellow_button{

	font-weight: 700;

    font-style: normal;

    text-transform: none;

    letter-spacing: .29px;

    color: #201d1d;

    background-color: #ffea00;

    border-color: #ffea00;

    display: inline-block;

    width: auto;

    height: auto;

    padding: 1em 2.5em;

    border-width: 0;

    text-align: center;

    cursor: pointer;

    outline: none;

    -webkit-appearance: none;

    font-size: 1em;

    line-height: 1em;

    border-radius: 3px;

}



h2+h3{

    margin-top: 15px;

}



.curriculum .date-range{

	margin: 15px 0;

}



.separator {

    margin: 25px 0;

    max-width: 20px;

    height: 1px;

    background: #000;

}



.mb-15{

	margin-bottom: 15px;

}



.barChart, .pieChart, .lineChart{

  padding: 25px 0;

}



.interests ul{

  margin-top: 30px;

}



section .education_list_item:nth-child(2) {

  padding: 0;

}



.education_list_item p:not(.date-range){

  margin: 15px 0;

}

.education_list_item{

  padding: 12px 0;

}



.awards li, .contact h3{

  font-size: 1em;

  color: #000;

  font-family: 'din-condensed';

    letter-spacing: .05em;

    line-height: 1.2em;

    text-transform: uppercase;

    font-weight: bold;

  margin: 0;

}

.awards_box, .contact, .education_box{

  padding: 15px;

}

body{

  padding-bottom: 80px;

}





.modal-content{

  -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 0;

    border: 0;

}



.modal-content .modal-title{

  float: left;

  font-family: 'Proxima-Nova';

  font-weight: 100;

  font-size: 1.5em;

  color: #333;

}



.modal-header, .modal-body{

  border: 0;

  padding: 10px 40px;

}

.modal-header{

  padding-top: 40px;

}

.modal-body{

  padding-bottom: 40px;

}

.modal-header .close{

  opacity: 1;

  color: #333;

}

.modal-content .form-group[class*=col-], .form-row>[class*=col-] {

    padding-right: 5px;

    padding-left: 5px;

}



.modal-content label {

    font-size: 0.9em;

    font-weight: 100;

    font-family: 'proxima-nova';

    margin-bottom: 0;

    letter-spacing: 0.5px;

}



.modal-content span.help-block{

  font-size: 0.85em;

}





.modal-content form input{

    width: 100%;

    padding: 12px;

    margin: 6px 0 4px;

    border: 1px solid #ccc;

    background: #fafafa;

    color: #000;

    font-family: sans-serif;

    font-size: 0.9em;

    line-height: normal;

    box-sizing: border-box;

    border-radius: 0;

    height: 42px;

    box-shadow: none;

    -webkit-box-shadow: none;



}

.modal-content form textarea{

  padding: 12px;

    margin: 6px 0 4px;

    font-size: 0.9em;

    border: 1px solid #ccc;

    background: #fafafa;

    color: #000;

    font-family: sans-serif;

    box-shadow: none;

        box-sizing: border-box;

    border-radius: 0;

    -webkit-box-shadow: none;

}





.modal-content form button {

    display: inline-block;

    width: auto;

    height: auto;

    padding: 1em 2.5em;

    color: #fff;

    background-color: #272727;

    border-width: 0;

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    line-height: 1em;

    font-weight: normal;

    font-style: normal;

    text-transform: uppercase;

    letter-spacing: 0px;

    text-align: center;

    text-decoration: none;

    cursor: pointer;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    font-size: 14px;

    text-transform: none;

    border-radius: 0;

    margin-left: 5px;

}



.modal-content form button:hover, .modal-content form button:focus, .modal-content form button:active{

 background-color: #272727;

 border: 0;

}



@media only screen and (min-width : 768px) {

  .main{

  border: 50px solid #fff;

  }

  h1{

    font-size: 8em;

  }

  header{

    padding: 60px 40px;

  }

  .barChart, .pieChart, .lineChart{

  padding: 25px 17px;

}

}



.cd-nav-trigger {

  display: none;

}



#cd-vertical-nav {

  position: fixed;

  right: 0;

  top: 50%;

  bottom: auto;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 1;

}

#cd-vertical-nav li {

  text-align: right;

}

#cd-vertical-nav a {

  display: inline-block;

  /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}

#cd-vertical-nav a:after {

  content: "";

  display: table;

  clear: both;

}

#cd-vertical-nav a span {

  float: right;

  display: inline-block;

  -webkit-transform: scale(0.6);

  -moz-transform: scale(0.6);

  -ms-transform: scale(0.6);

  -o-transform: scale(0.6);

  transform: scale(0.6);

}

#cd-vertical-nav a:hover span, #cd-vertical-nav a.is-selected span {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);



}



#cd-vertical-nav a:hover span.cd-dot {

  background: rgba(0,0,0,1)

  }

#cd-vertical-nav a:hover .cd-label {

  opacity: 1;

}

#cd-vertical-nav a.is-selected .cd-dot {

  background-color: #000;

}

#cd-vertical-nav a.is-selected span {

  opacity: 1;

}

#cd-vertical-nav .cd-dot {

    position: relative;

    top: 8px;

    height: 3px;

    width: 82px;

    border-radius: 0;

    background-color: rgba(0,0,0,0.5);

    -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;

    -moz-transition: -moz-transform 0.2s, background-color 0.5s;

    transition: transform 0.2s, background-color 0.5s;

    -webkit-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

}

#cd-vertical-nav .cd-label {

  position: relative;

  margin-right: 10px;

  font-family: 'din-condensed';

  padding: .4em .5em;

  color: #000;

  font-size: 1.2em;

  text-transform: uppercase;

  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

  -moz-transition: -moz-transform 0.2s, opacity 0.2s;

  transition: transform 0.2s, opacity 0.2s;

  opacity: 0;

  -webkit-transform-origin: 100% 50%;

  -moz-transform-origin: 100% 50%;

  -ms-transform-origin: 100% 50%;

  -o-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

  top: -4px;

}

a, a:focus, a:hover, a:active {

    color: #000;

    text-decoration: underline;

    font-style: italic;

    }


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

  div.black_border{

    position: fixed;

    height: 20px;

    width: 100%;

    background: #000;

    bottom:0;

    left: 0;

    z-index: 999;

  }

section#education {

text-align:left;

} 

}

.curriculum-panel-header{
  cursor: pointer;
}
  
.curriculum-panel-header .if-not-collapsed{
  display: none;
}
.curriculum-panel-header.active .if-not-collapsed{
  display: block;
}
.curriculum-panel-header.active .if-collapsed{
  display: none;
}