/* CSS Document */

/* GENERIC STYLES
---------------------------------------------------*/

.wrapper { max-width: 980px; margin: 0 auto; padding: 20px; transition: padding 0.35s linear; }
body { font-family: "Segoe UI",Arial,Helvetica,sans-serif; font-size: 16px; font-size: 1.6rem; position: relative; right: -250px; top: 0; transition: 0.75s ease-in; overflow-y: scroll; overflow-x: hidden; }
	body.active { right: 0; }

h1, h2, h3, h4 { font-weight: normal; font-family: "Bree Serif", serif; }

h2 { font-size: 42px; font-size: 4.2rem; }
h3 { font-size: 32px; font-size: 3.2rem; }
h4 { font-size: 18px; font-size: 1.8rem; font-weight: bold; }

p, li { font-size: 16px; line-height: 28px; }
address { font-size: 16px; }

a, a:visited, .btn-link { color: #7e549a; text-decoration: none; }
a:hover, a.btn-link:hover { color: #75539e; text-decoration: none; }
a:focus { background: none; outline: 0; }
.btn-secondary:active, .btn-secondary:focus { background: none; box-shadow: none; outline: 0; }

.btn-callto, .btn-callto:hover, .btn-to:active { font-size: 16px; font-size:1.6rem; margin-top: 30px; background: #75539e;
background: -moz-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#75539e),color-stop(100%,#c25b7c));
background: -webkit-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -o-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -ms-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
	color: #fff; border: none;

	 }
p.lead-text { margin-bottom: 20px; }
iframe { border: 0; }

.btn-primary { background: #9d719f ; /* background-color: #7e549a;
background: -moz-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#75539e),color-stop(100%,#c25b7c));
background: -webkit-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -o-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -ms-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: linear-gradient(30deg,#75539e 0%,#c25b7c 100%);*/ border: 0; }
.btn-primary:hover { background: #7e549a; }

/* OFF CANVAS MENU
---------------------------------------------------*/

.offcanvas-menu { position: fixed; width: 250px; top: 0; right: -250px; height: 100%; overflow: hidden; background: #eee; z-index: 300; transition: 0.75s ease-in; padding: 0 10px; box-sizing: border-box }
	.offcanvas-menu .close-menu { margin: 10px 0 10px 10px; display: inline-block; float: right; color: #666; opacity: 0.5; font-size: 18px; }
		.offcanvas-menu .nav { margin-top: 45px }
	.offcanvas-menu .nav>li>a { padding: 10px; color: #333; }
		#home-page .offcanvas-menu .nav>li.home>a,
		#managers-page .offcanvas-menu .nav>li.manager>a,
		#scientists-page .offcanvas-menu .nav>li.scientist >a { background: #ddd; text-transform: uppercase; font-weight: bold; }

		.offcanvas-menu .nav li.divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #ddd; }

body.active .offcanvas-menu { right: 0;  }
	 body.active header.regular { left: -250px !important; }

.page { position: relative; right: 250px; height: 100%; }


/* HEADER
---------------------------------------------------*/

	header { background: #fff; z-index: 200; background: #fff; box-shadow:0 1px 3px rgba(0,0,0,.05); }
		header .wrapper { position: relative; padding: 10px 20px; }

		header.regular { background: #fff url(../../images/website/bg_header.png) 50% 0 no-repeat; z-index: 200; box-shadow:0 1px 3px rgba(0,0,0,.05); position: fixed; top: 0; left: 0; width: 100%; border-bottom: 3px solid #2EA5DA; border-bottom: 3px solid #dcd2ec; transition:  0.75s ease-in; }
		header.compact { position: fixed; left: 0; top: -100px; width: 100%; transition: top 0.75s ease-in; }
			header.compact.showing { top: 0; opacity: 1; }
			header.compact a.logo { display: inline-block; max-width: 111px; }
			header.compact nav { margin-top: 14px; }

		header a.logo { display: inline-block; }
		header img { display: block; max-width: 100%; height: auto; }

	/* MAIN NAVIGATION --------*/
	header nav { transition: margin 0.35s linear; margin-top: 30px; }
	header nav ul.nav li a { color: #666; padding: 5px 15px; margin: 0; }
		header nav ul.nav  li a:hover { color: #2ea5da; color: #9351c9; background: none; }
		header nav ul.nav li a:visited, header nav ul.nav li a:focus { background: none; }
		header nav ul.nav li.active a { background: #9d719f ;/* background-color: #7e549a;
background: -moz-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#75539e),color-stop(100%,#c25b7c));
background: -webkit-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -o-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -ms-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: linear-gradient(30deg,#75539e 0%,#c25b7c 100%);*/ }
			header nav ul.nav li.active a:hover { background: #7e549a !important; }

	header nav ul.main-nav { margin-right: 20px; }
		header nav ul.main-nav li a { color: #666; padding: 0 15px; margin: 5px 0; border-radius: 3px; border-right: 1px solid #666; border-radius: 3px; white-space: nowrap; }
			header nav ul.main-nav li:last-child a { border: 0; }
			header nav ul.main-nav li a:hover { background: none; color: #2ea5da; color: #9351c9; }
			header nav ul.main-nav li.active a { background: none; color: #666; text-transform: uppercase; font-weight: bold }

			#home-page header nav ul.main-nav li.home a,
			#managers-page header nav ul.main-nav li.manager a,
			#scientists-page header nav ul.main-nav li.scientist a { color: #666; text-transform: uppercase; font-weight: bold; text-decoration: none; }
				#home-page header nav ul.main-nav li.home a:hover,
				#managers-page header nav ul.main-nav li.manager a:hover,
				#scientists-page header nav ul.main-nav li.scientist a:hover { background: none; color: #666; text-decoration: none; }

	header .offcanvas-menu-trigger { padding: 10px 15px 0; position: absolute; right: 0px; top: 0; bottom: 0; }
		header .offcanvas-menu-trigger.open { background: #fff; }
		header .offcanvas-menu-trigger > a { font-size: 28px; color: #333; text-decoration: none; }
			header .offcanvas-menu-trigger > a span { font-size: 18px; line-height: 28px; }

	/* COMPACT HEADER (STICKY) --------------------------------*/
	header.compact { border-bottom: 3px solid #2EA5DA; opacity: 0; transition: opacity 0.7s linear }
		header.compact .wrapper { padding: 10px 20px; }



/* FOOTER
---------------------------------------------------*/
footer { background: #333; color: #fff; font-size: 14px; padding: 18px 0; }
	footer h5 { color: #999; text-transform: uppercase; border-left: 2px dotted #7e549a; padding-left: 8px; margin: 0 0 10px; }
	footer a, footer a:visited { color: #ddd; text-decoration: none; white-space: nowrap; font-size: 14px; }
	footer p { font-size: 14px; }
		footer a:hover { color: #2ea5da; color: #e5bdff; text-decoration: none; }
		footer ul.list-unstyled { margin-left: 10px; }
			footer ul.list-unstyled li { margin-bottom: 0; line-height: normal }

		footer p span { display: block; }


/* FEATURE
---------------------------------------------------*/

.feature { background: #2EA5DA; background: #7e549a;
	background: #75539e;
background: -moz-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#75539e),color-stop(100%,#c25b7c));
background: -webkit-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -o-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -ms-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
color: #fff; text-align: center; padding: 30px 0 60px; margin-top: 115px; }
	.feature h2 { margin: 0 0 30px; font-family: "Bree Serif", serif; }
	.feature p { font-size: 24px; font-size: 2.4rem; margin-bottom: 30px;  }
	.feature .btn { border-radius: 3px; font-size: 20px; font-size:2rem; padding: 10px 40px; border: 0; }
		.feature .btn-primary { background: #53bd84;
		color: #fff; /* color: #9351c9; */  }
		.feature .btn-secondary { background: none; border: 0; color: #fff;}
		.feature .btn-primary:hover { background: #57D190; }

/* STEPS
---------------------------------------------------*/
.steps { text-align: center; background: #eee url(../../images/website/steps_bg.jpg) no-repeat 50% 50%; background-attachment: fixed;
background-origin: initial; background-clip: initial; background-size: cover;   }
	.steps-indicator { list-style-type: none; padding: 0 0 35px; margin: 25px auto 10px; border-bottom: 7px solid #ddd; }
		.steps-indicator li { float: left; display: inline; width: 33%; text-align: center; background: url(../../images/website/steps_line.png) no-repeat center bottom; padding-bottom: 35px; }
			.steps-indicator li span { display: block; width: 76px; background: #f63; background: #7e549a;
				background: #75539e;
background: -moz-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#75539e),color-stop(100%,#c25b7c));
background: -webkit-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -o-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -ms-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
			border-radius: 38px; color: #fff; font: bold 32px/76px "Book Antiqua", serif; margin: 0 auto; text-decoration: none; }

	.steps-text { list-style-type: none; margin: 0; padding: 0; display: table-row; }
		.steps-text li { display: table-cell; position: relative; width: 33%; box-sizing: border-box; padding: 10px 30px 30px; text-align: left; }
			.steps-text li span.number { display: none; width: 48px;
			background: #75539e;
background: -moz-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#75539e),color-stop(100%,#c25b7c));
background: -webkit-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -o-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -ms-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: linear-gradient(30deg,#75539e 0%,#c25b7c 100%);

			border-radius: 24px; color: #fff; font: 24px/48px "Bree Serif", serif; margin: 0 auto; }

			.steps-text h4 { font-size: 20px; font-size: 2rem; font-weight: normal; }
			.steps-text p { color: #000; }

/* FEATURED SCIENTIST AND CORE MANAGER
--------------------------------------------------- */
.featured-customers { padding: 10px 0 25px; background: #c5b0ca; border-top: 1px solid #fff; }
.featured-customers h3 { margin: 10px 20px 25px; }
.featured-scientist { border-right: 1px solid #ddd; }
.featured-customers .col-sm6 { padding: 20px 25px; }
.featured-customers h4 { margin-bottom: 15px; }
.featured-customers a img { max-width: 125px; max-width: 150px; height: auto; margin: 35px 20px; }
@media screen and (max-width: 767px) {
	.featured-customers { padding: 0; }
	.featured-scientist { border-right: 0 }
	.featured-customers .col-sm6 { padding: 20px 25px; }
	.featured-customers h3 { text-align: left; font-size: 24px; font-size: 2.4rem; }
	.featured-customers a img { max-width: 100px; margin-bottom: 10px; }
}

/* SCIENTISTS AND CORE MANAGERS
----------------------------------------------------*/

.featured { background: #eee; padding-bottom: 30px; }
.featured h3 { margin-bottom: 25px; }
.featured img { display: table-cell; padding: 90px 30px 50px 15px; max-width: 280px; }
.featured .feature-info { display: table-cell; }

@media screen and (max-width: 767px) {
	.featured { padding-bottom: 10px; }
	.featured h3 { font-size: 24px; font-size: 2.4rem; margin-bottom: 20px; }
	.featured img { float: left; padding: 20px 20px 5px 0; max-width: 150px; }
	.featured .feature-info { display: block; }
}



/* BENEFITS
---------------------------------------------------*/
.benefits { }
	.benefits h3 { margin-bottom: 25px; text-align: center }

	.benefit-main { padding: 40px 45px 0 0; }
	.benefit-main hr { margin: 20px 0; border-color: #ddd; }

	.benefit-main p { padding: 25px 0; }
		.benefit-main .img-benefit { text-align: right; display: inline-block; margin-top: 9px; }
			.img-benefit img { width: 80%; }

	.benefit-panel { background: #f7f7f7; padding: 25px; }
	.benefit-panel h4 { font-size: 18px; font-size: 1.8rem; font-weight: bold; margin-top: 0; color: #444; }
	.benefit-panel p { margin-bottom: 35px; }
		.benefit-panel p:last-child { margin: 0; }

/* VIDEO
---------------------------------------------------*/
.video-description { padding: 30px 30px 0 0; }

.video-promo { background: #2ea5da; color: #fff; background: #916eaa; font-size: 18px; padding: 40px 0 60px; }
	.video-promo a { color: #fff; }
	.video-promo h3 { margin-bottom: 25px; margin-top: 0; }
	.video-promo p { margin-bottom: 15px; }

	.video-container { text-align: right; padding-right: 0; }

	#modal-video { display: block; width: 100%; }

/* DEMO VIDEO
---------------------------------------------------*/
.demo-video.video-description {
	 padding: 0px 30px 0 15px;
}

.video-promo .btn { border-radius: 3px; font-size: 20px; font-size:2rem; padding: 10px 40px; border: 0; }
  .video-promo .btn-primary { background: #53bd84;
  color: #fff; /* color: #9351c9; */  }
  .video-promo .btn-secondary { background: none; border: 0; color: #fff; padding-left: 0;}
  .video-promo .btn-primary:hover { background: #57D190; }



/* UNIVERSITIES
---------------------------------------------------*/
.universities { background: #eee; text-align: center; padding: 20px 0 39px; }
	.universities h3 { margin-bottom: 30px; }
	.universities ul { list-style-type: none; padding: 0; margin: 20px auto; overflow: hidden; }
	.universities ul li { display: inline-block; margin: 10px -12px 0	0; padding: 0; }
		.universities ul li img { width: 90%; height: 80px; max-width: 190px; }
      .universities ul li img.raw-logo {
        background-color: white;
        padding: 12px 5px;
        border: 3px solid #e1e1e1;
      }

	/*
	.owl-carousel .owl-item { text-align: center }
	.owl-carousel div.item img { display: block; max-width: 100%; height: auto; }
	.owl-theme .owl-controls .owl-buttons div { background: none; position: absolute; top: 18%; width: 32px; height: 32px; }
		.owl-theme .owl-controls .owl-buttons div.owl-prev { left: -40px; background: url(../../images/website/icon_chevron_left.png) no-repeat center center; }
		.owl-theme .owl-controls .owl-buttons div.owl-next { right: -40px; background: url(../../images/website/icon_chevron_right.png) no-repeat center center; }
	*/

/* ANIMATION
----------------------------------------------------*/
.animation-hidden { visibility: hidden; }

.stretch-left { animation-name: stretch-left; -webkit-animation-name: stretch-left; animation-duration: 2.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 100% 0; -ms-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; visibility: visible!important; }

.slide-expand-up { animation-name:s lide-expand-up; -webkit-animation-name: slide-expand-up; animation-duration: 1.6s; -webkit-animation-duration: 1.6s;animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility:visible!important}

.expand-up	{ animation-name: expand-up; -webkit-animation-name: expand-up;animation-duration:.7s; -webkit-animation-duration:.7s; animation-timing-function:ease; -webkit-animation-timing-function: ease; visibility:visible!important }

.fade-in{ animation-name: fade-in; -webkit-animation-name: fade-in; animation-duration:1.5s; -webkit-animation-duration: 1.5s; animation-timing-function:ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible!important }

.animated { visibility: visible!important; animation-duration: 1.5s; -webkit-animation-duration: 1.5s;  }

.animation-delay1 { animation-delay: 0.1s; -webkit-animation-delay: 0.1s }
.animation-delay2 { animation-delay: 0.2s; -webkit-animation-delay: 0.2s }
.animation-delay3 { animation-delay: 0.3s; -webkit-animation-delay: 0.3s }


@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
  }

  100% {
    opacity: 1;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
            transform: translate3d(30%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translate3d(30%, 0, 0);
            transform: translate3d(30%, 0, 0);
  }

  100% {
    opacity: 1;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
            transform: translate3d(30%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

/* MODAL
----------------------------------------------------*/
.modal-dialog { width: 500px; }
	.modal-dialog.for-video { width: 700px; }
.modal-body { padding: 25px; }
	form .btn {  font-size: 16px; margin-top: 10px }
	form .btn-primary { min-width: 150px; }
.modal-header { padding: 15px 25px; }

.for-video .modal-body { padding: 0; }
.for-video .modal-header { border-bottom: 0; }
.for-video .modal-content { background: #fff; padding-bottom: 10px; }
.for-video .modal-header .close { margin-top: -13px; margin-right: -10px; color: #ddd; opacity: 0.5; }

#video-holder { width: 100%; height: 393px; }
	#video-holder video, #video-holder object { display: block; position: absolute; width: 100%; height: 100%; top: 0; } /* Fix for video size on the modal in Safari (iPad) */


/*---------------
 INNER PAGES
----------------------------------------------------*/

/* PAGE HEADER
----------------------------------------------------*/
.page-heading { background: #7e549a;
	background: #75539e;
background: -moz-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#75539e),color-stop(100%,#c25b7c));
background: -webkit-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -o-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -ms-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
color: #fff; margin-top: 115px; position: relative; }
	.page-heading a { color: #fff; }
	.page-heading .wrapper { padding: 15px 20px 10px; }
		.page-heading h2 { margin: 8px 0; font-size: 36px; font-size: 3.6rem; }
		.page-heading.lighthouse { background: url(../../images/website/bg_lighthouse_1.png) no-repeat 52% 0; background-size: cover; }

	/* BREADCRUMBS -----------------*/
	.breadcrumb  { background: none; border: none; padding: 0; margin-bottom: 0; color: #eee; text-transform: uppercase; }
	.breadcrumb>li+li:before { color: #fff; content: ">" }
	.breadcrumb>li { line-height: normal; }
		.breadcrumb a, .breadcrumb li {  font-size: 12px; }

	.page-heading.compact { margin-top: 115px; height: 53px; }
		.page-heading.compact .wrapper { padding: 10px 20px; }
			.page-heading.compact .breadcrumb { display: none; }
			.page-heading.compact h2 { margin: 0; font-size: 30px; font-size: 3rem; }

/* MAIN
----------------------------------------------------*/
.main { background: #fff; min-height: 300px; margin: 30px 0; transition: 0.35s linear; }
	.main h4 { margin-top: 25px; }
	.main.compact { margin-top: 190px; }
	.main > .wrapper { padding-top: 10px; }
		.main > .wrapper > h3 { margin-top: 0; }
		.main > .wrapper > h3.second-header { margin-top: 25px; }

.secondary-nav ul.nav li a { color: #333; text-transform: uppercase; margin-bottom: 30px; }
	.secondary-nav ul li:first-child a { padding-left: 0; }
	.secondary-nav ul li a:hover { background: none; }
	.secondary-nav ul.nav li.active a { background: none; border-bottom: 3px solid #2EA5DA; border-radius: 3px; color: #333; font-weight: bold; }
		.secondary-nav ul.nav li.active a:hover { color: #333; }

.legal-text { font-size: 14px; }
	p.update { color: #999; margin-bottom: 30px; }


/* REASONS LIST
----------------------------------------------------*/
.reasons-list { margin-top: 40px; }
	.reasons-list .number { background: #333;
		background: #75539e;
background: -moz-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#75539e),color-stop(100%,#c25b7c));
background: -webkit-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -o-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -ms-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: linear-gradient(30deg,#75539e 0%,#c25b7c 100%);

	width: 48px; height: 48px; border-radius: 24px; color: #fff; display: inline-block; text-align: center; font: 24px/48px "Book Antiqua", serif; margin-right: 15px; float: left; vertical-align: middle; }
	.reasons-list .row { margin-bottom: 30px; }
		.reasons-list .reason-title { font-size: 18px; line-height: 48px; vertical-align: middle; font-weight: bold; color: #444; }
		.reasons-list .reason-title.long { line-height: normal; }
		.reasons-list ul { background: url(../../images/website/steps_line.png) repeat-y 15px center; list-style-type: none; padding-left: 0 }
			.reasons-list ul li { margin-bottom: 20px; background: url(../../images/website/icon_cell_bullet.png) no-repeat 6px 8px;
							padding-left: 35px;  }


/* FORM
----------------------------------------------------*/
form label { font-weight: normal; }
	form label em { color: #900; font-weight: bold; }
	form.side-label .form-text { font-size: 14px;  }
	form.side-label .form-control { max-width: 300px; display: inline-block; }
	form.side-label label { display: inline-block; vertical-align: middle; width: 200px; margin-right: 10px; text-align: right; }
		form.side-label.single-item label { width: auto; }
	form.side-label .form-text { max-width: 400px; margin: -5px 0 0 10px; line-height: normal; display: inline-block; vertical-align: top }
	form.side-label .checkbox { margin-left: 210px; }
		form.side-label .checkbox label { text-align: left; width: auto; }
	form.side-label button { margin-left: 210px; }
		form.side-label.single-item button { margin-left: 55px; }

p.reqd { color: #900; margin-left: 210px; }

/* LISTS - Terms and Conditions
--------------------------------------------------------*/
ol ol { list-style-type: lower-roman; }
	ol ol ol { list-style-type: lower-latin; }

/* ABOUT US
---------------------------------------------------------*/
.about-main { margin: 0; }
.about-ff { background: #eee; }
	.profile-picture { margin-top: 30px;}
		.profile-picture img { display: block; max-width: 100%; height: auto; }
	hr { border-color: #ccc; }
	.profile-name { color: #444; font-size: 18px; margin: 5px 0; }
	.profile-title { font-size: 14px; color: #666 }
	.profile-picture img { width: 90%; max-width: 175px; }

	.tab-wrapper { background-color: #7e549a;
background: -moz-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#75539e),color-stop(100%,#c25b7c));
background: -webkit-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -o-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -ms-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: linear-gradient(30deg,#75539e 0%,#c25b7c 100%); }
	.tab-wrapper .nav-tabs { max-width: 980px; margin: 0 auto; padding: 0 20px; border: 0; }
	.nav-tabs li a { color: #fff; border-radius: 3px; border: 0;  }
		.nav-tabs li a:hover { background: #7e549a }

	.dropdown-toggle, .open>.dropdown-toggle.btn-secondary { border: 0; border-radius: 3px; width: 100%; background-color: #7e549a;
background: -moz-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#75539e),color-stop(100%,#c25b7c));
background: -webkit-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -o-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: -ms-linear-gradient(30deg,#75539e 0%,#c25b7c 100%);
background: linear-gradient(30deg,#75539e 0%,#c25b7c 100%); color: #fff; text-align: left; padding: 10px 12px; font-size: 16px; }
		.dropdown-toggle:hover { color: #fff; }

		.dropdown-menu { padding: 0; }
			.open>.dropdown-menu { top: 38px; width: 100%; border-radius: 3px; }
				.dropdown-menu>li>a { padding: 9px 20px; }
					.dropdown-menu>.active>a { background: #e5e5e5; color: #333; }
						.dropdown-menu>.active>a:hover { background: #eee;  color: #333;}

/* Knowledgebase
---------------------------------------------------------*/
.resources h4 { margin-top: 5px; color: #444; }
.resources ul { background: none; }
	.resources li { line-height: 26px; }


/* CAREERS
---------------------------------------------------------*/
.job-list { margin-top: 20px; list-style-type: disc; margin-left: 20px;  }
	.job-list li { padding: 10px 0; }
		.job-list li p { margin-bottom: 0; }
		.job-list li:last-child { border: 0; }
			.job-list li h3 { margin: 0 0 10px; font-size: 2.6rem; }
			.job-list li h4 {  }
			.job-list li .clearfix p { color: #666; }

	.job-description { padding: 5px 0 0; }
		.job-description a { font-size: 18px; }

	.job-description ul { list-style: disc; }
	.job-description ul ul { list-style: circle; }
	.job-description li { margin: 0; padding: 0; border: none; }

	p.back { margin-top: 20px; }

@media screen and (max-width: 992px) {
	form.side-label .form-text { display: block; margin: 0 0 0 210px; }

	.owl-theme .owl-controls .owl-buttons div.owl-prev { left: -10px;}
	.owl-theme .owl-controls .owl-buttons div.owl-next { right: -10px; }

	.video-container { text-align: right; padding-right: 15px; }

	.page-heading.lighthouse { background-position: 51% 0; }
}

@media screen and (max-width: 767px) {
	body { right: 0 !important; overflow-x: hidden; }
	.wrapper { margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }
	.offcanvas-menu-trigger { float: right !important; margin-left: auto !important; }
	header .wrapper, header.compact .wrapper { padding: 5px 20px; }
	header a.logo { max-width: 100px; }
	header a.logo-small { max-width: 100px; opacity: 1; }
	header nav ul.main-nav { display: block; float: none !important; margin-right: 0; margin-bottom: 10px; }
		header nav ul.main-nav li:last-child a { padding-right: 0; }

	h2 { font-size: 32px; font-size: 3.2rem; }
	.feature { padding: 20px 0; margin-top: 69px }
		.feature h2 { margin-top: 0; }
	.page-heading { margin-top: 69px; top: 0; }

	header nav, header.compact nav { margin-top: 0; }
		header nav .nav-pills { margin: 7px 0 0 0; }

	.reasons-list .reason-title { margin-bottom: 20px; }
	.reasons-list .reason-title.long { line-height: 48px; }
		.reasons-list .reason-title.long br { display: none; }

	.steps-indicator li { margin-right: 30px; }
	footer p span { display: inline; }
	footer .col-sm-4 { margin-top: 20px; }

	.testimonials { padding: 0; /* text-align: left; */}
	.testimonials h3 { margin-top: 10px; }
	.testimonials ul li { float: none; display: block; width: 100%; margin-bottom: 20px; overflow: auto; }
		.testimonials ul li .user-img { float: left; display: inline; text-align: center; width: 70px; height: 70px; line-height: 70px; margin-top: 10px; }
		.testimonials ul li blockquote { float: left; display: inline; padding-left: 20px; text-align: left; width: 70%; }


	.steps {  text-align: left }
		.steps-indicator { display: none; }
		.steps-text { border-left: 7px solid #ddd; margin-left: 24px; margin-top: 20px; display: block; }
			.steps-text li { float: none; display: block; width: 100%; padding-left: 40px; }
				.steps-text li span.number { display: inline-block; position: absolute; top: 20px; left: -30px; text-align: center; }
				.steps-text li p:last-child { position: static; text-align: left; }


	.benefits h3 { text-align: left; }
	.benefit-main { padding: 0 20px; }
		.benefit-main p { padding: 10px 0; }

	.video-promo { padding: 10px 0; }
		.video-promo iframe { width: 100% !important; }

	.reasons-list ul { margin-left: 50px; }
	.resources ul { margin: 20px 0 0 30px; }


	.modal-dialog { width: auto; }

	.profile-name, .profile-title { display: none; }
	.profile-picture { margin-bottom: 20px; text-align: center; }
		.profile-picture img { margin: 0 auto; }

	.video-container { text-align: Center; padding: 20px 0; }
	.video-description { padding: 15px; }


	.page-heading.lighthouse { background-position: 48% 0; }
}

@media screen and (max-width: 600px) {
	h2, .page-heading h2 { font-size: 28px; font-size: 2.8rem; }
	h3 { font-size: 28px; font-size: 2.8rem; }
	h4 { font-size: 18px; font-size: 1.8rem; }

	.feature p { font-size:22px; font-size: 2.2rem; }
	.feature .btn { padding: 8px 20px; }

	.benefits { padding: 0; }
	.img-benefit img { width: 70%; }


	/* Home Page - Logos --------- */
	.universities ul li { margin: 5px 0;  }
	.universities ul li img { width: 80%; }


	.video-promo { padding: 0; }

	.job-description { padding: 10px 0; }
	.job-list .float-end, .job-list .float-start { float: none !important; display: block; }
	.job-list .float-end { margin-top: 5px; color: #666 }


	/* FORM
	----------------------------------*/
	form.side-label .form-control { max-width: none; display: block; }
	form.side-label label { display: block; width: auto; margin-right: 0; text-align: left; }
	form.side-label .form-text { max-width: none; margin-left: 0; }
	form.side-label .checkbox { margin-left: 0; }
	form.side-label button { margin-left: 0; }
	p.reqd { margin-left: 0; }
	form.side-label.single-item button { margin-left: 0; }

	/* FOOTER -------*/
	footer .col-sm-8 .col-4 { display: block; width: 100%; }
}

@media screen and (max-width: 480px) {
	.wrapper { padding: 10px 15px !important; margin-left: auto !important; margin-right: auto !important; }
	header nav ul li a { font-size: 14px; }
		header nav ul.main-nav li a { padding: 0 10px; }

	.breadcrumb { display: none !important; }
	.page-heading h2 { margin: 0; font-size: 28px; font-size: 2.8rem; }

	.feature .btn { padding: 5px 20px; font-size: 16px; font-size: 1.6rem;  }

	.resources ul { margin-left: 15px; }

	.feature, .page-heading { margin-top: 76px; }


	.reasons-list .reason-title.long { line-height: normal; }
		.reasons-list .reason-title.long br { display: block; }

	.benefit-main .col-3 { display: block; float: none; text-align: center; width: 100%; }
		.benefit-main .col-3 img { max-width: 100px; }
		.img-benefit img { width: 60%; }

		.benefit-main .col-9 { display: block; float: none; width: 100%; }
	.video-container > video { width: 100%; display: block; }




}

@media screen and (max-width: 320px) {
	.testimonials ul li .user-img { width: 80px; height: 80px; line-height: 80px; border-radius: 40px; }

	.img-benefit img { width: 50%; }
}

/* =================================
 * Login modal for static pages
 * ================================= */
.remember-me-text-box{
 padding-top: 5px;
}

/* =================================
 * Privacy
 * ================================= */
.privacy-assurance {
  font-size: 75%;
}