/* 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-family: 'Merriweather', serif;  font-weight: 300 }

h2 { font-size: 36px; font-size: 3.6rem; }
h3 { font-size: 20px; font-size: 2.0rem; font-weight: 400; }
h4 { font-size: 18px; font-size: 1.8rem; font-weight: 600; }

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

a, a:visited, .btn-link { color: #7e549a; text-decoration: none; }
a:hover, a.btn-link:hover { color: #51006b; text-decoration: none; }
a:focus { background: none; outline: 0; }
.btn-default:active, .btn-default: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%,#9e4dab 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#75539e),color-stop(100%,#9e4dab));
background: -webkit-linear-gradient(30deg,#75539e 0%,#9e4dab 100%);
background: -o-linear-gradient(30deg,#75539e 0%,#9e4dab 100%);
background: -ms-linear-gradient(30deg,#75539e 0%,#9e4dab 100%);
background: linear-gradient(30deg,#75539e 0%,#9e4dab 100%);
	color: #fff; border: none; }
	
.company-name { white-space: nowrap; }

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

.btn-primary, a.btn-primary:visited { background: #eb5a28; border: 0; color: #fff; }

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus { background: #eb5a28;  }

.btn-default .glyphicon { vertical-align: middle; margin-bottom: 5px; }

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

.offcanvas-menu { position: fixed; width: 160px; top: 66px; right: 0; height: 0; overflow: hidden; background: #444; color: #fff; z-index: 300; transition: 0.75s ease-in; box-sizing: border-box; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
	.offcanvas-menu .nav>li>a { padding: 15px 30px; color: #fff; border-bottom: 1px solid #666; }
	.offcanvas-menu .nav>li>a:hover { background: #222; }
		#home-page .offcanvas-menu .nav>li.home>a,
		#about-page .offcanvas-menu .nav>li.about>a,
		#contact-us .offcanvas-menu .nav>li.contact>a { text-transform: uppercase; font-weight: bold; }

body.active .offcanvas-menu { height: 100%; }

.page {  }


/* HEADER
---------------------------------------------------*/
	
	header { background: #c0c2ce; z-index: 200; background: #c0c2ce; box-shadow:0 1px 3px rgba(0,0,0,.05); }
		header .wrapper { position: relative; padding: 0 20px; }
		
		header.regular { background: #c0c2ce; background: #ddd; background: #f7f7f7; 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 #bbb; transition:  0.5s 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; max-width: 200px; }
		header img { display: block; max-width: 100%; height: auto; }

	/* MAIN NAVIGATION --------*/
	header nav { transition: margin 0.35s linear; margin-top: 20px; }
	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 ; }
			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-right: 1px solid #666; border-radius: 0; white-space: nowrap; text-transform: uppercase; font-size: 14px; font-size: 1.4rem; border-right: 1px solid #aaa; padding: 0 25px }
			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; color: #eb5a28; }
			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,
			#about-page header nav ul.main-nav li.about a { color: #666; text-transform: uppercase; font-weight: bold; text-decoration: none; }
				#home-page header nav ul.main-nav li.home a:hover,
				#about-page header nav ul.main-nav li.about a:hover { background: none; color: #666; text-decoration: none; }
	
	header .offcanvas-menu-trigger { padding: 13px 15px; }
		header .offcanvas-menu-trigger.open { background: #444; color: #fff; }
			header .offcanvas-menu-trigger.open a { color: #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: 13px; 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: #eb5a28; text-decoration: none; white-space: nowrap; font-size: 13px; }
	footer p { font-size: 14px; margin-bottom: 0; line-height: 1.6; }
		footer a:hover { color: #2ea5da; color: #e5bdff; text-decoration: none; }
		.footer-nav { white-space: nowrap; }
		.footer-nav a { padding: 0 6px; border-right: 1px solid #777; }
			.footer-nav a:last-child { border-right: none; }
					
		footer p span { display: block; }
			.patents { margin-top: 20px; color: #ccc; }
			.social { color: #999; margin-top: 20px; }
			.social a img { display: inline-block; }
			.social a { margin: 0 5px; text-decoration: none; }
	
	#home-page .footer-home { display: none; }

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

.feature { background: #4a175a; background: #7f8183; color: #fff; text-align: center; padding: 50px 0; margin-top: 87px; }
	.feature h2 { margin: 0 0 30px; font-family: 'Merriweather', serif; line-height: 1.5; }
	.feature p { font-size: 24px; font-size: 2.4rem; margin-bottom: 30px;  }
	.feature .btn { border-radius: 3px; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; padding: 10px 40px; border: 0; }

		.feature .btn-default { background: none; border: 0; color: #fff; }
		.btn-primary { background: #EB5A28; }
	.feature .wrapper { max-width: 65%; padding: 20px 0; }
	
	@media screen and (max-width: 768px) {
		.feature .wrapper { max-width: 80%; }	
		.feature h2 { font-size: 20px; font-size: 2rem; }
		.feature h3 { font-size: 16px; font-size: 1.6rem; }
	}
			
	
/* GRAPH
----------------------------------------------------*/
.graph .wrapper { padding: 50px 0; }
.graph img { margin: 0 auto; }

@media screen and (max-width: 768px) {
	.graph .wrapper { padding: 20px; }	
}


/* 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: #fff; 
	/*background: #51006b;
background: -moz-linear-gradient(30deg,#51006b 0%,#9e4dab 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#51006b),color-stop(100%,#9e4dab));
background: -webkit-linear-gradient(30deg,#51006b 0%,#9e4dab 100%);
background: -o-linear-gradient(30deg,#51006b 0%,#9e4dab 100%);
background: -ms-linear-gradient(30deg,#51006b 0%,#9e4dab 100%);
background: linear-gradient(30deg,#51006b 0%,#9e4dab 100%); */
color: #474747; margin-top: 95px; position: relative; }
	.page-heading a { color: #474747; }
	.page-heading .wrapper { padding: 15px 20px 10px; }
		.page-heading h2 { margin: 8px 0; font-size: 32px; font-size: 3.2rem; font-weight: 400 }
		.page-heading.lighthouse { background: url(../images/bg_lighthouse_1.png) no-repeat 52% 0; background-size: cover; }
	
	/* BREADCRUMBS -----------------*/
	.breadcrumb  { background: none; border: none; padding: 0;  margin-bottom: 20px; font-size: 11px; color: #999; text-transform: uppercase; }
	.breadcrumb>li+li:before { color: #474747; 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: 400px; margin: 10px 0 30px; 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: 0; 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; }

			
/* FORM
----------------------------------------------------*/				
form label { font-weight: normal; }
	form label em { color: #900; font-weight: bold; }	
	form.side-label .help-block { 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 .help-block { 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: 185px; border: 3px solid #ccc  }
	
	.tab-wrapper { background: #fff; max-width: 980px; margin: 0 auto;  padding: 0 20px; }
	.tab-wrapper .nav-tabs { border: 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee;}

	.nav-tabs li a { color: #444; border-radius: 0; border: 0; margin-right: 0; text-transform: uppercase; font-size: 14px; font-size: 1.4rem;  }
		.nav-tabs li:first-child a { margin-left: 0; }
		.nav-tabs li a:hover,
		.nav-tabs li a:active,
		.nav-tabs li a:focus { background: none; color: #000; color: #eb5a28; }
		.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border: 0; border-bottom: 2px solid #444 }
		
	.dropdown-toggle, .open>.dropdown-toggle.btn-default { border: 0; border-radius: 0; width: 100%; background: #eee; color: #444; text-align: left; padding: 10px 12px; font-size: 16px; }
		.dropdown-toggle:hover { color: #444; }
		
		.dropdown-menu { padding: 0; }
			.open>.dropdown-menu { top: 38px; width: 100%; border-radius: 0; }
				.dropdown-menu>li>a { padding: 9px 20px; }
					.dropdown-menu>.active>a { background: #e5e5e5; color: #333; }
						.dropdown-menu>.active>a:hover { background: #eee;  color: #333;}
	
/* FAQ
---------------------------------------------------------*/
.resources h4 { margin-top: 5px; color: #444; }
.resources ul { background: none; }
	.resources li { line-height: 26px; }	
	
	.faqs dd { margin-bottom: 35px; margin-left: 25px }
		.faqs dd p { margin-bottom: 0; }
	
	
/* CONTACT US
---------------------------------------------------------*/	
	form label span { color: #666; font-size: 85%; }	
	

/* TERMS & PRIVACY
---------------------------------------------------------*/	
	
	.legal-text ol.decimal-list li h3 { font-size: 18px; font-weight: 600 }
	.legal-text ol.decimal-list li h4 { font-size: 16px; }
	.legal-text p { margin-bottom: 10px; }
	
	ol.jumpLinks { margin: 20px; }
	ol.termtext { margin-left: 0; padding-left: 0; margin-top: 40px; }
	

@media screen and (max-width: 992px) {	
	form.side-label .help-block { 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) {
	
	h2 { font-size: 90%; }
	
	header .wrapper, header.compact .wrapper { padding: 0; }
	header a.logo { max-width: 149px; }
	header a.logo-small { max-width: 100px; opacity: 1; }
	header nav ul.main-nav { display: none; float: none !important; margin-right: 0; margin-bottom: 10px; }		
		
	h2 { font-size: 32px; font-size: 3.2rem; }
	.feature { padding: 20px 0; margin-top: 54px }	
		.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%; font-size: 18px; font-size: 1.8rem; }
		.testimonials ul li blockquote cite { font-size: 14px; font-size: 1.4rem; }
		
	
	.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; border: 3px solid #ccc }
		
	.video-container { text-align: Center; padding: 20px 0; }
	.video-description { padding: 15px; }
	
	
	.page-heading.lighthouse { background-position: 48% 0; }
	
	
	footer, footer .text-right { text-align: center !important; }
	footer .text-right { margin-top: 10px; }
	
}

@media screen and (max-width: 600px) {
	.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 .pull-right, .job-list .pull-left { float: none !important; display: block; }
	.job-list .pull-right { 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 .help-block { 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-xs-4 { display: block; width: 100%; }
	
	.legal-text ol.decimal-list { padding-left: 13px; margin: 0; }
	.legal-text ol.decimal-list li { display: list-item; }
		.legal-text ol.decimal-list li:before { display: none; }
		.legal-text ol.decimal-list ol { margin-left: 10px; padding-left: 0; }
}

@media screen and (max-width: 480px) {
	.wrapper { padding: 10px 15px !important; }
	header .wrapper { padding: 0 !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: 15px 0 0 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: 68px; }
	
	
	.reasons-list .reason-title.long { line-height: normal; }
		.reasons-list .reason-title.long br { display: block; }
		
	.benefit-main .col-xs-3 { display: block; float: none; text-align: center; width: 100%; }
		.benefit-main .col-xs-3 img { max-width: 100px; }
		.img-benefit img { width: 60%; }
		
		.benefit-main .col-xs-9 { display: block; float: none; width: 100%; }
	.video-container > video { width: 100%; display: block; }
	
	.tab-wrapper { padding: 0; }
	
	.nav-tabs li a { padding: 10px 13px; }
	
	/* Footer --------- */
	
	span.rights { display: block; }
	
	.footer-nav a { display: block; padding: 10px; border: 0; border-top: 1px solid #444; }
	.footer-nav a:last-child { border-bottom: 1px solid #444; }		
}

@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%; }
	
	
	.legal-text ol.decimal-list { padding: 0; margin: 0 -5px; list-style-type: none; }
	.legal-text ol.decimal-list li { display: list-item; }
		.legal-text ol.decimal-list li:before { display: none; }
		.legal-text ol.decimal-list ol { margin-left: 0; padding-left: 0; list-style-type: none; }
	
}

/* HOME -- Feature --------- */
.feature h3 { width: 75%; margin: 0 auto 25px; line-height: 1.5; font-weight: 400; font-weight: normal; }
	.btn-primary { font-size: 16px; padding: 10px 30px; }
	
	.carousel-wrapper { background: #eee; padding: 10px 0 30px 0; }
	.carousel { position: relative; }
	.carousel ul.panes { margin: 0; padding: 0; list-style: none;}
	.panes { height: 510px; overflow: hidden; text-align: center; }
	.panes > li { width: 100%; height: 510px;  }
	.panes > li.showing { display: block; }
    .carousel img { max-width: 100%; }
	
	.panes li .title { padding: 0 1rem 1rem;  }
		.title > h2 { padding: 0; margin-bottom: 20px; font-size: 2.4rem; text-align: center; }		
		.title > p { color: #fff; font-size: 1.6rem; margin: 3px 0 0 0; }
		
		
		
	.carousel .prev { position: absolute; left: 20px; top: 50%; color: #777; font-size: 32px; cursor: pointer; display: none }
	.carousel .next { position: absolute; right: 20px; top: 50%; color: #777; font-size: 32px; cursor: pointer; display: none }
	
	.carousel .next.disabled,
	.carousel .prev.disabled { opacity: 0.5; }
	
	.pagination-dots { position: absolute; bottom: -38px; left: 0; width: 100%; text-align:center; }
		.pagination-dots span { display: inline-block; margin: 0 2px; color: #999; font-size: 30px }
			.pagination-dots span.active { color: #444; }

/* HOME - Testimonials --------- */
.testimonials { background: #eee;  }
	.testimonials h2 { padding-bottom: 15px; }
	.testimonials blockquote p { line-height: 1.5; position: relative; }
	.testimonials .col-sm-6 { padding-top: 15px; text-align: left;  }
		.border-left { border-left: 1px solid #ddd; }
		.border-right { border-right: 1px solid #ddd; }
	.testimonials .row { border-bottom: 1px solid #ddd; position: static; }
	.testimonials .row:last-child { border-bottom: 0; }
	.testimonials blockquote p:before { width: 55px; content: url(../images/left_quote.png); }
	.testimonials blockquote p:last-child:before { width: 0; content: ""; }
	.testimonials a { color: #eb5a28; }