/**************************
       Global Styles
***************************/
body {margin: 0;}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;}
ul {margin: 0; padding: 0;}
p, a, ul li {font-family: Helvetica, Arial, Sans-serif;}
a:hover {background: #D6DDFF; text-decoration: none;}
input:focus,
select:focus,
textarea:focus,
button:focus {outline: none;}
#Add2Home {display: none;}
.btn a{text-align: center !important;}
.wrapper {transition: all .5s linear; overflow: auto; width: 100%; margin: auto; padding: 0;}
.mobile-only {display: none;} /* Only displays below 767px */
.container {overflow: auto; width: 100%; max-width: 1200px; margin: auto;}
.formtext {font-family: Helvetica, Arial, Sans-serif; font-size: 13px; line-height: normal; margin: 0; padding: 0;}
.formlabel {font-family: Helvetica, Arial, Sans-serif; font-size: 13px; line-height: normal; margin: 0; padding: 0; font-weight: bold; }
.top {margin-top: 215px;}
.banner {width: 100%; background-size: cover; background-repeat: no-repeat; padding: 0;}
.home .banner {width: 100%; height: 500px; background-size: cover; background-repeat: no-repeat; padding: 0;}
.banner h2 {color: #fff; font-size: 30pt; font-weight: lighter; letter-spacing: 4px; margin: 210px 250px 0 50px;}
.banner.second {height: 600px;}
.banner.second h2 {width: 40%; float: right; text-align: right; padding: 0 40px 0 0;}
/* Added by JCP */
.topnosecondarynav {margin-top: 150px;}
/* Added by JCP */
.toptertiarynav {margin-top: 255px;}
.banner.custom h2 {width: 40%; float: left; text-align: left; padding: 0 40px 0 0; color: #4159ce;}
.generallink a {color: #4159CE; text-decoration: none;}
.generallink a:hover {background: #D6DDFF; color: #F6471E; text-decoration: none;}


/**************************
       Breadcrumbs
***************************/
.breadcrumbs {margin: 40px 0 10px 0;}
.breadcrumbs span {color: #010d43; margin: 0 5px;}
.breadcrumbs p {color: #010d43; font-size: 8pt; text-transform: uppercase;}
.breadcrumbs a, .breadcrumbs p a {color: #4159ce; font-size: 8pt; text-decoration: none;}
.breadcrumbs a:hover, .breadcrumbs p a:hover {background: #D6DDFF; color: #F6471E;}

/**************************
  General Section Styles
***************************/
.section h2 {color: #4159ce; font-weight: lighter; font-size: 22pt; text-transform: uppercase; letter-spacing: 5px; margin: 15px 0;}
.section p {margin: 0 0 15px 0;}
.section p, .section ul li {color: #010d43; line-height: 18pt;}
.section ul {margin: 10px 0 10px 40px;}
.section ul li a {color: #4159ce; text-decoration: none;}
.section ul li a:hover {background: #D6DDFF; color: #F6471E; text-decoration: none;}
.buttons .btn {display: inline-block; background: #4159ce; color: #fff; text-decoration: none; margin: 20px 10px 20px 0; padding: 15px 25px; text-align: center;}
.buttons .btn:hover {background: #D6DDFF; color: #F6471E;}
#primaryContain {transition: all .5 linear; position: relative; z-index: 2; background: #fff; width: 100%; max-width: 1300px; margin: auto;}
#interior {overflow: auto; width: 100%; max-width: 1200px; margin: auto;}

/**************************
   Share/Contact Styles
***************************/
#exterior {float: right; width: 50px; height: 100%; overflow: auto;}
#exterior .content {position: fixed; top: 75%;  padding: 0 0 0 10px;}
#exterior span {cursor: pointer; background: #f6471e; box-shadow: 0 5px 2px 0 rgba(000,000,000,0.2); width: 50px; height: 50px; color: #fff; font-size: 21pt; text-decoration: none; text-align: center; display: block; border-radius: 50%;}
#exterior span i {margin: 10px 0 0 0;}
#exterior p {color: #f6471e; font-size: 6pt; text-transform: uppercase; text-decoration: none; text-align: center;}
#exterior a {color: #f6471e; text-decoration: none;}
#exterior .social:hover span {background: #D6DDFF; color: #F6471E;}
#exterior .contact:hover span {background: #D6DDFF; color: #F6471E;}

/**************************
       Header Styles
***************************/
.head {position: fixed; top: 0; z-index: 999; width: 100%; max-width: 1200px; background: #fff; padding: 5px 0 0 0;}
.topBar {overflow: auto; padding: 10px 0 15px 0;}
.topBar .hd-logo {overflow: auto; display: block; float: left; width: 43%; height: 80px;}
.topBar .hd-logo a {display: block; overflow: auto; color: #fff; background: #fff; margin: 0; padding: 0;}
.topBar .hd-logo img {width: 100%; max-width: 499px;}
.topBar .hd-logo img.logoName {width: 100%; max-width: 400px; margin: 0 0 10px 0;}
.topBar .myBarlow {width: 30%; height: 60px; float: left; text-align: center; margin: 0; padding-top: 10px;}
.topBar .myBarlow p {display: inline-block;}
.topBar .myBarlow .title {font-size: 11px; margin: 0 10px 0 0; color: #7e7e80;}
.topBar .myBarlow .title a {color: #F6471E; font-size: 11pt;}
.topBar .myBarlow .title a:hover {background: #D6DDFF; color: #F6471E;}
.topBar .myBarlow .name {font-size: 12pt; margin: 0 10px 0 0;}
.topBar .myBarlow .log {margin: 0 10px 0 0;}
.topBar .myBarlow .log a {font-size: 9pt; text-transform: uppercase;}
.topBar .myBarlow .log a:hover {background: #D6DDFF; color: #F6471E;}
.topBar .myBarlow p a {color: #728aff; text-decoration: none;}
.topBar .myBarlow .cart {display: inline-block; cursor: pointer; margin: 0 15px 0 0;}
.topBar .myBarlow .cart .items {position: absolute; z-index: 995; background: #010d43; color: #fff; font-size: 8pt; text-align: center; border-radius: 50%; width: 15px; height: 14px; margin: 12px 0 0 8px; padding-top: 2px;}
.topBar .myBarlow .cart p a {font-size: 9pt;}
.topBar .myBarlow .cart p a i {font-size: 20pt; margin: 0 10px 0 0;}
.topBar .myBarlow .cart:hover .items {background: #F6471E; color: #fff;}
.topBar .myBarlow .cart:hover p a {color: #010d43; background: #fff;}
.topBar .search {width: 26%; height: 55px; float: right; margin: 0; padding-top: 25px;}
.topBar .search input.search-input {float: left; width: 85%; height: 30px; background: #bfcaff; border: none; border-radius: 5px 0 0 5px; font-size: 12pt; margin: 0; padding: 0 0 0 10px !important;}
.topBar .search input.search-submit {float: left; cursor: pointer; background: #bfcaff; background-image: url('../images/search.png'); background-repeat: no-repeat; background-position: center center; background-size: 50%; width: 30px; height: 30px; border: none; border-radius: 0 5px 5px 0; margin: 0 0 -20px -5px;}

/**************************
    Primary Navigation
***************************/
nav.primary {width: 100%; background: #728aff;}
nav.primary ul {text-align: center; margin: 0 30px;}
nav.primary ul li {list-style: none; display: inline-block;}
nav.primary ul li a {display: block; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 12pt; text-transform: uppercase; text-decoration: none; padding: 17px 20px;}
nav.primary ul .active a {color: #010d43;}
nav.primary ul li a:hover {background: #D6DDFF; color: #F6471E;}

/**************************
    Mobile Navigation
***************************/
.mobileNav {display: none;}
.mobileMenu {display: none;}

/**************************
    Secondary Navigation
***************************/
#secondaryNav {position: absolute; z-index: 998; width: 100%; max-width: 1200px; background: #010d43; margin: -5px auto 0 auto;}
#secondaryNav ul {text-align: left; margin: 0 100px 0 0; padding-left: 60px;}
#secondaryNav ul li {list-style: none; display: inline-block; vertical-align: top; text-align: center;}
#secondaryNav ul li a {display: block;; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 12pt; text-transform: uppercase; text-decoration: none; margin: 0 0 0 -4px; padding: 17px 35px;}
#secondaryNav ul .active a {background: #4159ce; text-align: center;}
#secondaryNav ul li a:hover  {content: ""; background: #D6DDFF; color: #F6471E;}
#secondaryNav ul .active::after {content: "arrow"; background-image: url(../images/active-arrow.png); background-repeat: no-repeat; background-position: center center; color: transparent; font-family: fontAwesome; font-style: normal; font-weight: normal; font-size: 24pt; text-align: center; text-decoration: inherit; position: absolute; z-index: 999; margin: -20px 0 0 -40px; padding: 0; cursor: pointer;}
#secondaryNav ul .active:hover::after {content: "";}
#secondaryNav.navbar-fixed {position: fixed; top: 168px;}
.secondaryMobile {display: none;}

/**************************
    My Barlow Primary Navigation
***************************/
nav.mybarlowprimary {width: 100%; background: #728aff;}
nav.mybarlowprimary ul {text-align: center; margin: 0 5px 0 15px;}
nav.mybarlowprimary ul li {list-style: none; display: inline-block;}
nav.mybarlowprimary ul li a {display: block; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 12pt; text-transform: uppercase; text-decoration: none; padding: 17px 15px;}
nav.mybarlowprimary ul .active a {background: #F6471E; color: #FFFFFF; font-size: 12pt; padding: 17px 15px; margin: 0 0 0 25px; text-transform: none;}
nav.mybarlowprimary ul li a:hover {background: #D6DDFF; color: #F6471E;}

/**************************
    MyBarlow Sub-Navigation
***************************/
#MyBarlowSubNav {position: absolute; z-index: 998; width: 100%; max-width: 1200px; background: #010d43; margin: -5px auto 0 auto; border-top: solid 8px #F6471E;}
#MyBarlowSubNav ul {text-align: left; margin: 0 100px 0 0; padding-left: 60px;}
#MyBarlowSubNav ul li {list-style: none; display: inline-block; vertical-align: top; text-align: center;}
#MyBarlowSubNav ul li a {display: block;; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 12pt; text-transform: uppercase; text-decoration: none; margin: 0 0 0 -4px; padding: 13px 16px;}
#MyBarlowSubNav ul .active a {background: #4159ce; text-align: center;}
#MyBarlowSubNav ul li a:hover  {content: ""; background: #D6DDFF; color: #F6471E;}
#MyBarlowSubNav ul .active::after {content: "arrow"; background-image: url(../images/active-arrow.png); background-repeat: no-repeat; background-position: center center; color: transparent; font-family: fontAwesome; font-style: normal; font-weight: normal; font-size: 24pt; text-align: center; text-decoration: inherit; position: absolute; z-index: 999; margin: -20px 0 0 -40px; padding: 0; cursor: pointer;}
#MyBarlowSubNav ul .active:hover::after {content: "";}
#MyBarlowSubNav.navbar-fixed {position: fixed; top: 168px;}
.MyBarlowSubMobile {display: none;}

/**************************
    Tertiary Navigation
***************************/
#tertiaryNav {position: absolute; z-index: 996; width: 100%; max-width: 1200px; background: #D6DDFF; margin: -5px auto 0 auto;}
#tertiaryNav ul {text-align: left; margin: 0 100px 0 0; padding-left: 60px;}
#tertiaryNav ul li {list-style: none; display: inline-block; vertical-align: top; text-align: center;}
#tertiaryNav ul li a {display: block;; color: #010d43; font-family: 'Montserrat', sans-serif; font-size: 12pt; text-transform: uppercase; text-decoration: none; margin: 0 0 0 -4px; padding: 17px 35px;}
#tertiaryNav ul .active a {background: #D6DDFF; color: #F6471E; text-align: center;}
#tertiaryNav ul li a:hover  {content: ""; background: #F6471E; color: #D6DDFF;}
#tertiaryNav ul .active::after {content: "arrow"; background-image: url(../images/active-arrow2.png); background-repeat: no-repeat; background-position: center center; color: transparent; font-family: fontAwesome; font-style: normal; font-weight: normal; font-size: 24pt; text-align: center; text-decoration: inherit; position: absolute; z-index: 997; margin: -20px 0 0 -40px; padding: 0; cursor: pointer;}
#tertiaryNav ul .active:hover::after {content: "";}
#tertiaryNav.navbar-fixed {position: fixed; top: 221px;}
.tertiaryMobile {display: none;}

/**************************
        Template 1
***************************/
.home .top {margin-top: 0px;}
.home .banner.first {margin-top: 140px;}
.home .section {overflow: auto; padding: 0;}
.home #section1 {border-bottom: 2px solid #d6ddff; margin: 0; padding: 35px 0 0 0;}
.home #section1 .who {float: left; width: 100%; max-width: 50%; padding: 20px 10px 0 50px;}
.home #section1 .insights {float: right; width: 425px; min-height: 400px; background: #728aff; color: #fff; margin: 13px 0 0 0; padding: 25px 0 0 0;}
.home #section1 .insights p {color: #fff; font-family: 'Montserrat', sans-serif; font-size: 12pt; margin: 0;}
.home #section1 .insights .bigNum p {font-size: 26pt; margin: 0 0 5px 0;}
.home #section1 .insights .desc p {font-size: 8pt; text-transform: uppercase; line-height: 10pt;}
.home #section1 .insights .years {width: 100%; margin: 0 0 10px 0;}
.home #section1 .insights .years h1 {font-size: 100pt; font-weight: lighter; margin: 0;}
.home #section1 .insights .years img {margin: 35px 0 0 0;}
.home #section1 .insights .left {display: inline-block; vertical-align: top; width: 48%; text-align: right;}
.home #section1 .insights .right {display: inline-block; vertical-align: top; width: 45%; text-align: left; margin: 0 0 0 25px;}
.home #section1 .insights .clients {width: 100%; margin: 0 0 40px 0;}
.home #section1 .insights .published {width: 100%;}
.home #section2 p {line-height: normal; margin: 0;}
.home #section2 .events {float: left; border-right: 2px solid #d6ddff; width: 100%; max-width: 540px; padding: 30px 20px 45px 50px;}
.home #section2 .event {margin: 0 0 10px 0;}
.home #section2 .podcast {margin: 0 0 20px 0;}
.home #section2 .podcasts {float: right; width: 100%; max-width: 525px; padding: 30px 5px 45px 0;}
.home #section2 .date, .home #section2 .info, .home #section2 .add {display: inline-block; vertical-align: top;}
.home #section2 .datesp {width: 28px; background: #d6ddff; text-align: center; padding: 5px; border: solid 1px #F6471E; display: inline-block; vertical-align: top;}
.home #section2 .datesp, .home #section2 .info, .home #section2 .add {display: inline-block; vertical-align: top;}
.home #section2 .datesp p {color: #F6471E;}
.home #section2 .datesp .month {font-size: 8pt; text-transform: uppercase;}
.home #section2 .date {width: 30px; background: #F6471E; text-align: center; padding: 5px;}
.home #section2 .date p {color: #fff;}
.home #section2 .date .month {font-size: 8pt; text-transform: uppercase;}
.home #section2 .event .info {width: 75%; padding: 0 0 0 15px;}
.home #section2 .info .type {color: #010d43; font-size: 8pt; text-transform: uppercase;}
.home #section2 .info .description {color: #4159ce; margin: 5px 0 0 0;}

/*added by JCP*/
.home #section2 .events .description a {color: #4159ce; text-decoration: none;}
.home #section2 .events .description a:hover {background: #D6DDFF; color: #F6471E;}
.home #section2 .podcasts .description a {color: #4159ce; text-decoration: none;}
.home #section2 .podcasts .description a:hover {background: #D6DDFF; color: #F6471E;}

.home #section2 .podcast .info {width: 45%; padding: 0 0 0 15px;}
.home #section2 .podcasts .podcast .add {padding: 0 0 0 30px;}
.home #section2 .podcasts .podcast .add a {display: block; color: #4159ce; background: #d6ddff; padding: 12px 20px; text-decoration: none;}
.home #section2 .podcasts .podcast .add a:hover {display: block; color: #F6471E; background: #d6ddff; padding: 12px 20px;}
.home #section2 .podcasts .podcast .add a img:last-child {display: none;}
.home #section2 .podcasts .podcast .add a:hover img:first-child {display: none;}
.home #section2 .podcasts .podcast .add a:hover img:last-child {display: block;}
.home #section3 {border-bottom: 2px solid #d6ddff; padding: 20px 50px 30px 50px;}
.home #section3 p {line-height: normal; margin: 0;}
.home #section3 .topic {display: inline-block; width: 24%; vertical-align: top; padding: 0 5px 0 0;}
.home #section3 .topic img {margin: 0 0 5px 0;}
.home #section3 .info .type {color: #010d43; font-size: 8pt; text-transform: uppercase;}
.home #section3 .info .description {color: #4159ce; width: 80%; line-height: 16pt; margin: 5px 0 10px 0; padding: 3px 0 0 0;}
.home #section3 .info .content {font-size: 13px; width: 80%; line-height: 16pt; margin: 5px 0 20px 0; padding: 3px 0 0 0;}
.home #section3 .topic .add a {display: block; width: 75px; color: #4159ce; background: #d6ddff; font-size: 10pt; text-decoration: none; text-align: center; padding: 10px 20px;}
.home #section3 .topic .add a:hover {color: #F6471E;}
.home #section3 .buttons {margin-top: 20px;}
.home #section4 {padding: 30px 50px 30px 50px;}
.home #section4 p {width: 100%; max-width: 820px; font-size: 12pt;}
.home #section4 .featured h3 {color: #4159ce; margin: 0 0 10px 0;}
.home #section4 .featured h4 {color: #010d43; font-size: 10pt;}
.home #section4 .featured .faq {display: inline-block; vertical-align: top;}
.home #section4 .featured .faq p {color: #010d43; font-size: 10pt; line-height: 16pt; margin: 5px 0 0 0;}
.home #section4 .featured .faq1 {color: #010d43; width: 700px; padding: 0 20px 0 0;}
.home #section4 .featured .faq2 {color: #010d43; padding: 0 0 0 40px;}
.home #section4 .buttons {margin-top: 20px;}
.home #secondaryNav.navbar-fixed {position: fixed; top: 165px;}
.home #tertiaryNav.navbar-fixed {position: fixed; top: 218px;}

/**************************
        Template 2
***************************/
.subscription .banner {min-height: 300px;}
.subscription .banner h2 {width: 40%; font-size: 18pt; margin: 120px 0 0 50px;}
.subscription #section1 {border-bottom: 2px solid #d6ddff; }
.subscription #section1 h2 {color: #010d43; font-size: 28pt;}
.subscription #section1 .process {border-bottom: 2px solid #d6ddff; margin: 30px 0 0 0; padding: 0 0 30px 0;}
.subscription #section1 .stage {display: inline-block; vertical-align: top;}
.subscription #section1 .stage img {display: inline-block; vertical-align: top;}
.subscription #section1 .stage .info {display: inline-block; vertical-align: top; width: 200px; padding: 5px 0 0 15px;}
.subscription #section1 .stage .info h4 {color: #010d43; font-size: 10pt; line-height: 14pt; margin: 0 0 5px 0;}
.subscription #section1 .stage .info p {color: #010d43; font-size: 10pt; line-height: 14pt;}
.subscription #section1 .options {margin: 30px 0 0 0;}
.subscription #section1 .option {display: inline-block; vertical-align: top; width: 555px; padding: 0 40px 0 0;}
.subscription #section1 .option h3 {color: #4159ce; font-weight: lighter; text-transform: uppercase; margin: 0 0 5px 0;}
.subscription #section1 .option p {color: #010d43; font-size: 10pt; line-height: 14pt; margin: 0;}
.subscription #section1 .option a {color: #4159ce; font-size: 10pt; font-weight: bold; text-decoration: none;}
.subscription #section1 .option a:hover {background: #D6DDFF; color: #F6471E;}
.subscription #section1 .business {display: inline-block; vertical-align: top; width: 560px; padding: 20px 20px 0 0;}
.subscription #section1 .business.second {width: 545px; padding: 20px 20px 0 15px;}
.subscription #section1 .business .biz {padding: 0 0 5px 0;}
.subscription #section1 .business h3 {color: #010d43; font-size: 12pt; margin: 0 0 5px 0;}
.subscription #section1 .business h4 {color: #010d43; font-size: 10pt;}
.subscription #section1 .business ul {margin-top: 0;}
.subscription #section1 .business p, .subscription #section1 .business ul li {width: 530px; color: #010d43; font-size: 10pt; line-height: 14pt;}
.subscription #section1 .business p {margin-bottom: 5px;}
.subscription #section1 .business .buttons .btn {width: 175px; text-align: center;}
.subscription #section1 .business .buttons .btn.two {background: #d6ddff; color: #4159ce;} 
.subscription #section1 .business .buttons .btn.two:hover {background: #D6DDFF; color: #F6471E;}
.subscription #section1 .business .qkContact {background: #728aff; width: 420px; margin: 20px 0 0 0; padding: 15px;}
.subscription #section1 .business .qkContact h3 {color: #fff; font-size: 14pt; font-weight: lighter; text-transform: uppercase; margin: 0}
.subscription #section1 .business .qkContact h4 {color: #fff; font-size: 11pt; font-weight: lighter; text-transform: uppercase; margin: 0 0 5px 0;}
.subscription #section1 .business .qkContact form input {border: none; border-radius: 0; font-size: 14pt; padding: 5px;}
.subscription #section1 .business .qkContact form input.text {display: inline-block; vertical-align: top; width: 180px; height: 30px; margin: 0 10px 10px 0;}
.subscription #section1 .business .qkContact form textarea {width: 385px; min-height: 75px; font-size: 14pt; margin: 0 0 10px 0; padding: 5px;}


.subscription #section1 .business .qkContact form input.inputfield {
	width: 385px; height: 30px;
}
.subscription #section1 .business .qkContact form textarea.inputfield {
	width: 385px; min-height: 75px;
}


.subscription #section1 .business .qkContact form input.submit {width: 250px; background: #4159ce; color: #fff; font-size: 12pt; cursor: pointer; padding: 10px 20px;}
.subscription #section1 .business .qkContact form input.submit:hover {background: #D6DDFF; color: #F6471E;}
.subscription #section2 {border-bottom: 2px solid #d6ddff; padding: 30px 0 30px 0;}
.subscription #section2 p {line-height: normal; margin: 0;}
.subscription #section2 .topic {display: inline-block; width: 231px; vertical-align: top; margin-right: 87px; padding: 0;}
.subscription #section2 .topic img {margin: 0 0 10px 0;}
.subscription #section2 .info .type {color: #010d43; font-size: 8pt; text-transform: uppercase;}
.subscription #section2 .info .description {color: #4159ce; width: 100%; line-height: 16pt; margin: 5px 0 10px 0;}
.subscription #section2 .info .content {font-size: 13px; width: 80%; line-height: 16pt; margin: 5px 0 20px 0; padding: 3px 0 0 0;}
.subscription #section2 .topic .add a {display: block; width: 75px; color: #4159ce; background: #d6ddff; font-size: 10pt; text-decoration: none; text-align: center; padding: 10px 20px;}
.subscription #section2 .topic .add a:hover {background: #D6DDFF; color: #F6471E;}
.subscription #section2 .buttons {margin-top: 20px;}
.subscription #section2 .topic:nth-child(4) {margin: 0;}
.subscription #section3 {padding: 30px 0 0 0; margin: 0 20px 0px 300px;}


/**************************
        Template 3
***************************/
.research .heading h2 {display: inline-block; color: #010d43; font-size: 32pt; margin: 10px 0 30px 0;}
.research .heading p {display: inline-block; color: #4159ce; font-weight: bold; font-size: 10pt; text-decoration: none; margin: 0 0 0 20px; cursor: pointer;}
.research .heading p:hover {background: #D6DDFF; color: #F6471E;}
.research .heading .down {display: none}
.research #filter {float: left; width: 27%; background: #F3F0F1;}
.research #filter .market, .research #filter .topic, .research #filter .by {padding: 10px 20px 0 15px;}
.research #filter h3 {color: #010d43; font-weight: lighter; text-transform: uppercase; margin: 0 0 30px 0; padding: 20px 15px 0 15px;}
.research #filter h4 {color: #010d43; font-size: 10pt;}
.research #filter p {color: #010d43; font-size: 12pt;}
.research #filter form {margin: 0 0 30px 0;}
.research #filter form label {color: #010d43; font-family: Helvetica, Arial, Sans-serif; font-size: 10pt; margin: 10px 0 0 5px;}
.research #filter form input {color: #010d43; margin: 10px 0 0 0;}
.research #filter .btn.two {background: #F6471E; color: #FFFFFF; font-size: 16px; font-weight: bold; border: 0 !important;}
.research #filter .btn.two:hover {background: #D6DDFF; color: #F6471E; border: 0 !important;}
.research #filter .access {background: #728aff; padding: 20px 20px;}
.research #filter .access h3 {color: #fff; font-size: 18pt; font-weight: lighter; text-transform: uppercase; margin: 0 0 15px 0; padding: 0;}
.research #filter .access h4 {color: #fff; font-size: 12pt; font-weight: lighter; margin: 0 0 10px 0;}
.research #filter .access .buttons a {display: block; text-align: center; margin: 15px 0 0 0;}
.research #filter form .apply input {background: #f6471e; border: none; color: #fff; font-size: 12pt; margin: 20px 0 0 15px; padding: 15px 70px;}
.research #programs {overflow: auto; float: right; width: 71%; padding: 0;}
.research #programs .search {float: left; width: 100%;}
.research #programs .search form {float: left; width: 76%;}
.research #programs .search input.search-input {float: left; width: 85%; font-size: 18pt; height: 50px; background: #bfcaff; border: none; border-radius: 5px 0 0 5px; padding: 0 10px;}
.research #programs .search input.search-submit {float: left; cursor: pointer; background: #4159ce; font-size: 18pt; background-image: url('../images/search-white.png'); background-repeat: no-repeat; background-position: center center; background-size: 50%; width: 50px; height: 50px; border: none; border-radius: 5px; margin: 0 0 0 -8px;}
.research #programs .show {float: right; width: 23%; display: block; font-weight: bold; margin: 20px 0 10px 0;}
.research #programs .show p {display: block; font-size: 10pt; text-align: right;}
.research #programs .show p a {color: #4159ce; text-decoration: none; margin: 0 0 0 10px;}
.research #programs .show p a:hover {background: #D6DDFF; color: #F6471E;}
.research #elements h2 {color: #010d43; font-size: 18pt; margin: 20px 0 10px 10px !important;}
.research #elements .element {float: left; width: 100%; margin: 30px 0 0 0;}
.research #elements .element p {font-size: 14px; line-height: 1.3em; margin: 0;}
.research #elements .element h2 {font-size: 16px; font-weight: bold; line-height: 1.3em; margin: 0;}
.research #elements .element .display {float: left; width: 17%;}
.research #elements .element .display .date {float: left; width: 35%; background: #F4EDE7; text-align: center; height: 50px; padding: 0 0 10px 0;}
.research #elements .element .display .date .month {color: #010d43; font-size: 8pt; margin: 4px 0 0 0; padding: 0; text-transform: uppercase;}
.research #elements .element .display .date .day {color: #010d43; font-size: 18pt; margin: 0; padding: 0;}
.research #elements .element .display .date .year {color: #010d43; font-size: 8pt; margin: 0 0 4px 0; padding: 0;}
.research #elements .element .display .label {float: right; display: inline-block; vertical-align: center; width: 65%; background: #F6471E; font-size: 8pt; text-align: center; height: 25px; padding: 20px 0 15px 0;}
.research #elements .element .display .labelsp {float: right; display: inline-block; vertical-align: center; width: 65%; background: #D6DDFF; font-size: 8pt; text-align: center; height: 25px; padding: 16px 0 19px 0;}

.research #elements .element .display .label p {font-size: 12px; width: 80%; color: #fff; font-weight: bold; text-transform: uppercase; margin: auto;}
.research #elements .element .display .labelsp p {font-size: 11px; width: 80%; color: #F6471E; font-weight: bold; text-transform: uppercase; margin: auto;}
.research #elements .element .display img {width: 100%; border-top: 1px solid #fff;}
.research #elements .element .info {float: left; width: 56%; padding: 10px 5px 10px 15px;}
.research #elements .element .info h4 {font-weight: lighter; font-size: 10pt; text-transform: uppercase; margin: 0 0 5px 0;}
.research #elements .element .info h3 {color: #010d43; font-size: 16pt; font-weight: 400; margin: 0 0 10px 0;}
.research #elements .element .info h3 a {color: #4159ce; font-size: 16pt; font-weight: 400; margin: 0 0 10px 0; text-decoration: none;}
.research #elements .element .info h3 a:hover {background: #D6DDFF; color: #F6471E; font-weight: 400; text-decoration: none;}
.research #elements .element .info p {font-size: 8pt; line-height: 12pt;}
.research #elements .element .button {float: right; width: 23%;}
.research #elements .element .button a {float: right; display: block; width: 100%; max-width: 150px; background: #4159ce; color: #fff; text-align: center; text-decoration: none; margin: 40px 0 0 0; padding: 15px 0;}
.research #elements .element .button a:hover {background: #D6DDFF; color: #F6471E;}
.research .loadMore {clear: both; text-align: center; margin: 0 0 50px 0; padding: 30px 0 0 0;}
.research .loadMore a {display: block; background: #bfcaff; color: #4159ce; text-decoration: none; padding: 25px 0;}
.research .loadMore a:hover {background: #D6DDFF; color: #F6471E;}

/**************************
        Template 4
***************************/
.detail .heading {margin: 0 0 10px 0;}
.detail .heading h2 {display: inline-block; color: #010d43; font-size: 30pt; margin: 10px 0 10px 0;}
.detail .heading h2 .posted {font-size: 10pt; text-transform: none; letter-spacing: 0; margin: 0 0 0 20px;}
.detail #dashboard {float: left; overflow: auto; width: 97%; padding: 0 10px 0 20px;}
.detail #dashboard p {font-size: 13px; line-height: 1.3em;}
.detail #dashboard td p {margin: 0;}
.detail #dashboard h4 {color: #010d43; font-size: 16px;}
.detail #dashboard ul {margin: 5px 0 5px 15px;}
.detail #dashboard ul li {font-size: 13px;}
.detail #item {float: left; width: 75%;}
.detail #item .info {float: left; overflow: auto; width: 45%;}
.detail #item .image .info {width: 100%; padding: 0 0 210px 0;}
.detail #item .image .info .date {float: left; width: 55px; height: 35px; background: #F4EDE7; text-align: center; padding: 10px 0;}
.detail #item .image .info .date .month {color: #010d43; font-size: 8pt; font-weight: bold; text-transform: uppercase; line-height: normal; margin: 0 0 2px 0;}
.detail #item .image .info .date .day {color: #010d43; font-size: 18pt; font-weight: bold; line-height: normal; margin: 0;}
.detail #item .image .info .label {float: left; display: inline-block; vertical-align: center; width: 90px; height: 23px; background: #F6471E; font-size: 8pt; text-align: center; padding: 17px 0 15px 0;}
.detail #item .image .info .label p {color: #fff; text-transform: uppercase; line-height: normal;}
.detail #item .info .about {padding: 20px 0 20px 0;}
.detail #item .info .about img {display: inline-block; vertical-align: top; max-width: 25%;}
.detail #item .info .about .text {display: inline-block; vertical-align: top; width: 70%; padding: 0 0 0 20px;}
.detail #item .info .about .text p { font-size: 10pt; line-height: 14pt; margin: 0 0 3px 0;}
.detail #item .info .about .text p span {color: #4159ce; font-weight: bold;}
.detail #item .image .price {clear: both; overflow: auto; border-top: 1px solid #fff; background-color: rgba(65, 89, 206, 0.5); width: 100%; padding: 0;}
.detail #item .image .price p {border-left: 1px solid #fff; width: 90px; float: right; background: #4159ce; color: #fff; font-size: 21pt; text-align: center; margin: 0; padding: 12px 10px 10px 10px;}
.detail #item .image .price span {position: absolute; z-index: 980; font-size: 10pt; margin: -7px 0 0 -8px;}
.detail #item .description {float: left; width: 52%; padding: 0 0 0 20px;}
.detail #item .description p {font-size: 10pt; line-height: 14pt; margin-bottom: 10px;}
.detail #item .description h4 {color: #010d43; font-size: 10pt; margin-top: 0px !important;}
.detail #item .description ul {margin: 5px 0 5px 15px;}
.detail #item .description ul li {font-weight: lighter; font-size: 10pt;}
.detail #item .btn input {width: 70% !important; font-size: 14pt !important; text-align: center !important; margin-top: 10px!important; padding: 14px 25px !important;}
.detail #item .btn.two input {background: #d6ddff !important; color: #4159ce !important;} 
.detail #item .btn.two input:hover {background: #D6DDFF !important; color: #F6471E !important;}
.detail .sidebar.right {float: right; width: 20%; background: #f2f0f1; padding: 30px;}
.detail .sidebar.right.skinny {float: right; width: 18%; margin-left: 12px; background: #f2f0f1; padding: 30px;}
.detail .sidebar.right h4 {color: #010d43; font-size: 10pt; margin: 0 0 10px 0;}
.detail .sidebar.right p {color: #010d43; font-size: 10pt; line-height: 14pt;}
.detail .sidebar.right p a {color: #4159ce; text-decoration: none;}
.detail .sidebar.right p a:hover {background: #D6DDFF; color: #F6471E;}
.detail .sidebar.right .try {margin: 10px 0 30px 0;}
.detail .sidebar.right .btn {background: #cbd0f1; color: #4159ce; font-size: 10pt; font-weight: bold; text-align: center;}
.detail .sidebar.right .btn:hover {background: #D6DDFF; color: #F6471E;}
.detail .sidebar.right .btn.two {background: #4159CE; color: #D6DDFF; font-size: 10pt; font-weight: bold; border: 0 !important;}
.detail .sidebar.right .btn.two:hover {background: #D6DDFF; color: #F6471E; border: 0 !important;}
.detail .sidebar.right .questions {margin: 20px 0 0 0;}
.detail .related {overflow: auto; clear: both; margin: 10px 0 30px 0;}
.detail .related h4 {color: #010d43; font-size: 12pt; margin: 20px 0 20px 0;}
.detail .related .rel-itm {float: left; width: 33%;}
.detail .related .rel-itm img {max-width: 50%;}
.detail .related .rel-itm .itm {float: none !important; width: 100%;}
.detail .related .rel-itm .itm h5 {color: #4159ce; margin: 10px 0 5px 0;}
.detail .related .rel-itm .itm p {color: #010d43; font-size: 10pt; line-height: 12pt; width: 95%;}

/**************************
        Template 5
***************************/
.history .heading h2 {color: #010d43; font-size: 28pt;}
.history .h-nav {width: 100%; background: #f2f0f1; margin: 0 0 20px 0;}
.history .h-nav ul {padding: 0 0 0 15px;}
.history .h-nav ul li {width: 125px; text-align: center; color: #4159ce; list-style: none; display: inline-block; padding: 17px 0;}
.history .h-nav ul li:hover, .history .h-nav ul .active {color: #010d43; background-image: url(../images/history-active.png); background-size: 30%; background-repeat: no-repeat; background-position: center bottom; cursor: pointer;}
.history .eras .gen-content {margin: 0 0 30px 0;}
.history .eras .gen-content h2 {color: #010d43; font-weight: lighter; font-size: 18pt; text-transform: uppercase; letter-spacing: 5px; margin: 15px 0;}
.history .eras .gen-content p {color: #010d43; font-size: 10pt; line-height: 14pt; width: 100%; max-width: 600px;}
.history .time-head h3 {color: #fff; font-size: 16pt; font-weight: lighter; text-align: center; background: #728aff; width: 200px; margin: auto; padding: 10px 0;}
.history .eras {overflow: auto; width: 100%; max-width: 1100px; margin: 0 auto 50px auto;}
.history .time {overflow: auto;}
.history .time .era {overflow: hidden; width: 100%; max-width: 550px; }
.history .time .area {width: 100%; max-width: 550px;}
.history .time .space {width: 100%; max-width: 550px;}
.history .time .content {width: 100%; max-width: 75%; background: #f2f0f1; padding: 25px 0;}
.history .time .content .group {width: 85%; margin: auto;}
.history .time .stems {width: 100%; max-width: 25%;}
.history .time .stems .year {color: #010d43; font-size: 11pt; font-weight: bold; text-align: center; padding-top: 5px;}
.history .eras .time .era:last-child .stems .bridge {width: 100%; height: 100px;}
.history .eras .time .left.era:last-child .stems .bridge {border-right: 2px solid #f2f0f1; width: 100%; height: 100px;}
.history .eras .time .right.era:last-child .stems .bridge {border-left: 2px solid #f2f0f1; width: 100%; height: 100px;}
.history .time .content img {float: left; width: 33%;}
.history .time .content h4 {color: #010d43;  font-size: 9pt; line-height: 10pt; margin: 0 0 5px 0;}
.history .time .content p {color: #010d43; font-size: 8pt; line-height: 13pt;}
.history .time .content .info {float: left; width: 60%; padding: 0 0 0 10px;}
.history .time .top-box {width: 100%; height: 80px; border-bottom: 2px solid #f2f0f1;}
.history .time .left .top-box {border-right: 2px solid #f2f0f1;}
.history .time .left .area {float: left;}
.history .time .left .content {float: left;}
.history .time .left .stems {float: left;}
.history .time .left .space {border-right: 2px solid #f2f0f1; width: 100%; height: 20px;}
.history .time .right .top-box {border-left: 2px solid #f2f0f1;}
.history .time .right.era {float: right;}
.history .time .right .area {float: right;}
.history .time .right .content {float: right;}
.history .time .right .stems {float: right;}
.history .time .right .space {border-left: 2px solid #f2f0f1; max-width: 511px;}

/**************************
        Template 6
***************************/
.case .heading h2 {color: #010d43; font-size: 28pt;}
.case .study {overflow: auto; clear: both; border-bottom: 2px solid #d6ddff; margin: 0 0 40px 0; padding: 0 0 40px 0;}
.case .main .study:last-child {border-bottom: none;}
.case .study h3 {clear: both; width: 85%; color: #010d43; font-weight: lighter; font-size: 16pt; text-transform: uppercase; line-height: 20pt; margin: 0 0 30px 0;}
.case .study img {max-width: 35%;}
.case .study .content {width: 61%;}
.case .study .content h4 {color: #010d43; margin: 0 0 5px 0; font-size: 12pt !important;}
.case .study .content p {color: #010d43; font-size: 11pt; line-height: 13pt; margin: 0 0 15px 0;}
.case .study .content a, .case .study .content a h4 {display: inline; color: #4159ce; font-size: 12pt !important; text-decoration: none;}
.case .study .content a:hover, .case .study .content a h4:hover {background: #D6DDFF; color: #F6471E; text-decoration: none;}
.case .study.image-left img {float: left;}
.case .study.image-left .content {float: right;}
.case .study.image-right img {float: right;}
.case .study.image-right .content {float: left;}

/**************************
        Template 7
***************************/
.about .banner {min-height: 300px;}
.about .banner h2 {width: 40%; font-size: 18pt; margin: 120px 0 0 50px;}
.about .main .heading h2 {color: #182e99; font-size: 30pt; margin: 10px 0 5px 0;}
.about .main .we-are {width: 100%; clear: both; overflow: auto; border-bottom: 2px solid #d6ddff; padding: 40px 0 40px 0;}
.about .main .we-are img {float: left; max-width: 23%;}
.about .main .we-are .content {float: left; max-width: 65%; padding: 0 0 0 30px;}
.about .main .we-are .content h3 {color: #182e99; font-weight: lighter; text-transform: uppercase;}
.about .main .we-are .content p {color: #010d43; font-size: 11pt; line-height: 13pt; margin: 0 0 15px 0;}
.about .main .we-are .content a, .about .main .we-are .content a h4 {display: inline; color: #4159ce; font-size: 13pt; text-decoration: none;}
.about .main .we-are .content a:hover, .about .main .we-are .content a h4:hover {background: #D6DDFF; color: #F6471E; text-decoration: none;}
.about .main .columns {overflow: auto; clear: both; width: 100%; border-bottom: 2px solid #d6ddff; padding: 0 0 40px 0;}
.about .main .column {float: left; width: 45%; padding: 20px 20px 0 20px;}
.about .main .column h3 {color: #010d43; font-size: 14pt; font-weight: lighter; text-transform: uppercase;}
.about .main .column p {color: #010d43; font-size: 10pt; line-height: 13pt; margin: 0 0 15px 0;}
.about .main .column a, .about .main .column a h4 {display: inline; color: #4159ce; font-size: 13pt; text-decoration: none;}
.about .main .column a:hover, .about .main .column a h4:hover {background: #D6DDFF; color: #F6471E; text-decoration: none;}

/**************************
      footer Styles
***************************/
footer {background: #728aff;}
footer .foot {padding: 30px 30px 50px 30px;}
footer .social, footer .about, footer .newsletter {display: inline-block; vertical-align: top;}
footer .social {width: 10%;}
footer .social ul {}
footer .social ul li {list-style: none; display: inline-block; background: #fff; width: 40px; height: 40px; border-radius: 50%; text-align: center; margin: 0 10px 0 0;}
footer .social ul li a {color: #728aff; font-size: 150%;}
footer .social ul li a:hover {color: #F6471E; background: #fff;}
footer .social ul li a i {margin-top: 8px;}
footer .about {width: 40%; padding: 0 10px;}
footer .about ul {padding: 0 0 15px 0;}
footer .about ul li {list-style: none; display: inline-block; margin: 0 35px 0 0 ;}
footer .about ul li a {color: #fff; font-size: 10pt; line-height: 14pt; text-transform: uppercase; text-decoration: none;}
footer .about ul li a:hover {color: #F6471E; text-decoration: underline;}
footer .survey {color: #fff; font-size: 10pt; line-height: 14pt; text-transform: uppercase; margin: 0 0 15px 0;}
footer .survey a {color: #fff; font-size: 10pt; text-transform: none; margin: 0 0 0 10px;}
footer .survey a:hover {color: #F6471E;}
footer .address h4 {color: #fff; font-size: 10pt; line-height: 14pt; font-weight: lighter; text-transform: uppercase; margin: 0;}
footer .address p {color: #fff; font-size: 10pt; line-height: 14pt; margin: 0;}
footer .newsletter {width: 44%;}
footer .newsletter .letter {display: inline-block; vertical-align: top; width: 10%;}
footer .newsletter .signup {display: inline-block; vertical-align: top; width: 75%; margin: 0 0 0 20px;}
footer .newsletter .signup h4 {color: #fff; font-size: 12pt; line-height: 14pt; margin: 0 0 5px 0;}
footer .newsletter .signup p {color: #fff; font-size: 10pt; line-height: 14pt; margin: 0 0 10px 0;}
footer .newsletter .signup a {color: #fff; font-size: 10pt; line-height: 14pt;}
footer .newsletter .signup a:hover {color: #F6471E;}
footer .newsletter .copyright {text-align: right; margin: 30px 0 0 0;}
footer .newsletter .copyright p {color: #fff; font-size: 10pt; line-height: 14pt;}
footer .newsletter .copyright p a {color: #fff;}


/*************************
    Browser Overrides
*************************/
/* Firefox only */
@-moz-document url-prefix() {
	.home #secondaryNav.navbar-fixed {position: fixed; top: 170px;}
	#secondaryNav {margin: -6px auto 0 auto;}
	#secondaryNav ul .active::after {margin-top: -18px;}
	.home #tertiaryNav.navbar-fixed {position: fixed; top: 225px;}
	#tertiaryNav {margin: -6px auto 0 auto;}
	#tertiaryNav ul .active::after {margin-top: -18px;}
}
@-moz-document url-prefix() {
	.home #MyBarlowSubNav.navbar-fixed {position: fixed; top: 170px;}
	#MyBarlowSubNav {margin: -6px auto 0 auto;}
	#MyBarlowSubNav ul .active::after {margin-top: -18px;}
}

/* Safari only */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
	@media {		
		.top {margin-top: 180px;}
		#secondaryNav.navbar-fixed {position: fixed; top: 165px;}
		#tertiaryNav.navbar-fixed {position: fixed; top: 218px;}
		#MyBarlowSubNav.navbar-fixed {position: fixed; top: 165px;}
		}
	}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#secondaryNav ul .active::after {content: "";}
	#tertiaryNav ul .active::after {content: "";}
	#MyBarlowSubNav ul .active::after {content: "";}
}


/*************************
      Mobile Styles
*************************/
@media (max-width:1200px) {
	.btn a{text-align: center !important;}
	#exterior {display: none;}
	.buttons .btn {font-size: 10pt; margin: 10px 5px 10px 0; padding: 10px 15px; text-align: center;}

	nav.primary ul li a {font-size: 9pt; font-weight: lighter; padding: 14px 5px;}
	nav.mybarlowprimary ul li a {font-size: 9pt; font-weight: lighter; padding: 14px 3px;}
	nav.mybarlowprimary ul .active a {background: #F6471E; color: #FFFFFF; font-size: 9pt; font-weight: lighter; padding: 14px 3px; margin: 0 0 0 12px; text-transform: none;}
	
	.hd-logo {width: 30%;}

	.topBar .myBarlow {width: 32%; height: 60px; float: left; text-align: center; margin: 0; padding-top: 10px;}
	.topBar .myBarlow .title {font-size: 9px;}
	.topBar .myBarlow .title a {color: #F6471E; font-size: 9pt;}
	.topBar .myBarlow .title a:hover {background: #D6DDFF; color: #F6471E;}
	.topBar .myBarlow .name {font-size: 9pt; display: none;}
	.topBar .myBarlow .log a {font-size: 8pt;}
	.topBar .myBarlow .cart .items {font-size: 7pt;}
	.topBar .myBarlow .cart p a {font-size: 8pt;}
	.topBar .myBarlow .cart p a i {font-size: 20pt; margin: 0 10px 0 0;}
	.topBar .search {width: 23%; height: 55px; float: right; margin: 0; padding-top: 25px;}
	.topBar .search input.search-input {float: left; width: 80%; height: 30px; background: #bfcaff; border: none; border-radius: 5px 0 0 5px; font-size: 12pt; margin: 0; padding: 0;}
	.topBar .search input.search-submit {float: left; cursor: pointer; background: #bfcaff; background-image: url('../images/search.png'); background-repeat: no-repeat; background-position: center center; background-size: 50%; width: 30px; height: 30px; border: none; border-radius: 0 5px 5px 0; margin: 0 0 -20px -5px;}


	.banner {width: 100%; height: 250px; background-size: cover; background-repeat: no-repeat; padding: 0;}
	.banner h2 {color: #fff; font-size: 18pt; font-weight: lighter; letter-spacing: 4px; margin: 120px 0 0 50px;}
	.banner.second {height: 400px; width: 100%;}
	.banner.second h2 {text-align: right; padding: 0 40px 0 0;}

	#secondaryNav.navbar-fixed {top: 155px;}
	#secondaryNav ul li a {font-size: 9pt; font-weight: lighter; padding: 14px 4px;}
	.home #secondaryNav.navbar-fixed {top: 158px;}
	#secondaryNav ul .active::after, #secondaryNav ul li:hover::after {margin: -17px 0 0 -12px; padding: 0; cursor: pointer;}
	.top {margin-top: 190px;}
	#secondaryNav ul .active::after {content: "";}
	
	#tertiaryNav.navbar-fixed {top: 195px;}
	#tertiaryNav ul li a {font-size: 9pt; font-weight: lighter; padding: 14px 4px;}
	.home #tertiaryNav.navbar-fixed {top: 198px;}
	#tertiaryNav ul .active::after, #tertiaryNav ul li:hover::after {margin: -17px 0 0 -12px; padding: 0; cursor: pointer;}
	.top {margin-top: 220px;}
	#tertiaryNav ul .active::after {content: "";}
	
	#MyBarlowSubNav.navbar-fixed {top: 155px;}
	#MyBarlowSubNav ul li a {font-size: 9pt; font-weight: lighter; padding: 14px 8px;}
	.home #MyBarlowSubNav.navbar-fixed {top: 158px;}
	#MyBarlowSubNav ul .active::after, #MyBarlowSubNav ul li:hover::after {margin: -17px 0 0 -12px; padding: 0; cursor: pointer;}
	.top {margin-top: 190px;}
	#MyBarlowSubNav ul .active::after {content: "";}

	.breadcrumbs {margin: 30px 20px;}

	/* Firefox only */
	@-moz-document url-prefix() {
		.home #secondaryNav.navbar-fixed {position: fixed; top: 155px;}
		#secondaryNav {margin: -7px auto 0 auto;}
		.home #tertiaryNav.navbar-fixed {position: fixed; top: 185px;}
		#tertiaryNav {margin: -7px auto 0 auto;}
	}
	@-moz-document url-prefix() {
		.home #MyBarlowSubNav.navbar-fixed {position: fixed; top: 155px;}
		#MyBarlowSubNav {margin: -7px auto 0 auto;}
	}


	.home p,
	.home li,
	.home a {font-size: 10pt; line-height: 12pt;}
	.section h2 {font-size: 18pt; margin: 10px 20px;}

	.home #section1 .who {width: 60%; padding: 20px 0 0 10px;}
	.home #section1 {margin: 0; padding: 20px 0 0 0;}
	.home #section1 .insights {float: right; width: 350px; min-height: 380px; background: #728aff; color: #fff; margin: 13px 0 0 0; padding: 30px 0 0 0;}
	.home #section1 .insights p {color: #fff; font-family: 'Montserrat', sans-serif; font-size: 10pt; margin: 0;}
	.home #section1 .insights .bigNum p {font-size: 21pt; margin: 0 0 5px 0;}
	.home #section1 .insights .desc p {font-size: 8pt; text-transform: uppercase; line-height: 10pt;}
	.home #section1 .insights .years {width: 100%; margin: 0 0 10px 0;}
	.home #section1 .insights .years h1 {font-size: 80pt; font-weight: lighter; margin: 0;}
	.home #section1 .insights .years img {margin: 35px 0 0 0;}
	.home #section1 .insights .left {display: inline-block; vertical-align: top; width: 48%; text-align: right;}
	.home #section1 .insights .right {display: inline-block; vertical-align: top; width: 43%; text-align: left; margin: 0 0 0 25px;}
	.home #section1 .insights .clients {width: 100%; margin: 0 0 40px 0;}
	.home #section1 .insights .published {width: 100%;}
	
	.home #section2 p {line-height: normal; margin: 0;}
	.home #section2 .events {float: left; border-right: 2px solid #d6ddff; width: 45%; padding: 30px 10px 45px 10px;}
	.home #section2 .event {margin: 0 0 10px 0;}
	.home #section2 .podcast {margin: 0 0 20px 0;}
	.home #section2 .podcasts {float: left; width: 47%; padding: 30px 5px 0 20px;}
	.home #section2 .date, .home #section2 .info, .home #section2 .add {display: inline-block; vertical-align: top;}
	.home #section2 .date {width: 30px; background: #F6471E; text-align: center; padding: 5px;}
	.home #section2 .date p {color: #fff;}
	.home #section2 .date .month {font-size: 8pt; text-transform: uppercase;}
	.home #section2 .datesp {width: 28px; background: #d6ddff; text-align: center; padding: 5px; border: solid 1px #F6471E; display: inline-block; vertical-align: top;}
	.home #section2 .datesp p {color: #F6471E;}
	.home #section2 .datesp .month {font-size: 8pt; text-transform: uppercase;}
	
	.home #section2 .event .info {width: 75%; padding: 0 0 0 15px;}
	.home #section2 .info .type {color: #010d43; font-size: 8pt; text-transform: uppercase;}
	.home #section2 .info .description {color: #4159ce; margin: 5px 0 0 0;}
	.home #section2 .podcast .info {width: 45%; padding: 0 0 0 15px;}
	.home #section2 .podcasts .podcast .add {padding: 0 0 0 10px;}
	.home #section2 .podcasts .podcast .add a {display: block; background: #d6ddff; padding: 8px 10px;}
	.home #section2 .podcasts .podcast .add a:hover {display: block; background: #d6ddff; padding: 8px 10px;}

	.home #section3 {border-bottom: 2px solid #d6ddff; padding: 20px 10px 30px 10px;}
	.home #section3 p {line-height: normal; margin: 0;}
	.home #section3 .topic {display: inline-block; width: 23%; vertical-align: top; padding: 0 5px 0 0;}
	.home #section3 .topic img {width: 100%; margin: 0 0 15px 0;}
	.home #section3 .info .type {color: #010d43; font-size: 8pt; text-transform: uppercase;}
	.home #section3 .info .description {color: #4159ce; width: 80%; min-height: 70px; line-height: 12pt; margin: 5px 0 10px 0; padding: 3px 0 0 0;}
	.home #section3 .topic .add a {display: block; width: 75px; color: #4159ce; background: #d6ddff; font-size: 8pt; text-decoration: none; text-align: center; padding: 10px 5px;}
	.home #section3 .buttons {margin-top: 20px;}

	.home #section4 {padding: 30px 10px 30px 10px;}
	.home #section4 p {width: 100%; max-width: 820px; font-size: 10pt; line-height: 12pt;}
	.home #section4 .featured {}
	.home #section4 .featured h3 {color: #4159ce; margin: 0 0 10px 0;}
	.home #section4 .featured h4 {color: #010d43; font-size: 10pt;}
	.home #section4 .featured .faq {display: inline-block; vertical-align: top;}
	.home #section4 .featured .faq p {color: #010d43; font-size: 10pt; line-height: 16pt; margin: 5px 0 0 0;}
	.home #section4 .featured .faq1 {color: #010d43; width: 55%; padding: 0 20px 0 0;}
	.home #section4 .featured .faq2 {width: 35%; color: #010d43; padding: 0 0 0 40px;}
	.home #section4 .buttons {margin-top: 20px;}

	.subscription #section1 {margin: 0 20px;}
	.subscription #section1 h2 {margin: 10px 0;}
	.subscription #section1 .stage {float: left; min-height: 125px; display: block; width: 35%;}
	.subscription #section1 .stage:nth-child(3) {width: 25%;}
	.subscription #section1 .stage:nth-child(3) .info {width: 60%;}
	.subscription #section1 .stage img {width: 25%; vertical-align: middle;}
	.subscription #section1 .stage .info {width: 40%; padding: 0 0 0 10px;}
	.subscription #section1 .stage .info h4 {font-size: 10pt; line-height: 12pt;}
	.subscription #section1 .stage .info p {font-size: 8pt;}
	.subscription #section1 .options {clear: both; padding: 20px 0 0 0;}
	.subscription #section1 .option {margin: 20px 0;}
	.subscription #section1 .business, .subscription #section1 .business.second {overflow: auto; width: 45%; margin: 20px 0; padding: 0;}
	.subscription #section1 .business p, .subscription #section1 .business.second p {width: 95%;}
	.subscription #section1 .business .qkContact {overflow: auto; width: 100%;}
	.subscription #section1 .business .qkContact form input.text {width: 85%;}
	.subscription #section1 .business .qkContact form textarea {width: 85%;}
	.subscription #section1 .business .qkContact form input.inputfield {width: 85%;}
	.subscription #section1 .business .qkContact form textarea.inputfield {width: 85%;}
	.subscription #section2 {margin: 20px;}
	.subscription #section2 .topic {width: 25%; margin: 0 10px 30px 10px;}

	.research .section.heading {margin: 10px 20px;}
	.research .heading h2 {font-size: 24pt; margin: 10px 0 20px 0;}
	.research .heading p {margin: 0;}
	.research #filter {margin-left: 20px;}
	.research #filter h3 {margin: 0 0 10px 0;}
	.research #programs {width: 65%; margin-right: 20px;}
	.research #programs .search form {float: none; width: 100%;}
	.research #programs .search input.search-input {width: 75%;}
	.research #filter form label {font-size: 8pt;}
	.research #programs .show {float: none; clear: both; width: 100%;}
	.research #programs .show p {text-align: left;}
	.research #filter .access h3 {font-size: 14pt;}
	.research #filter .access h4 {font-size: 10pt;}
	.research #elements .element .display .label p {font-size: 10px; width: 90%;}
	.research #elements .element .display .labelsp p {font-size: 9px; width: 90%;}
	.research #elements .element .info {padding: 0 5px 10px 10px;}
	.research #elements .element .info h3 {font-size: 10pt; margin: 0 0 5px 0;}
	.research #elements .element .info h3 a {font-size: 10pt; margin: 0 0 5px 0; text-decoration: none;}
	.research #elements .element .button a {width: 100px; font-size: 10pt;}

	.detail #item {width: 60%;}
	.detail .heading h2 {font-size: 16pt; margin: 10px 20px;}
	.detail .heading h2 .posted {display: block; font-size: 8pt; margin: 10px 0;}
	.detail #dashboard {width: 92%; margin-left: 20px;}
	.detail #item {margin-left: 20px;}
	.detail #item .info {width: 40%;}
	.detail #item .image .info {padding: 0 0 125px 0;}
	.detail #item .image .price p {font-size: 16pt;}
	.detail #item .description {width: 55%;}
	.detail #item .info .about .text {width: 55%;}
	.detail .sidebar.right {width: 30%; margin-right: 20px; padding: 15px 15px 25px 15px;}
	.detail .sidebar.right.skinny {width: 28%; margin-right: 20px; padding: 15px 15px 25px 15px;}
	.detail .sidebar.right p {margin: 5px 0 0 0;}
	.detail #item .buttons .btn {width: 150px; font-size: 12pt; padding: 15px; text-align: center;}
	.detail .related .rel-itm .itm {width: 90%;}

	.about .main .heading h2 {font-size: 24pt; margin: 30px 20px 0 20px;}
	.about .main .we-are {margin: 0 20px;}
	.about .main .we-are img {margin: 0 10px 10px 0;}
	.about .main .we-are .content {max-width: 90%; float: none; padding: 0;}
	.about .main .column {width: 43%;}

	.history .eras {width: 95%;}
	.history .time {margin: 10px 0 20px 0;}
	.history .time .era {width: 50%;}
	.history .eras .time .left.era:last-child .stems .bridge, .history .eras .time .right.era:last-child .stems .bridge {border: none;}

	.case .study {margin: 20px;}
	.case .study.image-left .content, .case .study .image-right .content {margin: 12;}

	footer .social ul li {width: 30px; height: 30px; margin: 0 0 10px 0;}
	footer .social ul li a i {font-size: 10pt;}

}

@media (max-width: 767px) {
	.btn a{text-align: center !important;}
	.mobile-only {display: block;}
	.desktop-only {display: none;} /* Only displays above 767px */

	.container {width: 100%;}
	.head {position: relative; z-index: 990; width: 100%; margin: 0; padding: 0;}
	.home p,
	.home li,
	.home a {max-width: 90%; font-size: 12pt; line-height: 16pt;}
	.buttons .btn {font-size: 12pt; margin: 10px 5px 10px 0; padding: 15px 15px;}
	.top {margin-top: 0;}
	.breadcrumbs {display: none;}

	.topBar {display: none;}

	.mobileNav {height: 75px; transition: all .5 linear; position: fixed; top: 0; z-index: 995; overflow: auto; display: block; width: 100%; background: #fff; padding: 10px 0; cursor: pointer;}
	.mobileNav img {float: left; width: 80%; margin: 0 0 0 10px;}
	.mobileNav ul {float: right; margin: 0; padding: 10px 45px 0 0;}
	.mobileNav ul li {position: absolute; list-style: none; color: #4159ce; font-size: 34pt;}
	.mobileNav ul .remove {transition: all .5 linear; display: none;}
	.mobileNav ul .navicon {transition: all .5 linear;}
	nav.primary {position: fixed; top: 100px; z-index: 995; display: none;}
	nav.primary {width: 100%; background: #728aff; margin: 0; padding: 0;}
	nav.primary ul {text-align: center; margin: 0;}
	nav.primary ul li {list-style: none; display: block;}
	nav.primary ul li a {font-size: 12pt; font-weight: lighter; border-top: 1px solid #fff; padding: 10px 0;}
	nav.mybarlowprimary {position: fixed; top: 100px; z-index: 995; display: none;}
	nav.mybarlowprimary {width: 100%; background: #728aff; margin: 0; padding: 0;}
	nav.mybarlowprimary ul {text-align: center; margin: 0;}
	nav.mybarlowprimary ul li {list-style: none; display: block;}
	nav.mybarlowprimary ul li a {font-size: 12pt; font-weight: lighter; border-top: 1px solid #fff; padding: 10px 0;}
	
	.mobileMenu {display: none; position: fixed; overflow: scroll; overflow-x: hidden; z-index: 1; width: 100%; height: 100%; background: #4159ce;}
	.mobileScroll {position: absolute; top: 0; right: 0; overflow-y: hidden; overflow-x: hidden; width: 80%; max-width: 480px;}
	.mobileMenu a {color: #fff; font-family: "museo-sans", sans-serif; font-size: 12pt; text-decoration: none; text-transform: uppercase;}
	.mobileMenu a:hover {background: none;}
	.mobileMenu .mobileTopbar {}
	.mobileMenu .mobileTopbar li {width: 49%; display: inline-block; list-style: none; border-bottom: 1px solid #364aab;}
	.mobileMenu .mobileTopbar li a {display: block; text-align: center; padding: 10px 0;}
	.mobileMenu .mobileTopbar li:first-child a {}
	.mobileMenu .mobileTopbar li:last-child a {border-left: 1px solid #364aab; margin-left: 0;}
	.mobileMenu .mobileTopbar li a img {width: 20px;}
	.mobileMenu .mobileLinks {}
	.mobileMenu .mobileLinks li {list-style: none; border-bottom: 1px solid #364aab; padding: 0 0 5px 0;}
	.mobileMenu .mobileLinks li a {display: block; width: 100%; padding: 10px 0 5px 4px;}
	.mobileMenu .mobileLinks li a:hover, .mobileMenu .mobileLinks li.active a {color: #F6471E;}
	.mobileMenu .mobileLinks li a.specialmybarlow {background: #F6471E; color:#FFFFFF; padding: 12px 0 12px 4px;}
	.mobileMenu .mobileLinks li.active ul li a {color: #fff;}
	.mobileMenu .mobileLinks li ul li.active a {color: #F6471E;}
	.mobileMenu .mobileLinks ul {margin-left: 30px;}
	.mobileMenu .mobileLinks ul li {border-bottom: none;}
	.mobileMenu .mobileLinks ul li a {padding: 10px 0 5px 0;}
	.mobileMenu .mobileLinks ul ul {margin-left: 20px;}
	.mobileMenu .mobileLinks ul ul li {border-bottom: none;}
	.mobileMenu .mobileLinks ul ul li a {}

	.wrapper.revealNav {position: absolute; transition: all .5 linear;}
	#primaryContain.revealNav {overflow: hidden !important; transition: all .5 linear; position: relative; z-index: 998; left: 0; width: 767px; margin: 0 0 0 -707px; box-shadow: 0 0 10px 0 #000;}
	.mobileNav.revealNav {transition: all .5 linear; position: relative;}

	#secondaryNav {display: none; position: fixed; top: 55px; z-index: 990;}
	#secondaryNav ul {margin: auto;}
	#secondaryNav ul li a {font-size: 9pt; font-weight: lighter; padding: 12px 10px;}
	#secondaryNav.navbar-fixed {top: 60px;}

	#tertiaryNav {display: none; position: fixed; top: 55px; z-index: 990;}
	#tertiaryNav ul {margin: auto;}
	#tertiaryNav ul li a {font-size: 9pt; font-weight: lighter; padding: 12px 10px;}
	#tertiaryNav.navbar-fixed {top: 60px;}
	
	#MyBarlowSubNav {display: none; position: fixed; top: 55px; z-index: 990;}
	#MyBarlowSubNav ul {margin: auto;}
	#MyBarlowSubNav ul li a {font-size: 9pt; font-weight: lighter; padding: 12px 10px;}
	#MyBarlowSubNav.navbar-fixed {top: 60px;}
	
	/* Firefox only */
	@-moz-document url-prefix() {
		.home #secondaryNav.navbar-fixed {top: 70px;}
		.home #tertiaryNav.navbar-fixed {top: 70px;}
	}
	@-moz-document url-prefix() {
		.home #MyBarlowSubNav.navbar-fixed {top: 70px;}
	}

	.banner {height: auto !important; min-height: 0; background-size: 100%; background-image: none !important;}
	.banner .content {overflow: auto; width: 100%; background: #f6471e; color: #fff; font-size: 12pt; font-weight: lighter; text-align: left; letter-spacing: 4px; margin: 0; padding: 15px 0;}
	.banner img {width: 100%;}
	.banner.first h2 {width: 95%; font-size: 12pt; text-align: left; margin: auto; padding: 0;}
	.banner.second h2 {width: 95%; font-size: 10pt; text-align: left; margin: auto; padding: 0;}

	.banner.first {margin-top: 95px;}
	.banner.first.revealNav {margin-top: 0 !important;}
	.section {overflow: hidden;}
	.section h2 {width: 95%; margin: 20px auto;}
	.join .twitter {width: 95%; text-align: center; margin: 20px 0;}
	.home p, .home li, .home a {font-size: 10pt; line-height: 14pt;}
	.home .banner.first {margin-top: 95px;}
	.home #secondaryNav.navbar-fixed {top: 155px;}
	.home #tertiaryNav.navbar-fixed {top: 185px;}
	.home #section1 .who {display: block; overflow: hidden; float: none; max-width: 100%; width: 100%; margin: 0 0 0 10px; padding: 20px 0;}
	.home #section1 {background: #e8ecfe; margin: 0; padding: 0;}
	.home #section1 .insights {float: none; overflow: hidden; width: 100%; background: #728aff; color: #fff; margin: 0; padding: 5px 0 30px 0;}
	.home #section1 .insights p {color: #fff; font-family: 'Montserrat', sans-serif; font-size: 10pt; margin: 0;}
	.home #section1 .insights .bigNum p {font-size: 26pt; margin: 0 0 15px 0;}
	.home #section1 .insights .desc p {font-size: 12pt; text-transform: uppercase; line-height: 14pt;}
	.home #section1 .insights .years {width: 100%; margin: 0 0 10px 0;}
	.home #section1 .insights .years h1 {font-size: 100pt; font-weight: lighter; margin: 0;}
	.home #section1 .insights .years img {margin: 35px 0 0 0;}
	.home #section1 .insights .left {display: inline-block; vertical-align: top; width: 48%; text-align: right;}
	.home #section1 .insights .right {display: inline-block; vertical-align: top; width: 43%; text-align: left; margin: 0 0 0 25px;}
	.home #section1 .insights .clients {width: 100%; margin: 0 0 40px 0;}
	.home #section1 .insights .published {width: 100%;}
	.home #section2 .events, .home #section2 .podcasts {float: none; max-width: 95%; width: 100%; border: none; padding: 15px 0 15px 10px;}
	.home #section2 .event {margin: 0 0 20px 0;}
	.home #section2 .podcasts {border-top: 2px solid #d6ddff;}
	.home #section2 .podcasts .add {display: none;}
	.home #section2 .podcast .info {width: 70%;}
	.home #section3 {border-bottom: 2px solid #d6ddff; padding: 20px 10px 30px 10px;}
	.home #section3 p {line-height: normal; margin: 0;}
	.home #section3 .topic {display: inline-block; width: 100%; max-width: 95%; vertical-align: top; margin: 0 0 20px 0; padding: 0 5px 25px 0;}
	.home #section3 .topic img {width: 75%; margin: 0 0 15px 0;}
	.home #section3 .info .type {color: #010d43; font-size: 12pt; text-transform: uppercase;}
	.home #section3 .info .description {color: #4159ce; width: 80%; min-height: 50px; line-height: 14pt; margin: 5px 0 10px 0; padding: 3px 0 0 0;}
	.home #section3 .topic .add a {display: block; width: 125px; color: #4159ce; background: #d6ddff; font-size: 12pt; text-decoration: none; text-align: center; padding: 15px 15px;}
	.home #section3 .buttons {margin-top: 20px;}
	.home #section4 .featured .faq1, .home #section4 .featured .faq2 {width: 100%; margin: 0 0 25px 0; padding: 0;}
	.home #section4 .featured h4 {margin: 0;}

	.subscription .banner {min-height: 0;}
	.subscription #section1 h2 {font-size: 24pt;}
	.subscription #section1, .subscription #section2, .subscription #section3 {width: 95%; margin: auto;}
	.subscription #section1 .stage {width: 95%; min-height: 0; margin: 0 0 20px 0;}
	.subscription #section1 .stage:nth-child(3) {width: 95%;}
	.subscription #section1 .stage img.arrows {display: none;}
	.subscription #section1 .option {width: 100%; margin: 0 0 20px 0;}
	.subscription #section1 .business, .subscription #section1 .business.second {width: 95%;}
	.subscription #section1 .business p {width: 100%;}
	.subscription #section1 .business p, .subscription #section1 .business ul li {width: 95%;}
	.subscription #section1 .business.second {padding: 20px 0 20px 0;}
	.subscription #section2 {border-bottom: 2px solid #d6ddff; padding: 20px 10px 30px 10px;}
	.subscription #section2 p {line-height: normal; margin: 0;}
	.subscription #section2 .topic {display: inline-block; width: 100%; max-width: 95%; vertical-align: top; margin: 0 0 20px 0; padding: 0 5px 25px 0;}
	.subscription #section2 .topic img {width: 75%; margin: 0 0 15px 0;}
	.subscription #section2 .info .type {color: #010d43; font-size: 12pt; text-transform: uppercase;}
	.subscription #section2 .info .description {color: #4159ce; width: 80%; min-height: 50px; line-height: 14pt; margin: 5px 0 10px 0; padding: 3px 0 0 0;}
	.subscription #section2 .topic .add a {display: block; width: 125px; color: #4159ce; background: #d6ddff; font-size: 12pt; text-decoration: none; text-align: center; padding: 15px 15px;}
	.subscription #section2 .buttons {margin-top: 20px;}

	.research .section.heading {background: #182e99; margin: 0; padding: 120px 20px 20px 20px;}
	.research .section.heading h2 {color: #fff; font-size: 24pt; margin: 0 0 10px 0;}
	.research .section.heading p {color: #fff; font-size: 12pt; margin: 0;}
	.research #programs {float: none; width: 100%; overflow-x: hidden;}
	.research #filter {display: none; position: absolute; top: 0; z-index: 996; overflow: hidden; width: 100%; height: 100%; background: #4159ce; margin: 0; padding: 0;}
	.research #filter h2 {clear: both; color: #fff; float: left; margin: 30px 0 0 10px; padding: 0;}
	.research #filter p {color: #fff; font-size: 24pt; float: right; margin: 30px 30px 0 0; padding: 0; cursor: pointer;}
	.research #filter h4 {clear: both; color: #fff; margin: 10px 0 0 0; padding: 20px 0 0 0;}
	.research #filter form .market, .research #filter form .topic, .research #filter form .apply, .research #filter form .by {margin: 0 0 0 15px;}
	.research #filter form .apply input {background: #f6471e; border: none; color: #fff; font-size: 12pt; margin: 20px 0 0 15px; padding: 15px 70px;}
	.research #filter form label {color: #fff;}
	.research #filter .access {display: none;}
	.research #programs .search {width: 95%; margin: 0 20px 0 0; padding: 0;}
	.research #programs .m-search2 {display: none; position: absolute; top: 0; z-index: 996; overflow: hidden; width: 100%; height: 100%; background: #4159ce; margin: 0; padding: 0;}
	.research #programs .m-search2 ul {width: 90%; margin: 30px auto;}
	.research #programs .m-search2 ul li {display: inline-block; width: 49%; color: #fff; font-size: 14pt; text-transform: uppercase;}
	.research #programs .m-search2 ul li:first-child {}
	.research #programs .m-search2 ul li.close-search2 {font-size: 21pt; text-align: right; cursor: pointer;}
	.research #programs .search form {float: none; width: 95%; margin: auto;}
	.research #programs .search input.search-input {font-size: 10pt; padding: 0;}
	.research #programs .search input.search-submit {background: #f6471e url("../images/search-white.png") no-repeat scroll center center / 50% auto}
	.research #programs .m-search2 .results {clear: both; color: #fff; text-align: center; padding: 20px 0;}
	.research #programs .m-filter-search p:first-child {cursor: pointer; float:left; background: #4159ce; color: #fff; margin-left: 20px; padding: 15px 40px;}
	.research #programs .m-filter-search p:last-child {cursor: pointer; float: right; background: #5469d3; border-radius: 5px; text-align: center; margin-right: 20px; padding: 10px 0;}
	.research #programs .m-filter-search p:last-child img {width: 40%;}
	.research #programs .show {float: none; clear: both; width: 100%; margin-left: 20px;}
	.research #programs .show p {text-align: left;}
	.research #elements .element {float: none; width: 95%; margin: 20px 20px 50px 20px;}
	.research #elements .element .display {clear: both; float: none; width: 150px; margin: 0; padding: 0;}
	.research #elements .element .display .label p {font-size: 12px; width: 80%;}
	.research #elements .element .display .labelsp p {font-size: 11px; width: 80%;}
	.research #elements .element .info {clear: both; float: none; width: 90%; margin: 0; padding: 0;}
	.research #elements .element .button {clear: both; float: none; width: 100%; margin: -20px 0 30px 0; padding: 0;}
	.research #elements .element .button a {float: none;}
	.research .loadMore {margin: 0 20px 50px 20px;}

	.detail .top {margin-top: 95px;}
	.detail .sidebar.right {display: none;}
	.detail .heading {background: #182e99; padding: 20px 0;}
	.detail .heading h2 {width: 95%; color: #fff; margin: 0 20px;}
	.detail .section .price {font-weight: bold; margin: 0 0 10px 0;}
	.detail #dashboard {float: none; width: 95%; margin: auto;}
	.detail #item {float: none; width: 95%; margin: auto;}
	.detail #item .image {float: left; width: 145px; height: 125px;}
	.detail #item .image .price {display: none;}
	.detail #item .image .info .label {display: none;}
	.section .title {width: 50%; float: left; margin: 0 0 0 20px;}
	.section .title h2 {color: #182e99; font-size: 14pt; text-transform: initial; line-height: 18pt; margin: 0;}
	.detail #item .info {float: none; width: 95%; margin-bottom: 20px;}
	.detail #item .image .info {float: none; margin: 0 0 20px 0; padding: 0;}
	.detail #item .description {width: 100%; padding: 0;}
	.detail #item .description h4, .detail #item .description p, .detail #item .description ul li {font-size: 12pt; line-height: 18pt;}
	.detail .related {width: 95%; margin: auto;}
	.detail #item .buttons .btn {width: 150px; font-size: 12pt; padding: 15px 0;}
	.detail #item .about .buttons .btn {background: #d6ddff; color: #182e99; width: 150px; font-size: 12pt; margin: 40px 10px 40px 0; padding: 15px 0; text-align: center !important;}
	.detail #item .about .buttons .btn.two {background: #4159ce; color: #d6ddff; width: 150px; font-size: 12pt; margin: 40px 10px 40px 0; padding: 15px 0;}
	.detail #item .about .buttons input {background: #4159ce; color: #d6ddff; width: 150px; font-size: 12pt; margin: 40px 10px 40px 0; padding: 15px 0;}
	.detail #item .about img {float: left; width: 100px;}
	.detail #item .about .text {float: left; width: 65%; margin: 0 0 0 20px;}
	.detail #item .about .text span {font-weight: bold;}
	.detail .related .rel-itm {float: none; width: 95%;}
	.detail .related .rel-itm .itm {float: none; padding: 10px 0 30px 0;}
	.detail .related .rel-itm .itm p {font-size: 14pt; line-height: 18pt;}	

	.about .banner {min-height: 0;}
	.about .main .heading h2 {margin: 20px;}
	.about .main .we-are {width: 95%; margin: auto; padding: 10px 0;}
	.about .main .we-are img {float: none; max-width: 50%;}
	.about .main .we-are .content {float: none; max-width: 95%; margin: 20px 0; padding: 0;}
	.about .main .we-are .content p, .about .main .we-are .content ul li, .about .main .we-are .content a {font-size: 14pt; line-height: 18pt;}
	.about .main .column {float: none; width: 95%;}
	.about .main .column h3 {font-size: 18pt;}
	.about .main .column p, .about .main .column ul li, .about .main .column a {font-size: 14pt; line-height: 18pt;}

	.history .top {margin-top: 95px;}
	.history .section.heading {width: 100%; background: #182e99;}
	.history .section.heading h2 {color: #fff;}
	.history .h-nav ul {text-align: center;}
	.history .h-nav ul li {width: 15%; font-size: 16pt; padding: 15px 0;}
	.history .h-nav ul li:first-child {text-transform: uppercase;}
	.history .h-nav ul li:hover, .history .h-nav ul .active {background-size: 50%;}
	.history .eras .gen-content {max-width: 95%; margin: auto;}
	.history .eras .gen-content h2 {color: #4159ce;}
	.history .eras .gen-content p {font-size: 12pt; line-height: 18pt; max-width: 100%; margin: 0 0 30px 0;}
	.history .eras {width: 100%; max-width: 960px; margin: 0 auto 50px auto;}
	.history .time .era {width: 100%;}
	.history .time {overflow: auto; margin: 10px 0 30px 0;}
	.history .time .left .area {float: none; width: 100%;}
	.history .time .year {color: #010d43; font-weight: bold; text-align: center;}
	.history .time .era, .history .time .area, .history .time .space {max-width: 100%;}
	.history .time .left .space, .history .time .right .space {width: 50%; height: 50px !important;}
	.history .time .right .space {border: none; border-right: 2px solid #f2f0f1}
	.history .time .content {width: 100%; max-width: 100%; margin: 0}
	.history .time .content img {float: right;}
	.history .time .content h4 {font-size: 12pt; line-height: 18pt;}
	.history .time .content p {font-size: 12pt; line-height: 18pt;}
	.history .time .right.era {float: none; overflow: auto;}
	.history .time .left .content {float: none; overflow: auto;}

	.case .top {margin-top: 95px;}
	.case .section.heading {width: 100%; background: #182e99;}
	.case .section.heading h2 {color: #fff;}
	.case .study {margin: 20px;}
	.case .study h3 {font-size: 14pt; margin: 30px 0;}
	.case .study img {max-width: 100%;}
	.case .study.image-left img, .case .study.image-right img {float: none;}
	.case .study.image-left .content, .case .study.image-right .content {float: none; width: 95%; margin: 20px 0;}

	footer .social, footer .about, footer .social, footer .about, footer .newsletter {width: 100%; margin: 10px 0; padding: 0;}
	footer .social ul li {width: 50px; height: 50px; margin: 0 10px 0 0;}
	footer .social ul li a {font-size: 30pt;}
	footer .social ul li a i {font-size: 21pt; padding: 2px 0 0 2px;}
	footer .about ul li {margin: 0 10px 0 0;}
	footer .newsletter {margin: 30px 0 20px 0;}
	footer .newsletter .copyright p {text-align: left;}
}


@media (max-width:480px) {
	.btn a{text-align: center !important;}
	.mobileNav {height: 50px}
	.mobileNav ul li {font-size: 24pt;}
	.mobileMenu a {font-size: 10pt;}

	.banner.first {margin-top: 70px;}
	.banner.first h2 {font-size: 10pt;}
	.home .banner.first {margin-top: 70px;}
	.home #section1 .insights {float: none; min-height: 250px; width: 100%; background: #728aff; color: #fff; margin: 0; padding: 5px 0 10px 0;}
	.home #section1 .insights p {color: #fff; font-family: 'Montserrat', sans-serif; font-size: 10pt; margin: 0;}
	.home #section1 .insights .bigNum p {font-size: 14pt; margin: 0 0 5px 0;}
	.home #section1 .insights .desc p {font-size: 8pt; text-transform: uppercase; line-height: 10pt;}
	.home #section1 .insights .years {width: 100%; margin: 0 0 10px 0;}
	.home #section1 .insights .years h1 {font-size: 50pt; font-weight: lighter; margin: 0;}
	.home #section1 .insights .years img {width: 50px; margin: 20px 0 0 0;}
	.home #section1 .insights .left {display: inline-block; vertical-align: top; width: 48%; text-align: right;}
	.home #section1 .insights .right {display: inline-block; vertical-align: top; width: 43%; text-align: left; margin: 0 0 0 10px;}
	.home #section1 .insights .clients {width: 100%; margin: 0 0 15px 0;}
	.home #section1 .insights .published {width: 100%;}

	.subscription #section1 .business .buttons .btn {width: 85%; min-height: 40px; margin: 10px auto; text-align: center;}
	.subscription #section1 .business .qkContact {width: 95%;}
	.subscription #section1 .business .qkContact form input.text {width: 95%;}
	.subscription #section1 .business .qkContact form textarea {width: 95%;}
	.subscription #section1 .business .qkContact form input.inputfield {width: 95%;}
	.subscription #section1 .business .qkContact form textarea.inputfield {width: 95%;}
	
	.research .section.heading {padding: 90px 10px 20px;}
	.research .section.heading h2 {font-size: 18pt;}
	.research .section.heading p {font-size: 8pt;}
	.research #programs .search form {float: none; width: 95%; margin: auto;}
	.research #programs .search input.search-input {width: 80%; font-size: 10pt; padding: 0;}
	.research #programs .search input.search-submit {background: #f6471e url("../images/search-white.png") no-repeat scroll center center / 50% auto}

	.detail #item .info {margin: 0;}
	.detail #item .image {float: none;}
	.section .title {float: none; width: 100%; margin: 10px 0;}
	.section .title h2 {font-size: 12pt; line-height: 16pt;}
	.detail #item .description h4, .detail #item .description p, .detail #item .description ul li {font-size: 10pt; line-height: 14pt;}
	.detail #item .about img {width: 75px;}
	.detail .related .rel-itm .itm p {font-size: 10pt; line-height: 14pt;}

	.about .main .heading h2 {font-size: 18pt;}
	.about .main .we-are img {max-width: 100%;}
	.about .main .we-are .content p, .about .main .we-are .content ul li, .about .main .we-are .content a {font-size: 10pt; line-height: 14pt;}
	.about .main .column p, .about .main .column ul li, .about .main .column a {font-size: 10pt; line-height: 14pt;}

	.history .section.heading h2 {font-size: 18pt;}
	.history .eras .gen-content p {font-size: 10pt; line-height: 14pt;}
	.history .h-nav ul li {width: 17%; font-size: 12pt; padding: 15px 0;}
	.history .h-nav ul li:first-child {text-transform: uppercase;}
	.history .h-nav ul li:hover, .history .h-nav ul .active {background-size: 50%;}
	.history .time .content img {float: right;}
	.history .time .content h4 {font-size: 10pt; line-height: 14pt;}
	.history .time .content p {font-size: 10pt; line-height: 14pt;}

	.case .top {margin-top: 95px;}
	.case .section.heading {width: 100%; background: #182e99;}
	.case .section.heading h2 {color: #fff; font-size: 18pt;}
	.case .study {margin: 20px;}
	.case .study h3 {font-size: 12pt; margin: 30px 0;}
	.case .study img {max-width: 100%;}
	.case .study.image-left img, .case .study.image-right img {float: none;}
	.case .study.image-left .content, .case .study.image-right .content {float: none; width: 95%; margin: 20px 0;}
	.case .study .content p {font-size: 10pt;}



}
@media print {
            .pagebreak { page-break-before: always; }
        }
.itm > h5 {padding-right: 10px;}