highlight-button/* CSS Document */
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: "RotisSemiSansStd55Regular";
	margin: 0 0;
	width: 100%;
	height: auto;
	overflow-y: scroll !important
}
html {
	font-family: "RotisSemiSansStd55Regular";
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}
a {
	text-decoration: none;
	outline: 0;
	color: inherit;
}
a:hover {
	text-decoration: none;
	color: inherit;
}
.greenlink {
	color: #00AFAA;
}
.greenlink:hover {
	color: #33BFBB;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 32px;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
}
h3 {
	font-size: 30px;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
}
h4 {
	font-size: 28px;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
}
h5 {
	font-size: 24px;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
}
h6 {
	font-size: 22px;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
}
h7 {
	font-weight: bold;
	color: #33BFBB;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
}
h8 {
	font-size: 28px;
	font-weight: bold;
	color: #ef4b3e /*#33BFBB*/;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
}
h {
	font-weight: bold;
	color: #D2D5D9;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
}
p {
	font-size: 21px;
	text-decoration: none;
	text-align: justify;
	color: #8F97A0;
	top: 0;
	bottom: 0;
}
.wrapper-text-members {
	padding: 10px 0 10px 25px;
}
.wrapper-text-members h4 {
	margin-left: 20px;
}
ul, li {
	font-size: 21px;
	margin-top: 0;
	top: 0;
	padding-top: 0;
	color: #8F97A0;
}
button {
	font-family: "RotisSemiSansStd55Regular";
	font-size: 24px;
	outline: 0;
}
.linkword {
	color: #307FDE;
}
.linkword:hover {
	color: #5999E5;
}
.p-large {
	font-size: 24px;
}
.p-small {
	font-size: 18px;
}
.wrapper {
	max-width: 1000px;
	margin: 0 auto;
}
.responsive {
	max-width: 100%;
}
/*.img-wrapper{
	max-width:600px;
}*/
.img-narrow-wrapper {
	max-width: 350px;
}
/* main FP css*/
#BG-FP {
	position: relative;
	background: url(images/BG-FP.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	width: 100%;
	min-height: 100%;
	left: 0;
	margin-left: 0;
	top: 5px;
}
.slides p {
	color: #C9CDD1;
	font-size: 24px;
}
/*end of main FP css*/
/*main IP css*/

#BG-IP {
	background-color: #233135;
	padding-bottom: 20px;
}
#BG-IP h4, #BG-IP h5 {
	color: #D2D5D9;
}
#BG-IP #infographic {
	margin-top: 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
.wrapper-IP-BG {
	background-color: #27383F;
	padding-bottom: 10%;
}
/*#BG-IP p{
	color:#8F97A0;
}*/
/*end of main IP css*/
/*IP common css*/
.BG {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.subsite-BG-IP {
	background-color: #1f2a38;
	position: relative;
	padding-bottom: 20px;
}
.subsite-BG-IP h4, .subsite-BG-IP h5, .subsite-BG-IP h6 {
	color: #D2D5D9;
}
/*.subsite-BG-IP h5{
	display:inline-block;
}*/
.subsite-BG-IP ul, ol {
	color: #8F97A0;
}
.subsite-BG-IP p {
	color: #8F97A0;
}
ul.list-letter {
	list-style-type: upper-latin;
}
.wrapper-subsite-BG {
	background-color: #253242;
	padding-bottom: 5%;
}
.wrapper-text {
	padding: 20px 40px 0px 40px;
}
/*end of IP common css*/




/*header css*/
#hold-header {
	position: fixed;
	z-index: 1000;
	top: 0;
	width: 100%;
}
.header1 {
	padding-bottom: 27px;
	font-size: 36px;
	background-color: rgba(255,255,255,0.9);
	width: 100%;
}
.header1 a, .header1 a:hover {
	color: #706259;
}
.logo, .logo-mob {
	float: right;
}
.logo {
	padding-top: 10px;
	/*display:inline-block;*/
	margin-left: 20px;
	padding-bottom: 5px;
}
.logo-mob {
	display: none;
}
.page-title {
	display: block;
	color: #706259;
	padding-top: 18px;
}
.slides h3 {
	color: #00AFAA;/*font-family: "Raleway Regular";*/
}
/*end of header css*/

/*menu css*/
nav {
	position: relative;
	height: auto;
	/*text-align: left;*/
	display: block;
	list-style: none;
}
nav a {
	color: #FFFFFF;
	/*line-height:40px;*/
	text-transform: uppercase;
	margin: 0 20px;
}
nav a:hover {
	border-bottom: 5px solid #00AFAA;
	color: white;
}
.selected {
	border-bottom: 5px solid #00AFAA;
}
nav li {
	display: inline;
	line-height: 48px;
}
nav ul {
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}
nav .dropdown {
	display: block;
}
.home-icon {
	padding-top: 0;
	display: inline-block;
	margin-left: 0;
}
.home-icon:hover {
	border-bottom: none;
}
.menu {
	background-color: rgba(0,78,89,0.9);
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #001D38;
	max-height: 42px;
	position: relative;
	margin-bottom: 0;
	top: 0;
}
.selected {
	bottom-border: 5px solid #00AFAA;
}
.page-title-mob {
	display: none;
}
.home-icon-mob {
	display: none;
}
.toggle-nav, .hamburger {
	display: none;
}
.expand {
	display: block;
}
nav ul li.highlight-button {
	background-color: #00AFAA;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	float: right;
	right: 0;
	max-height: 42px;
	display: inline-block;
}
.highlight-button:hover {
	background-color: #32BFBB;
}
.highlight-button a:hover {
	border-bottom: 0;
}
.toggle-sub-nav, .sub-hamburger {
	display: none;
}
/*dropdown,itemdown css*/
nav .dropdown {
	display: inline-block;
}
nav .dropdown .itemdown {
	position: absolute;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	margin-top: 43px;
	width: 100%;
	max-width: 170px;
	padding: 0;
}
nav .dropdown .itemdown li {
	clear: both;
	background: rgba(0,78,89,0.7);
	display: none;
	width: 100%;
	line-height: 46px;
}

@media screen and (min-width: 901px) {
nav .dropdown .itemdown li:hover a span {
	display: inline;
	position: absolute;
	left: 0px;
	height: 46px;
	width: 170px;
	background: rgba(255,255,255,0.2);
	box-sizing: border-box;
	padding-left: 40px;
}
}
.itemdown li:hover .line {
	display: block;
}
.dropdown .itemdown li a {
	border-bottom: none;
	width: 100%;
	margin-left: 40px;
}
.dropdown:hover .itemdown li {
	display: block;
}
.line {
	width: 6px;
	height: 46px;
	margin-left: 21px;
	background-color: #049B93;
	position: absolute;
	z-index: 1;
	display: none;
}
/*dropdown,itemdown css end*/
/*end of menu css*/




/*links css*/
.links-footer {
	position: relative;
	top: -25px;
}
.links-container {
	background-color: #33545D;
	width: 100%;
	text-align: left;
}
.p-links {
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-transition: all ease-in-out;
	-o-transition: all ease-in-out;
	transition: all ease-in-out;
	padding-top: 50px;
	padding-bottom: 100px;
}
.links-1 a, .links-2 a, .links-3 a {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 18px;
	-webkit-transition: all ease-in-out;
	-o-transition: all ease-in-out;
	transition: all ease-in-out;
	clear: both;
	display: block;
	margin-bottom: -5px;
}
.title-links {
	font-size: x-large;
	font-weight: bold;
	color: #9E9D98;
	padding-right: 15px;
}
.footer {
	display: block;
	background-color: #004E59;
	color: #CCCCCC;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer-wrapper {
	margin: 0 auto;
	max-width: 1200px;
	font-size: 18px;
}
.links-1 a:hover, .links-2 a:hover, .links-3 a:hover {
	color: #009FB6;
	;
	text-decoration: none;
}
/*end of links css*/

/*IP-Contact css*/
.contact-text {
	padding-bottom: 20px;
}
.card {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.text-title {
	font-size: 26px;
	color: #6795E7;
	display: inline-block;
}
.card-photo {
	display: inline-block;
	width: 385px;
	height: 289px;
}
.card div {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #2F404F;
	display: inline-block;
}
.card #email {
	color: #70A5E6;
	font-size: 21px;
}
.card-photo-mob {
	display: none;
}
/*Submission css*/
.submission-steps {
	display: inline-block;
	flex-wrap: wrap;
}
.submission-steps img {
	display: block;
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
}
.submission-steps p {
	display: block;
	text-align: justify;
	margin: 0;
}
.forms-buttons div {
	width: 260px;
	text-align: center;
	color: #1F2A38;
	font-size: 21px;
	margin-bottom: 10px;
	padding: 5px;
}
#rain-forest {
	background-color: #606B31;
}
#rain-forest:hover {
	background-color: #80895A;
}
#wasabi {
	background-color: #788443;
}
#wasabi:hover {
	background-color: #939D69;
}
#mantis {
	background-color: #7FC56F;
}
#mantis:hover {
	background-color: #99D18C;
}
#silver-tree {
	background-color: #56BA86;
}
#silver-tree:hover {
	background-color: #78C89E;
}
.rounded-list {
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
 	*list-style: decimal; /* Keep using default numbering for IE6/7 */
	/*font: 15px 'trebuchet MS', 'lucida sans';*/
	padding: 0;
	margin-bottom: 4em;
	margin-top: 20px;/*position: relative;
	top: -15px;*/
	
    /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}
/*ol ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists *

}*/

.rounded-list li {
	position: relative;
	padding: .4em .4em .4em 2em;
 *padding: .4em;
	margin: .5em 0;
	background: #3C516B;
	color: #BECBDB;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;
	/*display:flex;*/
	flex-direction: column;
	font-family: "RotisSemiSansStd55Regular";
	font-size: 1.3em;
}
.rounded-list li span {
	display: contents;
	cursor: pointer;
}
.rounded-list a, .wrapper-text a {
	color: #5999E5;
}
/*.rounded-list li:hover{
    background: #eee;
}*/

/*.rounded-list li:hover:before{
    transform: rotate(360deg);  
}*/

.rounded-list li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	/*background: #87ceeb;*/
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #4E6884;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}
.rounded-list-color1:before {
	background: #7BA6DB;
}
.rounded-list-color2:before {
	background: #A25EB5;
}
.rounded-list-color3:before {
	background: #004E59;
}
.rounded-list-color4:before {
	background: #00AFAA;
}
.rounded-list-color5:before {
	background: #2A7DE1;
}
.rounded-list-color6:before {
	background: #878E00;
}
.rounded-list-color7:before {
	background: #5C7CA4;
}
.rounded-list-color8:before {
	background: #E87200;
}
.rounded-list-color9:before {
	background: #7CA793;
}
.rounded-list-color10:before {
	background: #848998;
}
.rounded-list-color11:before {
	background: #7370A1;
}
.rounded-listbis {
	list-style: none; /* Remove default numbering */
	list-style-type: none;
	padding: 0;
	margin-bottom: 4em;
	margin-top: 20px;/*position: relative;
	top: -15px;*/
	
    /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}
/*ol ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists *

}*/

.rounded-listbis li {
	position: relative;
	padding: .4em .4em .4em .5em;
 *padding: .4em;
	margin: .5em 0;
	background: #3C516B;
	color: #BECBDB;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;
	/*display:flex;*/
	flex-direction: column;
	font-family: "RotisSemiSansStd55Regular";
	font-size: 1.3em;
}
.rounded-listbis li span {
	display: contents;
	cursor: pointer;
}
.rounded-listbis a, .wrapper-text a {
	color: #5999E5;
}
/*.rounded-listbis li:hover{
    background: #eee;
}*/

/*.rounded-listbis li:hover:before{
    transform: rotate(360deg);  
}*/

.rounded-listbis li:before {
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	/*background: #87ceeb;*/
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #4E6884;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}

/*link button top of page*/
.rounded-listter {
	list-style: none; /* Remove default numbering */
	list-style-type: none;
	padding: 0 0 0 0;
	margin-bottom: .4em;
	margin-top: 15px;/*position: relative;
	top: -15px;*/
	
    /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}
/*ol ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists *

}*/

.rounded-listter li {
	position: relative;
	left: 15em;
	right:auto;
	padding: .4em .4em .4em .4em;
	margin: .5em;
	background: #33545D;
	color: #D2D5D9;
	width: 35%;
	text-decoration: none;
	border-radius: .6em;
	transition: all .3s ease-out;
	/*display:flex;*/
	flex-direction: center;
	font-family: "RotisSemiSansStd55Regular";
	font-size: 1.2em;
}
.rounded-listter li span {
	display: contents;
	cursor: pointer;
}
.rounded-listter a {
	color: #D2D5D9;
	text-decoration: underline;
}
/*.rounded-listter li:hover{
    background: #eee;
}*/

/*.rounded-listter li:hover:before{
    transform: rotate(360deg);  
}*/

.rounded-listter li:before {
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	/*background: #87ceeb;*/
	height: 2em;
	width: .2em;
	line-height: 2em;
	border: .3em solid #4E6884;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}

/*end of Submission css*/
/*Guidelines css*/
#niagara {
	background-color: #33A791;
}
#niagara:hover {
	background-color: #5CB9A7;
}
/*Training css*/
#eastern-blue {
	background-color: #0091A5;
}
#eastern-blue:hover {
	background-color: #33A7B7;
}
/*hexagon 180 type*/

.hex180 {
	float: left;
	margin-right: -26px;
	margin-bottom: -50px;
}
.hex180 .left {
	float: left;
	width: 0;
	border-right: 30px solid #6C6;
	border-top: 52px solid transparent;
	border-bottom: 52px solid transparent;
}
.hex180 .middle {
	float: left;
	width: 60px;
	height: 104px;
	background: #6C6;
}
.hex180 .right {
	float: left;
	width: 0;
	border-left: 30px solid #6C6;
	border-top: 52px solid transparent;
	border-bottom: 52px solid transparent;
}
.hex-row {
	clear: left;
}
.hex180.even {
	margin-top: 53px;
}

/*hexagon*/
@media screen and (max-width: 980px) {
.container {
	width: 970px;
	line-height: 1.3;
	margin-left: calc((100vw - 550px)/2);
}
}

@media screen and (min-width: 981px) {
.container {
	width: 970px;
	line-height: 1.3;
	margin-left: 240px;
}
}
ol.even {
	position: relative;
	left: 4.8em;
}
ol.odd {
	position: relative;
	margin-top: -7.4%;
	margin-bottom: -7.4%;
}
.hex {
	position: relative;
	margin: 1em auto;
	width: 4em;
	height: 6.8em;
	/* border-radius: 1em/.5em;*/
	background: #1f2a38;
	transform: rotate(-90deg);
	display: inline-block;
	margin-right: 3em;
	transition: all 150ms ease-in-out;
	color: #5756d6;
	font-size: 21px;
	border-radius: 3px;
	border: 1px solid #1f2a38;
}
.hex:before, .hex:after {
	position: absolute;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	background: inherit;
	content: '';
}
.hex:before {
	transform: rotate(60deg);
}
.hex:hover:before {
	border-top: 1px solid #509ce3;
	border-bottom: 1px solid #509ce3;
}
.hex:hover:after {
	border-top: 1px solid #509ce3;
	border-bottom: 1px solid #509ce3;
}
.hex:after {
	transform: rotate(-60deg);
}
.hex:after:hover {
border: 1px solid #509ce3;
}
.hex:hover {
	border: 1px solid #509ce3;
	cursor: pointer;
}
.hex > span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 6.8em;
	transform: rotate(90deg);
	text-align: center;
	z-index: 20;
}
.hex > span > span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
}
#hexMidden:hover {
	border: 1px solid #509ce3;
	cursor: auto;
}
/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}
 @-webkit-keyframes fade {
 from {
opacity: .4
}
 to {
opacity: 1
}
}
 @keyframes fade {
 from {
opacity: .4
}
 to {
opacity: 1
}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.prev, .next, .text {
	font-size: 11px
}
}
/*end of slideshow css*/

/*swiper*/

.swiper-container {
	width: 100%;
	height: 100%;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
}
.swiper-container1, .swiper-container2, .swiper-container4, .swiper-container5 {
	width: 100%;
	height: 100%;
	cursor: pointer;
	overflow: hidden;
}
.swiper-container3 {
	height: 100%;
	cursor: pointer;
	overflow: hidden;
	width: auto;
}
.swiper-slide {
	width: 100%;
	margin-top: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.swiper-wrapper {
	margin-left: 30px;
	margin-right: 30px;
}
.highlight-FP {
	font-size: 0;
}
/* 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-button-prev-bg {
	position: absolute;
	width: 45px;
	height: 54px;
	left: 0.5%;
	top: 50%;
	margin-top: -83px;
	float: left;
	z-index: 100;
	cursor: pointer;
	border-radius: 5px;
	background-color: rgba(51,51,51,0.8);
}
.swiper-button-next-bg {
	position: absolute;
	width: 45px;
	height: 54px;
	float: right;
	right: 0.5%;
	z-index: 100;
	top: 50%;
	margin-top: -83px;
	cursor: pointer;
	border-radius: 5px;
	background-color: rgba(51,51,51,0.8);
}

/*end of swiper*/

/*Tablet, mobile version*/
/*mobile version*/
@media screen and (min-width: 330px) and (max-width: 470px) {
.menu nav {
	top: 18px;
	right: -10px;
}
}

@media (max-width: 376px) {
.menu nav {
	top: 18px;
	right: -10px;
}
.slides p {
	font-size: 20px;
}
}

@media (max-width: 479px) {
.prev, .next {
	top: 42%;
}
.menu nav {
	font-size: 16px;/*margin-top:0;
		float:right;
		display:block;*/
		
	
}
.logo-mob {
	display: block;
	padding-left: 15px;
	margin-top: 4px;
}
.page-title-mob {
	display: inline-block;
	color: white;
	padding-top: 15px;
}
.logo {
	display: none;
}
.header1 {
	display: none;
}
.toggle-nav {
	display: inline-block;
	float: right;
	text-align: center;
	padding: 5px;
}
.p-large {
	font-size: 18px;
}
.menu {
	top: 0;
	max-height: 53px;
}
.home-icon {
	display: none;
}
.menu .home-icon-mob {
	display: none;
}
.wrapper {
	padding-top: 0;
}
.p-links .links-1 a, .p-links .links-2 a, .p-links .links-3 a {
	font-size: 16px;
}
.links-container h3.title-links {
	font-size: 24px;
}
span.btn-txt {
	font-size: 21px;
}
footer .footer {
	font-size: 16px;
}
.card-photo {
	display: none;
}
.card-photo-mob {
	display: block;
}
.card div {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
p {
	font-size: 18px;
}
ul, li {
	font-size: 18px;
}
h2 {
	font-size: 28px;
	margin-top: 0;
	margin-bottom: 0;
}
.workflow ul {
	padding-left: 25px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #506C8F;
}
.workflow {
	margin-left: 0 auto;
	margin-right: 0 auto;
}
.mail-links {
	font-size: 20px;
}
.subsite-title {
	margin-left: 0;
	margin-right: 0;
	font-size: 24px;
}
/*.subsite-title-holder{
		
	}*/

	
.toggle-sub-nav, .sub-hamburger {
	position: absolute;
	display: block;
	z-index: 100;
}
.sub-hamburger {
	color: white;
	padding-left: 13px;
	font-size: 26px;
	transform: rotate(90deg);
	max-height: 42px;
	text-shadow: none;
	font-weight: normal;
	padding-top: 5px;
}
.toggle-sub-nav {
	display: inline-block;
	height: 42px;
	width: 42px;
	float: right;
	background-color: rgba(87,86,214,0.9);
	padding: 5px 0 10px 10px;
	margin-top: -73px;
	right: 0;
}
#sub-nav li {
	display: block;
}
#BG-IP {
	margin-top: 47px;
}
.wrapper-text {
	padding: 10px 20px 10px 20px;
}
.BG-FP-click span {
	margin-left: 20px;
	margin-right: 20px;
}
}

/*end of mobile version*/

/*tablet view*/
@media (max-width: 750px) {
.subsite-title-holder {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	width: 100%;
	margin: 0;
	left: 0;
}
.BG .subsite-title {
	padding: 20px 50px 20px 25px;
}
}

@media (min-width: 479px) {
.prev, .next {
	top: 43%;
}
}

@media screen and (min-width: 479px) and (max-width: 861px) {
/*.page-title{
		margin-top:-20px;
	}*/

.wrapper.arrow {
	margin-left: 20%;
}
}

@media screen and (max-width:1050px) {
.slides h3, .slides p {
	margin-left: 20px;
	margin-right: 20px;
}
}

@media screen and (min-width: 1051px) {
.slides h3, .slides p {
	margin-left: 0px;
	margin-right: 0px;
}
}

@media (max-width: 901px) {
nav {
	display: block;
	width: auto;
	float: right;
	background-color: rgba(0,78,89,0.7);
	top: 43px;
	right: 0;
	margin-right: -42px;
}
nav a {
	font-size: 18px;
	display: block;/*padding-left:20px;*/
		
		
		
}
nav ul {
	display: none;
}
nav .nodrop span, nav .dropdown #btndown {
	padding-left: 20px;
	padding-right: 20px;
}
/*nav .dropdown, nav .nodrop {
		margin-right:20px;
		margin-left:20px;
	}*/
	
	/*.btndown{
		padding:0 0 0 20px;
		margin:0;
		display:block;
		
	}*/
	
	
	/* nav .dropdown .itemdown li{
		background:none;
		padding:0;
	}*/
.selected {
	border-bottom: none;
}
.navbar .dropdown li, .navbar .dropdown {
	width: 100%;
	background: none;
	margin: 0;
}
.menu nav ul li a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
nav a:hover {
	border-bottom: none;
	background-color: rgba(157,196,194,0.3);
}
.btndown {
	display: block;
	width: inherit;
}
nav .dropdown .itemdown {
	position: relative;
	box-shadow: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.dropdown .itemdown li, .dropdown .itemdown li a {
	background: none;
	padding: 0;
}
.dropdown .itemdown li:hover {
	background: none;
}
/*nav ul{
		display:none;
		width:200px;
	}*/
nav .dropdown .itemdown li {
	display: block;
	background: none;
	min-width: 270px;
}
nav .dropdown .itemdown li:hover {
	background: rgba(255,255,255,0.2);
}
.menu nav ul li.highlight-button {
	background: none;
}
.menu nav ul li.highlight-button a {
	background-color: #00AFAA;
}
.menu nav ul li.highlight-button a:hover {
	background-color: #32BFBB;
}
.toggle-nav {
	display: inline-block;
	height: 42px;
	width: 42px;
	float: right;
	background-color: rgba(0,175,170,0.4);
}
.hamburger {
	color: white;
	display: block;
	padding-left: 13px;
	font-size: 26px;
	transform: rotate(90deg);
	max-height: 42px;
}
.hamburger:hover {
	cursor: pointer;
}
#asep-title {
	display: none;
}
.descr-wrapper a img {
	display: none;
}
.dropdown .line {
	height: 45px;
}
.people {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
}

@media screen and (max-width:571px) {
.page-title span {
	margin-bottom: -20px;
}
}

@media screen and (min-width: 500px) and (max-width: 563px) {
}

@media screen and (min-width:470px) and (max-width: 479px) {
.menu nav {
	top: 53px;
	right: -10px;
}
}

@media screen and (min-width:900px) {
nav ul {
	display: block !important;
}
/*.BG{

	height:1000px;
}*/

}

@media screen and (min-width: 900px) and (max-width: 902px) {
.menu nav {
	display: none;
}
.toggle-nav {
	display: inline-block;
	height: 42px;
	width: 42px;
}
.hamburger {
	color: white;
	display: block;
	float: right;
	font-size: 26px;
	transform: rotate(90deg);
	max-height: 42px;
}
.hamburger:hover {
	cursor: pointer;
}
}

/*Responsive Slides*/

@media screen and (min-width: 951px) {
.logo {
	background-image: url('images/logo/logo.png');
	width: 202px;
	height: 58px;
	background-repeat: no-repeat;
	margin-top: 10px;
}
#BG-IP {
	margin-top: 125px;
}
.slides h3 {
	margin-top: 17%;
}
nav a {
	font-size: 24px;
}
.prev, .next {
	margin-top: -40px;
}
.pagination {
	top: 50%;
	width: 1010px;
	margin-left: auto;
	margin-right: auto;/*left: 12%;*/
		/*margin-left: -505px;*/
}
.FP-thumbnail {
	width: 240px;
	height: 374px;
}
.responsive-descr-2 {
	display: none;
}
.thumbnail-descr {
	width: 220px;
	height: 110px;
	padding: 10px;
	margin-top: 102%;
}
#FP-DCB-thumbnail {
	/*background: url(images/commitees-thumbnails/FP-DCB-thumbnail.png);*/
	background: url(images/commitees-thumbnails/dcb2_445.jpg);
	background-repeat: no-repeat;
	border: rgba(36,191,225,0.6) solid 3px;
}
#FP-IACUC-thumbnail {
/*	background: url(images/commitees-thumbnails/FP-IACUC-thumbnail.png);*/
		background: url(images/commitees-thumbnails/iacuc3_445.jpg);
	background-repeat: no-repeat;
	border: rgba(36,191,225,0.6) solid 3px;
}
#FP-IBEC-thumbnail {
	/*background: url(images/commitees-thumbnails/FP-IBEC-thumbnail.png);*/
	background: url(images/commitees-thumbnails/ibec2_445.jpg);
	background-repeat: no-repeat;
	border: rgba(36,191,225,0.6) solid 3px;
}
#FP-IRSC-thumbnail {
	/*background: url(images/commitees-thumbnails/FP-IRSC-thumbnail.png);*/
		background: url(images/commitees-thumbnails/irsc2_445.jpg);
	background-repeat: no-repeat;
	border: rgba(36,191,225,0.6) solid 3px;
}
}

@media screen and (min-width: 770px) and (max-width: 950px) {
nav a {
	font-size: 22px;
}
.slides h3 {
	margin-top: 130px;
}
.FP-thumbnail {
}
.pagination {
	top: 58%;
	left: calc((100vw - 700px)/2);
	margin-right: auto;
}
.pagination-holder {
	left: 300px;
}
.card img {
	margin-bottom: 25px;
}
.pagination li {
	width: 170px;
}
.responsive-descr {
	display: none;
}
.responsive-descr-2 {
	display: block;
	margin-top: 20px;
}
.thumbnail-descr {
	text-align: center;
	font-size: 1.3em;
	width: 165px;
	height: 67px;
	margin-top: 102%;
}
#FP-DCB-thumbnail {
	background: url(images/commitees-thumbnails/dcb.png);
	background-repeat: no-repeat;
	border: rgba(36,191,225,0.6) solid 3px;
}
#FP-IACUC-thumbnail {
	background: url(images/commitees-thumbnails/iacuc.png);
	background-repeat: no-repeat;
	border: rgba(36,191,225,0.6) solid 3px;
}
#FP-IBEC-thumbnail {
/*	background: url(images/commitees-thumbnails/ibec.png);*/
	background: url(images/commitees-thumbnails/ibec.png);
	background-repeat: no-repeat;
	border: rgba(36,191,225,0.6) solid 3px;
}
#FP-IRSC-thumbnail {
	background: url(images/commitees-thumbnails/irsc.png);
	background-repeat: no-repeat;
	border: rgba(36,191,225,0.6) solid 3px;
}
}

@media screen and (min-width: 341px) and (max-width: 769px) {
/*.hidden-descr {
		display: none;
	}*/
.slides h3 {
	margin-top: 90px;
}
.pagination {
	top: 88%;
	left: calc((100vw - 340px)/2);
}
.pagination li {
	width: 80px;
}
.responsive-descr {
	display: none;
}
.responsive-descr-2 {
	display: block;
}
.FP-thumbnail {
	width: 80px;
	height: 20px;
}
.thumbnail-descr {
	text-align: center;
	font-size: 1.3em;
	width: 80px;
	height: 40px;
	padding-top: 20px;
}
.prev, .next {
	margin-top: 160px;
}
}

/*iphone 5*/
@media screen and (max-width: 340px) {
.slides p {
	text-align: left;
}
/*.hidden-descr {
		display: none;
	}*/
.slides h3 {
	margin-top: 70px;
}
.pagination {
	top: 88%;
	left: 7px;
}
.pagination li {
	width: 70px;
}
.responsive-descr {
	display: none;
}
.responsive-descr-2 {
	display: block;
}
.FP-thumbnail {
	width: 70px;
	height: 20px;
}
.thumbnail-descr {
	text-align: center;
	font-size: 1.3em;
	width: 70px;
	height: 40px;
	padding-top: 20px;
}
.prev, .next {
	margin-top: 120px;
}
}

/*End of Responsive slides*/

/*Responsive header logo*/
@media screen and (max-width: 950px) and (min-width: 480px) {
.slides h3 {
	margin-top: 140px;
}
#BG-IP {
	margin-top: 103px;
}
.logo {
	background-image: url('images/logo/logo-mob.png');
	background-repeat: no-repeat;
	width: 50px;
	height: 34px;
	margin-top: 10px;
}
.header1 {
	font-size: 31px;
	padding-top: 0px;
	padding-bottom: 10px;
}
.page-title {
	margin-left: 10px;
}
}

/* Responsive heafer logo end*/

@media (max-width: 1000px) {
.title-page {
	margin-left: 10px;
	margin-right: 10px;
}
.menu .home-icon {
	display: none;
}
.page-title {
	padding-left: 10px;
}
.logo, .logo-mob {
	margin-right: 20px;
}
.links-container .p-links, .footer-wrapper {
	padding-right: 20px;
	padding-left: 20px;
}
.home-icon-mob {
	display: inline-block;
}
.BG .submenu {
	width: 90%;
	left: 20px;
	right: 20px;
}
.wrapper-BG {
	margin-left: 20px;
	margin-right: 20px;
}
}

@media screen and (min-width: 1921px) and (max-width: 2550px) {
.BG #round-circles {
	margin-top: 85%;
}
}
/*end of tablet version*/

/*subsite css*/
/*subsite common css*/
.background {
	position: fixed;
	width: 100%;
	min-height: 100%;
	left: 0;
	margin-left: 0;
}
.BG .submenu {
	font-size: 0;
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.BG .submenu li {
	display: inline-block;
	margin: 0;
	padding: 15px 20px;
	cursor: pointer;
}
.BG .submenu li:first-child {
	padding-left: 40px;
}
.BG .submenu li:last-child {
	padding-right: 40px;
}
.BG .subsite-title {
	position: relative;
	margin-top: 30%;
	font-style: normal;
	font-weight: 600;
	text-shadow: 1px 1px #000000;
	padding: 5px 15px;
	display: inline-block;
}
.subsite-selected-DCB {
	background-color: #82A031;
}
.subsite-selected-DCB:first-child {
	border-top-left-radius: 10px;
}
.subsite-selected-IACUC {
	background-color: #9F2E2A;
}
.subsite-selected-IACUC:first-child {
	border-top-left-radius: 10px;
}
.subsite-selected-IBEC {
	background-color: #e76020;
}
.subsite-selected-IBEC:first-child {
	border-top-left-radius: 10px;
}
.subsite-selected-IRSC {
	background-color: #00AFAA;
}
.subsite-selected-IRSC:first-child {
	border-top-left-radius: 10px;
}
.subsite-selected-researchintegrity {
	background-color: #7364a2 /* #6227b8*/;
}
.subsite-selected-researchintegrity:first-child {
	border-top-left-radius: 10px;
}
/*end of subsite common css*/

/*IBEC css*/
.BG .IBEC-submenu {
	background-color: rgba(252,142,37,0.8);
}
.BG .IBEC-submenu li {
	color: #fee6d7;
}
.BG .IBEC-submenu li:hover {
	background-color: #ad4818; /*#e76020;*/
	color: #fee6d7;
}
.BG .IBEC-submenu li:hover:first-child {
	border-top-left-radius: 10px;
}
#IBEC-background {
	background: url(IBEC/images/BG-IBEC-1920px.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
.BG #IBEC-subsite-title {
	background-color: rgba(0,20,22,0.6);
	color: #feb768;
}
/*end of IBEC css*/

/*DCB css*/
.DCB-submenu {
	background-color: rgba(147,183,30,0.8);
}
.DCB-submenu li {
	color: #FEF4CF;
}
.BG .DCB-submenu li:hover {
	background-color: #627825; /*#82A031;*/
}
.BG .DCB-submenu li:hover:first-child {
	border-top-left-radius: 10px;
}
#DCB-background {
	/*background: url(DCB/images/BG-DCB-1920px.jpg);*/
	background: url(DCB/images/unsplash1_1920.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
.BG #DCB-subsite-title {
	color: #313F0D;
	background-color: rgba(194,206,153,0.6);
}
/*end of DCB css*/

/*IACUC css*/
.BG .IACUC-submenu {
	background-color: rgba(239,75,62,0.8);
}
.BG .IACUC-submenu li {
	color: #FFF3D4;
}
.BG .IACUC-submenu li:hover {
	background-color: #772320; /*#9F2E2A;*/
}
.BG .IACUC-submenu li:hover:first-child {
	border-top-left-radius: 10px;
}
/*.BG .IACUC-submenu li:last-child, .BG .IACUC-submenu li:hover:last-child, .subsite-selected-IACUC:last-child {
    border-top-right-radius: 10px;
	width: 135px;
	
	
}*/

#IACUC-background {
	/*background: url(IACUC/images/BG-IACUC-1920px.jpg);*/
	background: url(IACUC/images/unsplash3_1920.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
.BG #IACUC-subsite-title {
	color: #FFFFF9;
	background-color: rgba(11,95,110,0.5);
}
/*end of IACUC*/

/*IRSC css*/
.BG .IRSC-submenu {
	background-color: rgba(0,175,170,0.8);
}
.BG .IRSC-submenu li {
	color: #FEF4CF;
}
.BG .IRSC-submenu li:hover {
	background-color: #008380; /*#00AFAA;*/
}
.BG .IRSC-submenu li:hover:first-child {
	border-top-left-radius: 10px;
}
#IRSC-background {
	background: url("IRSC/images/unsplash2_1920.jpg");
	/*background: url("images/committees/Committees-IRSC-hover-445px.jpg");*/
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
.BG #IRSC-subsite-title {
	color: #004E59;
	background-color: rgba(191,253,255,0.5);
}
/*end of IRSC*/
/*Research Integrity css*/
.BG .researchintegrity-submenu {
	background-color: rgba(115, 112, 161,0.9);
}
.BG .researchintegrity-submenu li {
	color: #FEF4CF;
}
.BG .researchintegrity-submenu li:hover {
	background-color:#6227b8 /*#7364a2 ; /*#7370a1;rgba(115, 112, 161,1)*/
}
.BG .researchintegrity-submenu li:hover:first-child {
	border-top-left-radius: 10px;
}
#researchintegrity-background {
	/*background: url(IACUC/images/BG-IACUC-1920px.jpg);*/
	background: url("researchintegrity/images/RI-BG-1920-759px.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
.BG #researchintegrity-subsite-title {
	color: #FEF4CF /*#6227b8cc , #FFFFF9*/;
	background-color: rgba(11,95,155,0.4) /*rgba(124,98,149,0.4)*/;
}
/*end of Research Integrity*/
/*end of subsite css*/

/*committees css*/
.committees-photo-holder {
	width: 445px;
	height: 385px;
	position: relative;
}
.committees-photo-holder a {
	font-size: 26px;
	height: 110px;
	display: block;
	padding: 15px;
	margin-top: 230px
}
.committees-photos {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#committees-photo-DCB {
	background: url(images/commitees-thumbnails/Committees-DCB-445px.jpg);
	background-repeat: no-repeat;
}
#committees-photo-DCB:hover {
	background: url(images/commitees-thumbnails/Committees-DCB-hover-445px.jpg);
	background-repeat: no-repeat;
	-webkit-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#committees-photo-IACUC {
	background: url(images/commitees-thumbnails/Committees-IACUC-445px.jpg);
	background-repeat: no-repeat;
}
#committees-photo-IACUC:hover {
	background: url(images/commitees-thumbnails/Committees-IACUC-hover-445px.jpg);
	background-repeat: no-repeat;
	-webkit-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#committees-photo-IBEC {
	background: url(images/commitees-thumbnails/Committees-IBEC-445px.jpg);
	background-repeat: no-repeat;
}
#committees-photo-IBEC:hover {
	background: url(images/commitees-thumbnails/Committees-IBEC-hover-445px.jpg);
	background-repeat: no-repeat;
	-webkit-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#committees-photo-IRSC {
	background: url(images/commitees-thumbnails/Committees-IRSC-445px.jpg);
	background-repeat: no-repeat;
}
#committees-photo-IRSC:hover {
	background: url(images/commitees-thumbnails/Committees-IRSC-hover-445px.jpg);
	background-repeat: no-repeat;
	-webkit-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#committees-descr-DCB {
	background-color: rgba(147,183,30,0.8);
	color: #313F0D;
}
#committees-descr-IACUC {
	background-color: rgba(239,75,62,0.8);
	color: #501715;
}
#committees-descr-IBEC {
	background-color: rgba(252,142,37,0.8);
	color: #633406;
}
#committees-descr-IRSC {
	background-color: rgba(0,175,170,0.8);
	color: #004E59;
}
/*end of committees css*/

/*team css*/
.people {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.people-card {
	height: 440px;
	width: 300px;
	display: block;
	margin-bottom: 20px;
	background: #34a4a5;
	color: white;
	margin-left: auto;
	margin-right: auto;
}
.people-card p {
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
.people-card img {
	margin-bottom: 10px;
}
.people-card span {
	font-size: 26px;
	padding-bottom: 0;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}
.mail-links {
	color: #00AFAA;
}
.mail-links:hover {
	color: #32BFBB;
}
.mail-links-dark {
	color: #004E59;
}
.mail-links-dark:hover {
	color: #076A72;
}
/*end of team*/
/*BG-FP-click css*/
.BG-FP-click {
	background-image: url(images/FP-BG-click-full.png);
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	top: -25px;
	min-height: 560px;
	text-align: center;
	width: 100%;
	margin: auto;
}
.BG-FP-click span {
	display: block;
	color: #093038;
	font-size: 32px;
	padding-top: 70px;
	text-shadow: 1px 1px 3px #37414C;
}
.circle-click {
	display: inline-block;
	margin-left: auto;
	margin-bottom: auto;
	margin-top: 30px;
}
.circle-text {
	display: table-cell;
	height: 160px; /*change this and the width
for the size of your initial circle*/
	width: 160px;
	text-align: center;
	box-shadow: 5px 5px 7px rgba(0,0,0,0.2);
	vertical-align: middle;
	border-radius: 50%;
	/*make it pretty*/
	background: rgba(18,96,112,0.9);
	color: #fff;
	font-size: 32px;
}
.circle-text:hover {
	background: rgba(59,195,224,0.9);
}
/*end of BG-FP-click css*/

/*FAQ css */
.showhide {
	margin-bottom: 20px;
}
.showhide > h5 {
	width: 100%;
	font-family: 'RotisSemiSansStd55Regular';
	background: url("images/icons/show-hide.png") #3C516B no-repeat;
	border-bottom: 2px solid #1F2A38;
	color: #fff!important;
	cursor: pointer;
	padding: 13px 40px 10px 15px;
	font-weight: normal;
	margin: 0;
	box-sizing: border-box;
	background-position: right 15px center;
}
.showhide > h5.open {
	background: url("images/icons/show-hide-right.png") #3C516B no-repeat;
	background-position: right 15px center;
}
.showhide > h5.collapseNo {
	background-image: none;
}
.showhide > h5.collapseNo a {
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	display: block;
}
.showhide .btnGoTo {
	background: none repeat scroll 0 0 #004b58;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 20px;
	text-align: center;
	width: 200px;
	display: block;
}
.showhide ul.listing {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
.showhide > ul.listing > li span.content {
	display: none;
}
/*.showhide > ul.listing > li{border-bottom:1px solid #dcdcdc; }*/
.showhide > ul.listing > li ul.listing {
	background: #fff;
	padding: 15px 40px 10px 20px;
}
.showhide > ul.listing > li ul.listing span.content {
	float: left;
	width: 100%;
	margin-right: 0;
}
.showhide > ul.listing > li ul.listing span p {
	margin: 0 0 20px 0;
}
.showhide > ul.listing > li.showOnly {
	border-bottom: none;
	padding-top: 8px;
	padding-bottom: 5px;
}
.showhide > ul.listing > li.showOnly p {
	margin: 0px 20px 20px 20px;
}
.showhide > ul.listing > li.showOnly ul li {
	color: #8F97A0;
	list-style-type: disc;
}
/**end of FAQ css/

/*poposlides pagination css*/
.slides-box {
	width: 100%;
	height: 100%;
	margin: auto;
	overflow: hidden;
	background: black;
	position: relative;
}
.slides-box ul, .slides-box li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.slides {
	position: relative;
	height: 100%;
	width: 100%;
	margin: auto;
	float: left;
}
.slides li {
	position: absolute;
	width: 100%;
	height: 100%;
}
.prev, .next {
	position: absolute;
	z-index: 99;
	left: 0;
	height: 80px;
	width: 35px;
	color: #fff;
	cursor: pointer;
	background-color: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.prev:hover, .next:hover {
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
}
.prev {
	background: #1B8FA9 url("images/icons/nav-bg-prev.png") no-repeat;
	background-position: center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.next {
	left: auto;
	right: 0;
	background: #1B8FA9 url("images/icons/nav-bg-next.png") no-repeat;
	background-position: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.pagination-holder {
	display: block;
}
.pagination {
	position: absolute;
	z-index: 120;
	display: flex;
	flex-wrap: wrap;
}
.pagination li {
	padding-left: 5px;
	display: inline-block;
	transition: 0.3s ease;
	cursor: pointer;
}
.thumbnail-descr {
	display: inline-block;
	text-decoration: none;
}
.FP-thumbnail {
	display: block;
}
.FP-thumbnail:hover {
}
.pagination li:hover {
	-ms-transform: scale(1, 1); /* IE 9 */
	-webkit-transform: scale(1, 1); /* Safari 3-8 */
	transform: scale(1, 1); /** default is 1, scale it to 1.5 */
	display: block;
}
/*members*/
.members {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: 25px;
}
.member-card.nofoto {
	background: #336666;
	height: 250px;
}
.member-card .member-card-name {
	font-family: "Raleway Regular";
	font-size: 1.3em;
	font-weight: bold;
	/*color:#a5acb3;*/
	color: #fff;
}
.member-card p {
	/*color:#BECBDB;*/
	color: #fff;
	text-align: left;
	font-size: 1.1em;
	padding: 0 20px;
	line-height: 1.4em;
}
.member-card img {
	width: 285px;
}
.member-card {
	width: 285px;
	margin: 0 5px 15px 0;
	height: 440px;
	display: block;
	background: #336666;
}
.member-card img {
	margin-bottom: 5px;
}
.member-card .member-card-descr {
	/*color:#1854b5;*/
	color: #fffccc;
	font-size: 1.1em
}

/*end of members css*/
	
@media screen and (min-width: 951px) {
.pagination div.active {
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
	-webkit-transform: scale(1.1, 1.1); /* Safari 3-8 */
	transform: scale(1.1, 1.1);/** default is 1, scale it to 1.5 */
	transition: 0.3s ease;
	cursor: pointer;
}
}

@media screen and (min-width: 771px) and (max-width:950px) {
.pagination div.active {
	-ms-transform: scale(1.2, 1.2); /* IE 9 */
	-webkit-transform: scale(1.2, 1.2); /* Safari 3-8 */
	transform: scale(1.2, 1.2);/** default is 1, scale it to 1.5 */
	transition: 0.3s ease;
	cursor: pointer;
}
}

@media screen and (max-width:770px) {
.pagination div.active {
	-ms-transform: scale(1.2, 1.2); /* IE 9 */
	-webkit-transform: scale(1.2, 1.2); /* Safari 3-8 */
	transform: scale(1.2, 1.2);/** default is 1, scale it to 1.5 */
	transition: 0.3s ease;
	cursor: pointer;
}
}
/*end of poposlides pagination css*/
