body{
	font-family: Arial;
}
/* CSS Document */ 
/*****************
*    FONTS
*****************/
@font-face

{
	font-family: 'CostaStd';

	src: url('../fonts/costaptfdemi.eot');

	src: url('../fonts/costaptfdemi.eot') format('embedded-opentype'), url('../fonts/costaptfdemi.woff2') format('woff2'), url('../fonts/costaptfdemi.woff') format('woff'), url('../fonts/costaptfdemi.ttf') format('truetype'), url('../fonts/costaptfdemi.svg#costaptfdemi') format('svg');

}

@font-face

{

	font-family: 'NotoSansRegular';

	src: url('../fonts/NotoSansRegular.eot');

	src: url('../fonts/NotoSansRegular.eot') format('embedded-opentype'), url('../fonts/NotoSansRegular.woff2') format('woff2'), url('../fonts/NotoSansRegular.woff') format('woff'), url('../fonts/NotoSansRegular.ttf') format('truetype'), url('../fonts/NotoSansRegular.svg#NotoSansRegular') format('svg');

}

@font-face

{

	font-family: 'NotoSansBold';

	src: url('../fonts/notosans-bold-webfont.eot');

	src: url('../fonts/notosans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/notosans-bold-webfont.woff2') format('woff2'), url('../fonts/notosans-bold-webfont.woff') format('woff'), url('../fonts/notosans-bold-webfont.ttf') format('truetype'), url('../fonts/notosans-bold-webfont.svg#noto_sansbold') format('svg');

 	font-weight: normal;

 	font-style: normal;

}
h1
{
    font-family:"NotoSansBold";
    font-size:34px;
    color:#b58f35;
    text-transform: uppercase;
    margin-bottom:25px;
}
.white{color: #fff;}
.bwBlue{color: #003C7E;}
p, li
{
    font-family:"NotoSansRegular";
    
}
h3
{
    font-family:"NotoSansRegular";
    font-size:16px;
    color:#b58f35;
	margin-top: 0px;
}
h2
{
    font-family:"NotoSansBold";
    font-size:60px;
    color:#27aae1;
    margin-bottom:0;
}
h4
{
    font-family:"NotoSansBold";
    font-size:60px;
    color:#b58f35;
    text-transform: uppercase;
	margin-bottom: 0px;
}
.flex-video.widescreen, .responsive-embed.widescreen{
	margin-bottom: 0px;
}
.grid-container{
	max-width: 884px;
}


hr{
	margin: 26px 0px 40px;
	border-bottom: 1px solid #707070;
}

.mainBtn{
	padding: 13px 75px;
	background-color: #FFCC33;
	border: solid 1px #FFCC33;
	color: #222680;
	font-size: 25px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 29px;
	border-radius: 13px;
}
.pressBtn{
	padding: 8px 25px;
	background-color: #FFCC33;
	border: solid 1px #FFCC33;
	color: #222680;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 29px;
	border-radius: 13px;
}
.mainBtn:hover,.pressBtn:hover{
	background: transparent;
	color: #222680;
	border-color: #222680;
}
.mainP{
	font-size: 20px;
	line-height: 30px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: 0px;
}
.copyP{
	font-size: 25px;
	line-height: 30px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: 0px 0px 26px 0px;
}
/*#hero-video {
    display:none;
}*/
#partnership{
    margin: 10px 0px 100px;
}
.partnered{
    font-family: 'Montserrat', sans-serif;
    color: #003D7E;
    font-size: 20px;
    line-height: 23px;
    font-weight: bold;
    margin: 28px 0px 24px;
}
.logo{
    margin-bottom: 46px;
}
#background{
    padding: 85px 0px;
    background-color: #003C7E;
    position: relative;
  z-index: 1;
}

#background:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 15%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
  z-index: -1;
}
#objectives{
    background-color: #fff;
    padding: 85px 0px;
    position: relative;
    z-index: 1;
}
#objectives:before {
  background: inherit;
  top: 0;
  content: '';
  display: block;
  height: 15%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(1.5deg);
  transform-origin: 100%;
  z-index: -1;
}
#research{
    padding: 85px 0px;
    background-color: #003C7E;
    position: relative;
    position: relative;
  z-index: 1;
}
#research:after {
  background: inherit;
  bottom: -42px;
  content: '';
  display: block;
  height: 15%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(1.5deg);
  transform-origin: 100%;
  z-index: -1;
}
#message{
    background-color: #fff;
    padding: 85px 0px;
    position: relative;
    z-index: 1;
}
#message:before {
  background: inherit;
  top: -40px;
  content: '';
  display: block;
  height: 15%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
  z-index: -1;
}
#results{
    padding: 100px 0px;
    background-color: #003D7E;
    position: relative;
    z-index: 1;
}
#results:after {
  background: inherit;
  bottom: -42px;
  content: '';
  display: block;
  height: 15%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
  z-index: -1;
}
.stats{
    font-family:"NotoSansBold";
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    margin-top: 45px;
    margin-bottom: 5px;
    letter-spacing: 2px;
}
.sectionTitle{
    font-family:"NotoSansBold";
    font-size: 34px;
    line-height: 46px;
    font-weight: bold;
    margin: 0px 0px 31px;
}
.paragraph{
    font-size: 14px;
    line-height: 25px;
    margin: 0px 0px 30px;
}
.copyright
{
    font-size: 10px;
    line-height: 15px;
    margin-top:20px;
	color: #595661;
}
.footer
{
    margin: 75px 0px;
    clear: both;
   background-color: #fff;
    position: relative;
    z-index: 1;
}
.footer:before {
  background: inherit;
  top: -79px;
  content: '';
  display: block;
  height: 70%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(1.5deg);
  transform-origin: 100%;
  z-index: -1;
}
/************************
*    BW-MOTTO
*************************/
.bw-motto
{
	background-color: #D0CED4;
	padding-top: 20px;
	padding-bottom: 20px;
}
/************************
*    LOGOS
*************************/
.logos
{
    margin-top:20px;
}
@media only screen and (max-width: 639px)
{
    .logos
    {
        margin-top:20px;
    }
}
.fixed
{
    position:fixed;
    width:100%;
}
/************************
*    NAVIGATION
*************************/
.title-bar
{
    width:100%;
    background-color:#003c7f;
    padding: 0px;
}
.tbarLogo{
    width: 75%;
}
.top-bar
{
    z-index:998;
    width:100%;
    padding: 16px 0px;
    color:#000;
    background-image:url(../assets/bw-logo.jpg);
    background-repeat:no-repeat;
    background-color: #003c7f;
}
.top-bar-button
{
    width: 280px;
    height: 100px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 20px;
}
.top-bar-right
{
    margin-top:20px;
    margin-right:20px;
}
.top-bar ul
{
    background-color:#003c7f;
}
ul.menu li
{
    margin: 0px 15px 10px;
}
ul.menu li a
{
    color:#fff;
    font-family:"NotoSansRegular";
    font-size:15px;
    
}
ul.menu .active a
{
    background-color:#003c7f;
    color:#27aae1;
}
.title-bar .menu-icon
{
    margin-right: 1.25rem;
}    
@media only screen and (max-width: 1088px)
{
    ul.menu li a
    {
        font-size:12px;
    }
    .top-bar-right
    {
    }
}
@media only screen and (max-width: 988px)
{
    .top-bar
    {
        background-image:none;
        text-align:center;
    }
    .top-bar a.top-bar-button
    {
        display:none;
    }
    .top-bar ul.menu
    {
        width:auto;
        text-align:center;
    }
    .top-bar li
    {
        
    }
    .top-bar-right
    {
        float:none;
    }
    ul.menu li a
    {
        font-size:15px;
    }
}
@media only screen and (max-width: 639px)
{
    .top-bar
    {
        margin-top:10px;
    }
    .top-bar-title
    {
        display:none;
    }
    .top-bar li
    {
        text-align:center;
    }
    .top-bar.button
    {
        display:none;
    }
    
}
.caption
{
    color: #b58f35;
	font-family:"NotoSansRegular";
    font-size:10px;
    line-height:25px;
    margin:20px 0;
}


.smallT{
    font-size: 11px;
}
.legalText{
        position: absolute;
    bottom: 87px;
    left: 16px;
    height: 104px;
}
.legalText2{
    position: absolute;
    bottom: -38px;
    left: 12px;
    height: 104px;
}

ul.menu li a:hover{
    color: #27aae2;
}
ul.menu li a.is-active{
    color: #27aae2;
}
.topper{
    background-image: url(../assets/Red.jpg);
    background-size: cover;
        padding: 60px 0px;
}
.incLogo{
    max-height: 134px;
}























/* Small only */
@media screen and (max-width: 39.9375em) {
    .incLogo{
        width: 75%;
        height: auto;

    }
    .top-bar-right{
        margin: 0px;
    }
    .top-bar li{
        width: 100%;
    }
    .logo{
        height: 42px;
    }
    #partnership{
        margin: 10px 0px 45px;
    }
    #background, #objectives, #research, #message, #results {
        padding: 30px 0px;
    }
    #message:before{
        top: -13px;
        height: 4%;
    }
    .sectionTitle{
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .paragraph {
        line-height: 21px;
    }
    #results:after{
        height: 1.5%;
        bottom: 4px;
    }
    #research:after{
        height: 5%;
        bottom: -10px;
    }
    .stats{
        font-size: 32px;
        line-height: 34px;
        margin-top: 30px;
    }
    .footer{
        margin: 30px 0px;
    }
    .footer:before{
        height: 12%;
        top: -34px;
    }
    .legalText{
        position: absolute;
        bottom: 18px;
        left: 5px;
        height: 50px;
    }
    .legalText2 {
        position: absolute;
    bottom: -50px;
    left: 6px;
    height: 50px;
    }
    .pR{
        padding-right: 20px;
    }
}

/* Medium and up */
@media screen and (min-width: 40em) {
    .result2{
        margin-top: -242px;
    }
    .pR{
        padding-right: 80px;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}