/*  rt_cygnet-custom.css
*
* @author Chris Samperisi
* @date   April 12, 2016
*
*/
#rt-header-surround {
	padding-bottom: 0;
}
.-rt-cygnet-home #rt-header{
	position: absolute;
	width: 100%;
}
.-rt-cygnet-home #rt-slideshow {
	padding-top: 200px;
	background:#0FA7CE;
}
.-rt-cygnet-home #rt-slideshow:after {
  display: none;
}
.-rt-cygnet-home #rt-slideshow .rt-alpha {
  padding-bottom: 100px;
}
.-rt-cygnet-home #rt-header {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0fa7ce+0,0fa7ce+100&1+0,1+0,0+100 */
	background: -moz-linear-gradient(top, rgba(15,167,206,1) 0%, rgba(15,167,206,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(15,167,206,1) 0%,rgba(15,167,206,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(15,167,206,1) 0%,rgba(15,167,206,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fa7ce', endColorstr='#000fa7ce',GradientType=0 ); /* IE6-9 */
}
@font-face {
  font-family: 'Montserrat Hairline';
  src: url('../fonts/montserrat/Montserrat-Hairline.otf') format("opentype");
  font-weight: 100;
  font-style: normal;

}
@font-face {
  font-family: "Montserrat Light";
  src: url('../fonts/montserrat/Montserrat-Light.otf') format("opentype");

}
.sprocket-features-title, .sprocket-features-desc, #rt-copyright 	 {
  font-family: 'Montserrat Light' !important;
  font-weight: 400 !important;
}
.-rt-cygnet-home .readon {
  font-family: 'Montserrat Light';
  border: 2px solid #fff;
  color: #394CA0;
}
.-rt-cygnet-home .readon:hover {
  background: none;
  color: white;
  border: 2px solid #fff;
}

a.item,  .nav.menu a {
  font-family: "Montserrat Light";
  font-weight: 100 !important;
}
.-rt-cygnet-home li:hover > .item .menu-item-wrapper, .-rt-cygnet-home .menu-block .gf-menu li:focus > 	.-rt-cygnet-home .item .menu-item-wrapper,.-rt-cygnet-home .nav.menu li a:hover {
  color: #efefef !important;
}
.questions4 {
	width: 100%;
	display: table;

}

.strip-item {
	padding:10px 0px;
	width: 18%;
	display: table-cell;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #efefef;
}
.strip-item:last-of-type {
	border-right: none;
}

.strip-frame {
	position: relative;
	display: block;
	text-align: center;
}
.-rt-cygnet-home .strip-frame {
	text-align: left;
}
.strip-frame img {
	transition: .7s;
	position: absolute;
}
.strip-item .caption {
	text-align: center;
	position: relative;
	padding-top: 15px;
	margin: 5px 30%;

	text-transform: uppercase;
	font-family: "Montserrat Light";
}
@media (max-width:1080px) and (min-width:687px) {
	.-rt-cygnet-home .strip-item .caption {
		margin-top: 90px !important;
	}
	.-rt-cygnet-home .custom  {
		margin: 0px auto;
		display: table;
	}
	.strip-item .caption {

		margin-left: 30px;
		margin-right: 30px;
	}
}
.-rt-cygnet-home .strip-item .caption {

	margin-top: 110px;
}
.-rt-cygnet-home .strip-item a {
		color: white !important;
}
.handshake-left {
	z-index: 2;
}
.handshake-right {
	z-index: 1;
}
.handshake-thumb {
	z-index: 3;
}
.handshake a:hover > .handshake-left {
	transform: translateX(10px) translateY(8px);
}
.handshake a:hover > .handshake-thumb, .handshake a:hover > .handshake-right{
	transform: translateX(-10px) translateY(11px);
}

.volunteer a:hover > .volunteer-hand1 {
	transform: rotateZ(-1deg) translateY(-3px);
}
.volunteer a:hover > .volunteer-hand2 {
	transform: rotateZ(1deg) translateY(-3px);
}
.volunteer a:hover > .volunteer-hand3 {
	transform: rotateZ(-1deg) translateY(-2px);
}
.volunteer a:hover > .volunteer-hand4 {
	transform: rotateZ(1deg) translateY(-2px);
}


.about-us1 {
	z-index:2;
}
.questions1, .questions2, .questions3{
	opacity: 1;
	z-index: 1;
}
.questions4 {
	z-index: 3;
	opacity: 0;
}
.about-us2, .about-us3 {
	transition: .7s;
	z-index: 1;
	opacity:0;
}
.about-us a:hover > .about-us2 {
	opacity: 1;
	transform: translateX(-40px);
}
.about-us a:hover > .about-us3 {
	opacity: 1;
	transform: translateX(40px);
}
.questions a:hover > .questions1 {
	opacity: 0;
	transform: translateX(30px);
}
.questions a:hover > .questions2 {
		opacity: 0;
		transform: scaleZ(-5px);
}
.questions a:hover > .questions3 {
	opacity: 0;
	transform: translateX(-30px);
}

.questions a:hover > .questions4 {
	opacity:1;
	transform: scale(1.05);
}
.investigator a:hover > .investigator {
	transform: scale(1.05);
}
#rt-copyright .nav a {
	text-transform: uppercase;
}
#rt-mainbody {
	margin-top: 20px;
	padding-top:15px;
}
h2 {
	font-size: 250%;
	font-family: "Montserrat Hairline", sans-serif;
}
p, ul {
	font-weight: 100;
	font-family: "Montserrat Light", sans-serif !important;
}
.demostyle-type-preset2 #rt-drawer a, .demostyle-type-preset2 #rt-header a, .demostyle-type-preset2 #rt-breadcrumbs a, .demostyle-type-preset2 #rt-utility a, .demostyle-type-preset2 #rt-expandedbottom a, .demostyle-type-preset2 #rt-mainbottom a, .demostyle-type-preset2 .rt-sidebar-block a, .demostyle-type-preset2 .component-content a, .demostyle-type-preset2 #rt-content-top a, .demostyle-type-preset2 #rt-content-bottom a {
	color: #394CA0;
}

.readon {
	background: #394CA0;
	border: 2px solid #394CA0;
	color: white !important;
}
.readon:hover {
	background: transparent;
	border: 2px solid #394CA0;
	color: #394CA0 !important;
}
.clock {
	width:200px;
	height:200px;
	border-radius: 50%;
	display:inline-block;
	background-color: #394CA0;
}
.clock img {
	display: block;
	position: absolute;
	width: 200px;
	height: 200px;

}
.clock:hover > .clock-hour {
	-webkit-animation-play-state: running; /* Chrome, Safari, Opera */
	animation-play-state: running;

}
.clock:hover > .clock-minute {
	-webkit-animation-play-state: running; /* Chrome, Safari, Opera */
	animation-play-state: running;
}
.clock > .clock-minute {
	animation-name: clock-minute;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: clock-minute;
  -webkit-animation-duration: 12s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
	-webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
	animation-play-state: paused;
}
@keyframes clock-minute {
  from {
		transform:rotate(0deg)
  }
  to {
  	transform:rotate(360deg)
	}
}
@-webkit-keyframes clock-minute {
	from {
		transform:rotate(0deg)
	}
	to {
		transform:rotate(360deg)
	}
}
.clock > .clock-hour {
	animation-name: clock-hour;
  animation-duration: 144s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: clock-hour;
  -webkit-animation-duration: 144s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
	-webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
	animation-play-state: paused;
}
@keyframes clock-hour {
  from {
		transform:rotate(0deg)
  }
  to {
  	transform:rotate(360deg)
	}
}
@-webkit-keyframes clock-hour {
	from {
		transform:rotate(0deg)
	}
	to {
		transform:rotate(360deg)
	}
}
.spinning-globe {
	display: inline-block;
  width: 200px;
  height: 200px;
  background: url(../../../images/graphics/globe.svg);
	background-color: #394CA0;
	border-radius: 50%;
  background-size: 400px;
  animation-name: rotate-globe;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotate-globe;
  -webkit-animation-duration: 12s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
	-webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
	animation-play-state: paused;
}
.spinning-globe:hover {
	-webkit-animation-play-state: running; /* Chrome, Safari, Opera */
	animation-play-state: running;
}
@keyframes rotate-globe {
  from {


	    background-position: 400px 0px;
  }
  to {
  background-position: 0px 0px;
	}
}
@-webkit-keyframes rotate-globe {
  from {
		background-position: 400px 0px;

  }
  to {
    background-position: 0px 0px;
  }
}

.money-falling {
	display: inline-block;
  width: 200px;
  height: 200px;

	background: white;
  background: url(../../../images/graphics/money.svg);
	border-radius: 50%;
  background-size: 200px 400px;
  animation-name: money-falling;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: money-falling;
  -webkit-animation-duration: 12s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
	-webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
	animation-play-state: paused;
}
.money-falling:hover {
	-webkit-animation-play-state: running; /* Chrome, Safari, Opera */
	animation-play-state: running;
}
@keyframes money-falling {
  from {
		background-position: 0px 0px;
  }
  to {
  	background-position: 0px 400px;
	}
}
@-webkit-keyframes money-falling {
	from {
		background-position: 0px 0px;
  }
  to {
  	background-position: 0px 400px;
	}
}

.lab-work {
	display: inline-block;
  width: 200px;
  height: 200px;
	transition: .7s;

	background: white;
  background: url(../../../images/graphics/lab-work.svg);
	border-radius: 50%;
  background-size: 200px 200px;
}
.lab-work:hover {
	background-size: 205px 205px;
	background-position: center;
}
.fine-print {
	color: #aaa;
	font-size: 85%;
}
.gf-menu-toggle {
	background: none;
}

.about-us-together,
.handshake-together,
.volunteer-hands-together,
.alternatives-all {
	display:none !important;
}
@media (max-width:687px) {

	#rt-header {
		padding-top:15px;
	}
	.strip-item{
		border-right: none;
		border-bottom: 1px solid #efefef;
		width: 100%;
		display: block;
		border-right: none;
		text-align: center;
	}
	.strip-item:last-of-type {
		border-bottom:none !important;
	}
	.strip-frame {
		position: relative;
		text-align: center;

	}
	.-rt-cygnet-home .strip-item .caption {
		margin-top: 0 !important;
		font-size: 150%;
	}
	.strip-frame  img {
		position: relative;
		width:40%;

	}
	.-rt-cygnet-home .strip-frame {
		text-align: center !important;
	}
	.about-us-together,
	.handshake-together,
	.questions a > .questions4,
	.volunteer a > .volunteer-hands-together,
	.alternatives-all {
		display:inline-block !important;
		position: static;
		opacity: 1;
	}
	.about-us1,
	.about-us2,
	.about-us3,
	.handshake-left,
	.handshake-right,
	.handshake-thumb,
	.questions1,
	.questions2,
	.questions3,
	.volunteer-hand1,
	.volunteer-hand2,
	.volunteer-hand3,
	.volunteer-hand4,
	.alternatives-1,
	.alternatives-2,
	.alternatives-3,
	.alternatives-wipe	{
		display: none !important;
	}
	.questions4 {
		z-index: 3;
		opacity: 1;
	}
}
.columns li {
	font-family: "Montserrat Light";
	list-style: none;

	font-weight: 200;
}
@media (min-width: 768px) {
	.columns {
		-moz-column-count: 3;
		-moz-column-gap: 20px;
		-webkit-column-count: 3;
		-webkit-column-gap: 20px;
		column-count: 3;
		column-gap: 20px;
	}
	.-rt-cygnet-home .strip-item {
		width: 20em;
	}

}
@media (max-width: 767px) {
	body.layout-mode-responsive .rt-container {
		width: 100%;
	}
}
.icon-bar {
	background: #ccc;
}
.-rt-cygnet-home .icon-bar {
	background: #fff;
}
.-rt-cygnet-home .gf-menu-toggle {
	border-color: #fff;
	opacity: .5;
}
.menu-faq #rt-header-surround {
	background: none;
}
@media (min-width:768px) and (max-width: 959px) {
	.menu-item-wrapper {
		margin: 0 1px !important;
	}
}
@media (min-width:960px) and (max-width: 1199px) {
	.menu-item-wrapper {
		margin: 0 8px !important;
	}
}
@media (max-width:1199px) {
	body.layout-mode-responsive h2 {
		font-size: 200% !important;
	}
	body.layout-mode-responsive .rt-container {
		width: auto;
	}

	.gf-menu.l1 > li > .item, .nav.menu li a {
		font-size: 11px;
	}
}

.layout-mode-responsive .gf-menu-device-container .gf-menu li:hover > .item .menu-item-wrapper {
	color: #eee;
}
.alternatives, .improve-health, .legal-compliance {
		border-radius: 50%;
		width: 200px;
		height: 200px;
		display: inline-block;
		background: #394CA0;
}

.alternatives img, .improve-health img, .legal-compliance img {
	display: block;
	width: 200px;
	height: 200px;
}
.layout-mode-responsive .gf-menu-device-container .gf-menu li.active > .item .menu-item-wrapper {
	color: #eee;
}
.rt-error-button .readon {
	background: #394CA0;
}
.rt-error-button .readon:hover {
	background: #fff;
	color: #394CA0;
}
@media only screen and (max-width: 767px) {
	body.layout-mode-responsive .rt-logo-block {
		padding-top: 20px !important;
	}
	#rt-mainbody {
		margin-top: 0px;
		padding-top: 0px;
	}
}
#rt-error #rt-header {
	background: none;
}
.sponsor-logos img {
	max-height: 100px;
	max-width: 200px;
	padding: 5px;
}
h3 {
	text-align: center;
	text-transform: uppercase;
	font-weight: 100;
	font-family: "Montserrat Hairline";
	font-size: 205%;
}
@media only screen and (max-width: 1280px) {
	h3 {
		font-size: 205% !important;
	}
}
@media only screen and (max-width: 400px) {
	h3 {
		font-size: 170% !important;
	}
}

.promo-strip {
	text-align: center;
	width: 100%;
}
.promo-container {
	display: inline-block;
	color: white;
	border: 2px solid white;
	border-radius: 65px;
	margin-bottom: 50px;
	text-align: center;
	background: rgba(255,255,255,.1);

}
.promo-container .left .upper-layer h3, .promo-container .left .lower-layer h3 {
  text-align: left;
	padding-bottom: 0;
	font-size: 170%;
	margin-bottom: 2px;

}
.promo-container .left .upper-layer p, .promo-container .left .lower-layer p {
	font-weight: 100;
	opacity: .8;
	text-align: left;
	font-size: 90%;
}
.promo-container .upper-layer {
	border-bottom: 1px solid white;
}
.promo-container .upper-layer, .promo-container .lower-layer {
	padding: 0 30px 0 55px;
}
.promo-container .left {
	display: inline-block;
	border-right: white 1px solid;
}
.promo-container .right {
	float: right;
	vertical-align: middle;
	color: white;
}
.promo-container .right .right-cta {
	display: inline-block;
	color: white !important;
  text-transform: uppercase;
	padding: 35px;
	font-size: 150%;
	/*padding-right: 55px;*/
	padding-top: 66px;
}
.promo-container .right .right-cta::after {
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	position: relative;
	top: -1px;
	left: 5px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
@media only screen and (max-width: 1280px) {
	h3 {
		font-size: 170% !important;
	}
}
@media only screen and (max-width: 870px) {
	h3 {
		font-size: 130% !important;
	}
	.promo-container .left .upper-layer h3, .promo-container .left .lower-layer h3 {
    text-align: center;
	}
	.promo-container .left .upper-layer p, .promo-container .left .lower-layer p {
		text-align: center;
	}
	.promo-container .left {
		border-right: none;
		border-bottom: 2px solid white;
	}
	.promo-container .right {
	   float: none;
	}
	.promo-container .upper-layer, .promo-container .lower-layer {
	 padding: 0px 15px;
		padding-top: 5px;
  }
	.promo-container .right .right-cta {
		padding: 20px;
		padding-bottom: 25px;
	}
}

.promo-article {
	padding-bottom: 15px;
}
.promo-article  h1{
	font-size: 350%;
	padding-left: 25px;
	line-height: 1;
	font-family: "Montserrat Hairline", sans-serif;
}
.promo-article .left, .promo-article .right {
	width: 50%;
	display: inline-block;
	float: left;
	padding:0 25px;
	box-sizing: border-box;
}
.promo-article .left p, .promo-article .right p {
	text-align: justify;
}
.promo-article p {
	clear: both;
	text-align: center;
}
.promo-article p .readon {
	margin: 35px 0;
}

@media only screen and (max-width: 870px) {
	.promo-article .left, .promo-article .right {
		width: 100%;
		display: inline-block;
		padding:0 25px;
	}
}
@media only screen and (max-width: 767px) {
	.promo-article h1 {
		font-size: 250% !important;
	}
}
.sscf-popup380.sscf-popup {
    font-family: 'Montserrat', 'Helvetica', arial, serif;
    text-transform: uppercase;
    display: inline-block;
}
#wrap-contact-form380 {
  text-align: center;
  padding: 65px 0;
}

#contact_info {
    background-image: url(../../../images/contact_info.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
}

#contact_info h4, #contact_info p {                                                                                                       visibility:hidden;                                                                                                                }
div.upper-layer h3 {                                                                                                                      margin-right: 10px;                                                                                                                   margin-left: 10px;                                                                                                                }

form input, form textarea {
    border: 1px solid lightgrey !important;
        background-color: #fbfbfb;
}

form #left input {
    background-color: #fbfbfb !important;
}

form textarea {
    min-height: 100px !important;
    width: 100% !important;
    resize: both !important;
}
    /*line-height: 32px !important;*/

form {
    position: relative;
    padding-top: 1em;
    padding-bottom: 5em;
    /*margin: auto;*/
}

form div {
    display: inline-block;
}

.ml2pc {
    margin-left: 2% !important;
}

.mt10px {
    margin-top: 10px !important;
}

.block {
    display: block;
}

#left {
    width:30%;
}

#left input{
    width: 100%;
}

#right {
    width:66%;
    margin-left:1.5%;
        vertical-align: top !important;
}

#form_button {
    position: absolute;
    right: 0;
    background: #394ca0;
    color: white;
    border-radius: 25px;
    border: 2px solid #394CA0 !important;
    padding: 0 2em;
    margin-right: 2.5%;
    height: 2.5em;
    transition: all 0.2s ease-in;
}

#form_button:hover {
    background: transparent;
    border: 2px solid #394CA0 !important;
    color: #394CA0 !important;
    transition: all 0.2s ease-in;
}

.fine-print.volunteers {
    margin-bottom: -10px !important;
}

#message_sent {
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #fde073;
    text-align: center;
    line-height: 2.5;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow: 0 0 5px black;
    box-shadow: 0 0 2px black;
    margin-bottom: 1em;
}

form * {
    font-family: "Montserrat Light", sans-serif !important;
}

#rt-slideshow {
    padding-top: 100px !important;
}

#banner {
    font-size: 1.8em;
    margin-bottom: 1em;
    /*    line-height: 34px;*/
    line-height: 38px;
    width: 100%;

    padding: 0.5em 2em;
    margin-left: -2em;
    background: rgba(22, 66, 91, 0.9);
    margin-top: 2em;
    text-align: center;
    border-radius: 10px;
    font-variant: small-caps;
    transition: all 0.1s ease-in-out;
}

#banner img {
/*    height: 32px;
    margin-top: -0.2em;*/
    height: 34px;
    margin-top: -0.18em;
    pointer-events: none;
}

.fp-roksprocket-slideshow.rt-block {
    margin: 25px 0 0 0;
}

.underlined, .underlined:hover {
    text-decoration: underline;
	     }

.hovered:hover {
    box-shadow: 0 0 7px white;
}

#moar_trials {
    text-align: center;
    margin-top: -1.2em !important;
    color: white;
}

#moar_trials:hover .linked {
    color: #2c2cff !important;
    transition: all 0.1s ease-in-out;
}

.breaker, .breaker_small{
    display:none;
}


.strip.custom .strip-item {
	border-right: 0;
}

#contact_info {
    height: 80px;
}}

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

.sponsor-logos img {
    max-width:150px;
}

#gsk {
    max-height: 80px;
}
}

@media only screen and (max-width: 850px) {
    #banner {
	font-size: 1.4em;
    }
    #banner img {
	height:28px;
    }
}

@media only screen and (min-width: 678px) {
    #amgen{
	margin-top: 1.2em;
    }
    #gsk{
    }
    #abbott{
	margin-top: 1.1em;
    }
    #astra{
	margin-top: 0.5em;
    }
    #syneos{
	margin-top: -1em;
    }
    #medpace{
	margin-top: 1.2em;
    }
    #ppd{
	margin-top: 0.7em;
    }
    #paraxel{
	margin-top: 0.7em;
    }
}

@media only screen and (max-width: 642px) {
    #banner {
	font-size: 1.6em;
    }
    .breaker {
	display:block;
    }
    #banner img {
	height:28px;
    }
}


@media only screen and (max-width: 500px) {
    #banner {
	font-size: 1.4em;
    }
    .breaker_small {
	display:block;
    }
    #banner img {
	height:28px;
    }
}
.emphasis-wrapper {
	margin: 4rem 0;
}
.emphasis {
	font-size: 1.2rem;
}