body{
	margin: 0;
    padding: 0;
}

/*HOME STYLE*/
body, body p{
	font-size: 15px;
	font-family: 'NeoGramRegular';
}
body h1, h2, h3, h4 ,h5, h6, strong{
	
	font-family: 'NeoGramBold';
	font-weight: 800;
}

.home .columns{
	height: 700px;
	
}
.home .column{
	padding-top: 17%;
	padding-bottom: 4%;
	background-size: auto 100%;
	-webkit-transition: all .3s; /* Safari */
	position: relative;
	background-color: white;
	z-index: 1;
}
.home .column .btn-primary{
	border: none;
}

.home .column:after{
	background-size: auto 100%;
	-webkit-transition: all .3s; /* Safari */
    transition: all .3s;
	background-position: center center;
	content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity : 0.2;
    z-index: -1;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.home .column:hover, .home .column:active{
	padding-top: 15%;
}

.home .column:hover:after{
	background-size: auto 110%;
	opacity:0.4;
}

.home .column-content{
	z-index: 1;
	padding-left: 20px;
	padding-right: 20px;
}
.home .column-content .btn{
	color:white;
	border:none;
}

/*SECTIONS*/

/*hover section background colors*/
.home .columns #section_1:hover{background-color: #0065a3;}
.home .columns #section_2:hover{background-color: #ff0066;}
.home .columns #section_3:hover{background-color: #009898;}
.home .columns #section_4:hover{background-color: #983398;}

/*home sections background image*/
.home #section_1:after{background-image: url('../img/section_1.jpg');}
.home #section_2:after{background-image: url('../img/section_2.jpg');}
.home #section_3:after{background-image: url('../img/section_3.jpg');}
.home #section_4:after{background-image: url('../img/section_4.jpg');}

/*home sections Font Colours*/
.home #section_1 h2, .home #section_1 p a{color: #0065a3; -webkit-transition: all .3s; /* Safari */transition: all .3s;}
.home #section_2 h2, .home #section_2 p a{color: #ff0066; -webkit-transition: all .3s; /* Safari */transition: all .3s;}
.home #section_3 h2, .home #section_3 p a{color: #00cbcb; -webkit-transition: all .3s; /* Safari */transition: all .3s;}
.home #section_4 h2, .home #section_4 p a{color: #983398; -webkit-transition: all .3s; /* Safari */transition: all .3s;}

/*BUTTONS*/

/* buttons backgrounds colors*/
.home #section_1 .btn{background-color: #0065a3;}
.home #section_2 .btn{background-color: #ff0066;}
.home #section_3 .btn{background-color: #00cbcb;}
.home #section_4 .btn{background-color: #983398;}

/*sections hover buttons colors*/
.home .columns #section_1:hover .btn{color: #0065a3;}
.home .columns #section_2:hover .btn{color: #ff0066;}
.home .columns #section_3:hover .btn{color: #00cbcb;}
.home .columns #section_4:hover .btn{color: #983398;}

/*buttons hover colors*/
.home .columns #section_1 .btn:hover{background-color: #0065a3!important;}
.home .columns #section_2 .btn:hover{background-color: #ff0066!important;}
.home .columns #section_3 .btn:hover{background-color: #00cbcb!important;}
.home .columns #section_4 .btn:hover{background-color: #983398!important;}


.home .column:hover h2, .home .column:hover p{
	color: white !important;
}
.home .column:hover h2{
	margin-bottom: 10% !important;
}
.home .column:hover p a{
	color: #DDD !important;;
}
.home .column:hover .btn{
	background-color: white !important;
}

.home .column .btn:hover{
	color: white !important;
	border: 1px solid white;
	font-weight: 800;
}

.pi-logo img{
	width: 100%;
	height: auto;
	padding: 12% 20%;
}

.pi-logos col-6{
	padding: 10px 40px;
}

.pi-logos{
	margin:100px 0 100px 0;
}
.card{
    border: none;

}
.pi-logos{
    z-index: 4;
    position: relative;
}
.pi-logo.card{
    background: none;
}

/* PAGE STYLE */
.mask {
    position: relative;
}
.entry__figure {
    margin-bottom: 30px;
    z-index: -1;
    display: block;
}
.entry__figure img {
    width: 100%;
    max-width: 100%;
    height: auto;
    opacity: .1;
}
.mask__svg--slider {
    height: 400px;
    bottom: -240px;
    width: 100%;
    left: 0;
}
.mask__svg {
    position: absolute;
    pointer-events: none;
    z-index: 3;
    transition: height .25s ease;
}

.mask__svg--slider path.angle {
    stroke: #f7f7f7;
    fill: #f7f7f7;
}
.mask__svg--slider path.angle.white {
    stroke: #fff;
    fill: #fff;
}
.mask__svg--slider path.line {
    fill: none;
    stroke: #ccc;
    stroke-width: 1;
}
.container .content{
    padding-right: 15px;
}


.page .cover{
	height: 370px;
	position: relative;
	z-index: -1;
	padding-top: 240px;
}
.page .cover:after{
    background-position: center center;
    content : "";

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity : 0.1;
    z-index: -1;  
}
#research.page .cover{
    background-color: #0065a3;
}
#outreach.page .cover{
    background-color: #ff0066;
}
#training.page .cover{
    background-color: #00cbcb;
}
#women.page .cover{
    background-color: #983398;
}



.thank-you.page .cover{
    background-color: #2d3e53;
    padding-top: 200px;
    height: 450px;
}
#thank-you.page .cover:after{
    background-image: url('../img/thank-you.jpg');
    background-position: left center;
    content : "";

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity : 0.3;
    z-index: -1;  
}

#research.page .cover:after{
	background-image: url('../img/section_1.jpg');
}
#outreach.page .cover:after{
    background-image: url('../img/section_2.jpg');
}
#training.page .cover:after{
    background-image: url('../img/section_3.jpg');
}
#women.page .cover:after{
    background-image: url('../img/section_4.jpg');
}
#outreach.page a{
    color: #ff0066;
}
#training.page a{
    color: #00cbcb;
}
#women.page a{
    color: #983398;
}



.inner-page.page .cover{
	color: white;
}

#section_1.page a{
	color: #0065a3;
}

.page .content h5{
	padding-bottom: 1rem;
}

/*SIDEBAR*/

.boilerplate{
    background-color: #ebfbfb;
    padding: 40px 20px;
    text-align: center;
    margin-top: 50px;
}
#research .boilerplate{
    border-top: 2px solid #0065a3;
}
#thank-you .boilerplate{
    border-top: 2px solid #2d3e53;
}
.boilerplate__logo img{
	display: block;
    margin: 0 auto;
    max-width: 70%;
    height: auto;
    margin-bottom: 30px;
}
.page .content .sidebar h5{
    padding-bottom: 0px;
    padding-top: 10px;
}

.btn.research{
    background-color: #0065a3;
    color: white!important;
}
.btn.research:hover{
    background-color: white;
    color: #0065a3!important;
}
.btn.outreach{
    background-color: #ff0066;
    color: white!important;
    border-color: #ff0066;
}
.btn.outreach:hover{
    background-color: white;
    color: #ff0066!important;
}
.btn.training{
    background-color: #00cbcb;
    color: white!important;
    border-color: #00cbcb;
}
.btn.training:hover{
    background-color: white;
    color: #00cbcb!important;
}
.btn.women{
    background-color: #983398;
    color: white!important;
    border-color: #983398;
}
.btn.women:hover{
    background-color: white;
    color: #983398!important;
}
.sidebar .btn{
    margin-bottom: 30px;
}


/*Thank You Page*/

#thank-you .cover h1{
    font-size: 110px;
}
#thank-you .container{
    z-index: 2;
    position: relative;
}

.social-icons ul {
    overflow: auto;
    margin-left: 0px;
}

.social-icons ul li {
    list-style-type: none;
    float: left;
}

.social-icons ul li a i {
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    font-size: 25px;
    text-align: center;
    margin-right: 10px;
    padding-top: 15%;
}

.fa-envelope {
    background-color: #01AEF2;
}
.fa-facebook {
    background:#3b5998;
} 
.fa-instagram {
    background:#fb3958;
}
.fa-twitter {
    background:#00aced;
}
.fa-youtube-play {
    background:#C52F30;
}

.social-icons{
    margin-top: 55px;
}
.social-images{
    margin-top:45px;
}


/*FOOTER STYLE*/

.footer{
	background-color: #CCC;
	margin-top: 50px;
}

/*MOBILE*/
/*Mobile Slider*/
.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
 	
    color: white;

   /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide .slide-content.logo-card{
	color: #50596c;
}

.swiper-slide .slide-content.logo-card img{
	width: 80%;
	height: auto;
	padding-bottom: 20%;
	margin: 0 auto;
}
#section_5.swiper-slide, #section_6.swiper-slide{
	background-color: #DDD;
}
#section_1.swiper-slide .slide-back{background-image: url('../img/section_1.jpg');}
#section_2.swiper-slide .slide-back{background-image: url('../img/section_2.jpg');}
#section_3.swiper-slide .slide-back{background-image: url('../img/section_3.jpg');}
#section_4.swiper-slide .slide-back{background-image: url('../img/section_4.jpg');}

#section_1.swiper-slide{background-color: #0065a3;}
#section_2.swiper-slide{background-color: #ff0066;}
#section_3.swiper-slide{background-color: #00cbcb;}
#section_4.swiper-slide{background-color: #983398;}

.swiper-slide .slide-back{ 

	background-size: cover;
	background-position: center center;
	content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity : 0.2;
    z-index: 1;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.slide-content{
	width: 90%;
	z-index: 2;
}
.slide-content p a{
	color: #EEE;
	text-decoration: underline;
}
.slide-content .btn{
	border: none;
	height: 1rem;
	font-weight: 800;
}

.swiper-pagination-bullet{
	background-color: white;
	opacity: .4;
}
.swiper-pagination-bullet-active{
	background-color: white;
	opacity: 1;
}

/*MEDIA QUERIES*/

@media (max-width: 960px) {
  .pi-logos .card{
  	margin-bottom: 40px;
  }
  .home .columns{
	height: auto;
	padding-bottom: 4%;
  }
  .page .cover{
  	padding-top: 210px;
  }
  #thank-you.page .cover{
    padding-top: 150px;
  }
  #thank-you.page h1{
    font-size: 90px;
  }
  .page .cover .cover-content{
  	padding-right: 60px;
  }

}