body { font-family: "soleil"; font-weight: 300; margin: 0; padding: 0; font-size: 24px; margin-top: 82px; max-width: 100%; background-color: white }

div { max-width: 100% }
section { display: block; margin: 0 auto; background-color: white }
.container-fluid { padding-right: 0 }

h2 { font-weight: 500; font-size: 28px; text-transform: uppercase; letter-spacing: .1em; color: #707070; text-align: center; max-width: 80%; margin: 0 auto }
hgroup h2 { letter-spacing: .02em }

a { text-decoration: none; color: #42a0ce }
a:hover { color: #006487 }
a:focus, a:hover { text-decoration: none }
.news .col-md-6:first-child { margin-bottom: 6rem }
#t-accelify-blog-post article img { max-width: 100%; height: auto }

/* !Utilities */
.aligncenter { margin-left: auto; margin-right: auto; max-width: 100% }
.alignright { float: right; margin: 0 0 1rem 1rem }
.alignleft { float: left; margin: 0 1rem 1rem 0 }

/* !Navbar */
.navbar { font-size: 16px; padding: 1em 1em 0; background-color: #fff }
.navbar-brand { padding: 0 18px 0 18px }
.navbar-brand img { max-width: 205px }
.navbar a { text-transform: uppercase; letter-spacing: .12em; color: #707070 }
.navbar a:hover { color: #505050 }
.nav > li { margin-top: 15px }
.navbar ul ul { padding-top: 0 }
.navbar ul ul a { text-transform: none; border-top: 1px solid #efefef; line-height: 2em; color: #888; letter-spacing: .02em }
.navbar-collapse { border-top: 0 }

@media (max-width:767px) {
	body { margin-top: 50px }
	.navbar { padding: .1em 0 0 }
	.navbar-brand img { max-width: 150px; margin-top: 6px }
	.navbar a { letter-spacing: .5px }
}
.navbar-toggle { margin-right: 0 !important }

/* !Footer */
.footer { background-color: rgb(113, 123, 138); color: #fff; font-size: 15px; line-height: 1.6em; font-family: "soleil"; font-weight: 300; padding: 2em 2em 6em }
.footer .row { max-width: 980px; margin: 0 auto }
#contact-block { background-image: url('/assets/img/whitephone.svg'); background-position: 40px 10px; background-repeat: no-repeat; background-size: 56px !important; padding-top: 1px }
#contact-block a, #contact-block a:hover, #contact-block a:link, #contact-block a:visited, #contact-block a:active { color: white !important }
#contact-block h3 { margin-left: 116px; text-transform: uppercase; letter-spacing: .18em; font-size: 28px; font-weight: 300 }
#contact-block p { margin-top: 28px; margin-left: 0%; font-weight: 500; letter-spacing: .06em }
#contact-block p span { display: inline-block; width: 160px; text-align: right; margin-right: 2em; font-family: chaparral-pro, serif; font-weight: 100; font-style: italic; font-size: 17px }
#contact-block p b { font-weight: normal; letter-spacing: .16em }
#address-block { margin-top: 24px; font-weight: 300; line-height: 1.42em; font-size: 14px }
#address-block strong { font-weight: 500; letter-spacing: .12em; text-transform: uppercase; font-size: 17px; margin-bottom: 9px; display: inline-block }
#address-block em { font-family: chaparral-pro, serif; font-weight: 100; font-style: italic; font-size: 15px; line-height: 1.45em }
.footer .privacy { font-size: 14px; font-weight: 100; text-align: right; margin-top: 4rem; position: absolute; right: 20px }

@media (max-width:767px) {
	#contact-block { background-position: 0 0; background-size: 26% }
	#contact-block h3 { margin-left: 30% }
	#contact-block p span { display: block; text-align: left; margin-top: 1em }
}

/* !Request Form */
.request-form { background-image: url(/assets/img/requestbg.jpg); background-size: cover; background-repeat: no-repeat; background-position: left top; text-align: center; padding: 4rem }
.request-form form { width: 720px; margin: 0 auto; max-width: 90% }
.request-form h1 { line-height: 1.4em; margin-bottom: 2rem; color: white }
.request-form input, .request-form textarea { border-radius: 30px; border: 0; padding: 2px 15px; outline: none; width: 100% }
.request-form textarea { padding: 2rem }
.request-form .submit { margin-top: 2rem !important; font-size: 18px; display: inline-block; width: auto }
.request-form p { color: #fff }
.request-form label { color: white; display: block; text-align: left; font-size: 18px; margin-top: 2rem; font-weight: 100; margin-left: 15px }
.request-form label.comments-label { text-align: center; margin-left: 0 }
.request-form .alert { max-width: 780px; margin: 1rem auto; border-radius: 30px }

#banner1 { clear: both; width: 100%; height: 642px; background-image: url(/assets/img/banner1o.jpg); background-position: bottom center; background-repeat: no-repeat; padding-left: 12%; background-size: cover }
#banner1 .tagline { background: rgba(255, 255, 255, .4); height: 100%; font-size: 42px; font-size: 40px; width: 340px; max-width: 80%; padding: 80px 40px 20px 60px; font-weight: 300; line-height: 1.2em; color: white }
#banner2 { width: 100%; height: 380px; background-image: url(/assets/img/banner2o.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover }
#banner-cs { clear: both; width: 100%; background-repeat: no-repeat; padding-left: 12%; background-size: cover; background-image: url(/assets/img/cs/banner.jpg); background-position: center center; height: 450px; height: 375px; background-position: center 45% }
#banner-cs .tagline { height: 100%; font-size: 42px; font-size: 40px; width: 340px; max-width: 80%; padding: 340px 40px 20px 60px; padding: 240px 40px 20px 60px; font-weight: 300; line-height: 1.2em; color: white }

#empower { padding: 30px 0px 100px; margin: 0 auto }
#empower ul, #products ul { list-style-type: none; text-align: center; margin: 0; padding: 40px 0 0 0 }
#empower ul li { display: inline-block; width: 17%; min-width: 200px; max-width: 100%; text-align: center; vertical-align: top; padding: 20px }
#empower ul li img { width: 50%; max-width: 100px }
#empower ul li span { display: block; color: #666766; font-family: chaparral-pro, serif; font-weight: 100; font-style: italic; font-size: 22px; line-height: 1.2em; margin-top: 1em }

#our-products { background: rgb(220, 233, 253); padding-right: 50px; padding-left: 50px; padding: 80px 50px 5px; margin: 0 auto; text-align: center }

#our-products .block-grid-xs-1 a { padding: 2% 3% 1%; color: #666766; font-family: chaparral-pro, serif; font-weight: 100; font-style: italic; font-size: 24px; line-height: 1.2em; text-align: center; vertical-align: top; height: 330px }
#our-products .block-grid-xs-1 a img { max-width: 50%; background: #fff; padding: 0; margin: 20px 0 0; max-width: 135px }
#our-products>div { padding-top: 2em; padding-bottom: 2em; max-width: 1020px; margin: 0 auto }
#our-products a:hover { background: white; border-radius: 16% }
#our-products a:hover img { opacity: .2 }
#our-products a div { font-family: "soleil"; font-weight: 300; display: none; padding: 0 16px; font-size: 16px; font-style: normal !important; margin-top: -150px; line-height: 1.4em; z-index: 99; transition: visibility 0s, opacity 0.5s linear }
#our-products a div h3 { font-size: 22px; font-style: normal !important; color: #403c3a }
#our-products a:hover div { display: block }

/* !Testimonials */
#testimonials { margin-bottom: 0; padding: 2rem 0 1em; text-align: center }
#testimonials h2 { margin-top: 70px; margin-bottom: 2em }
#testimonials .row { margin: 2rem 135px 0 }

#testimonials .frame { max-width: 1120px; margin: 0 auto }
#testimonials blockquote { position: relative; font-size: 17px; background-color: #e3eefd; background-position: 6% 20px; background-repeat: no-repeat; color: #666766; background-size: 10%; font-family: chaparral-pro, serif; font-style: italic; font-weight: 400; border-radius: 18px; display: inline-block !important; vertical-align: top; margin: 1em; border-left: none; line-height: 1.8em; font-size: 20px; padding: 1.5em 2em 2em }

#testimonials blockquote cite { display: block; font-family: "soleil"; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; color: #707070; font-style: normal; text-align: right; font-size: 14px; }

#testimonials blockquote.right { background-position: 94% 20px; background-repeat: no-repeat; background-size: 12% }
#testimonials blockquote::before { border: 25px solid; border-color: transparent transparent #e3eefd #e3eefd; content: ' '; position: absolute; width: 0; height: 0; left: 30px; top: -50px }
#testimonials blockquote.right::before { border: 25px solid; border-color: #e3eefd #e3eefd transparent transparent; content: ' '; position: absolute; width: 0; height: 0; right: 30px; left: auto; top: auto; bottom: -50px }
#testimonials a.more, #our-products a.more { font-family: chaparral-pro, serif; display: inline-block; margin: 2.5em auto 3.8em; text-align: center; padding: .5em 1em; font-size: 16px; text-transform: uppercase; border: 1px solid #b0b0b0; border-radius: 42px; font-family: "soleil"; font-weight: 500; text-transform: uppercase; letter-spacing: .18em; color: #707070 }
#testimonials a.more:hover, #our-products a.more:hover { text-decoration: none; color: #fff; background: #777D96; border-color: transparent }
#testimonials .leftcol blockquote::before { border-color: #e3eefd #e3eefd transparent transparent; left: -50px; top: 30px }
#testimonials .rightcol blockquote::before { border-color: #transparent  transparent #e3eefd #e3eefd; bottom: 10%; top: auto; left: 100% }
#testimonials blockquote p { text-align: left; min-height: auto; margin-bottom: 2em }
#testimonials blockquote p, blockquote cite { line-height: 1.6em }
#testimonials .col-md-6 { padding: 0 }
#testimonials cite { font-size: 16px; letter-spacing: 2px }
#testimonials cite em { font-family: chaparral-pro, serif; font-style: italic; font-weight: 400; font-size: 20px; letter-spacing: 0; text-transform: none }
#testimonials iframe { max-width: 98%; margin: 0 auto }
#testimonials-banner { padding: 40px 10%; background: url('/assets/img/girlblackboard.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 375px }

#testimonials-banner .tagline { color: white; font-size: 3.6rem; font-weight: 500; padding-top: 90px }

.affix { top: 80px; margin-right: auto; margin-left: auto; width: 100%; z-index: 300; background: #E8E6DE; background: #e3eefd; background: rgba(227, 238, 253, .85); padding-top: 16px; padding-bottom: 10px }

#our-products .more { margin-top: 0 !important }

.affix .btn-default { border: none }
#solution { background-color: #e3eefd; padding: 1em 0 }
#solution .row { max-width: 980px; margin: 0 auto }
#solution img { max-width: 280px; margin: 1em auto }
#solution h2 { margin: 1em; text-align: left; text-transform: none; font-weight: 500; letter-spacing: .02em; line-height: 1.3em; font-size: 34px }
#produit .product  h3, #produit .product  h4, #produit .product a, #produit .product a:hover { color: #42a0ce !important }
#produit .product a.btn:hover { color: white !important }
#produit .product a, #produit .product a:hover { color: #656666 !important }
.product span { color: #42a0ce }
#t-case-study-detail .tagline a { color: white }
#sd a, #sd a:hover, #sd a:active, #sd a:visited { color: #42a0ce }
.panel { padding: 9px 14px; margin-bottom: 14px; background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px }

.news { padding: 65px 0; margin: 0 auto; max-width: 1260px; padding-bottom: 1rem }
.news h2 { margin-left: 0; letter-spacing: .12em; text-align: left; color: #656666; max-width: 100% }
.news .col-md-6 { padding: 0 6% }
.news article { font-size: 65% }
.news a h3, .news h3 { color: #42A0CE }
#banner-news .tagline { height: 100%; font-size: 42px; font-size: 40px; width: 340px; max-width: 80%; padding: 80px 40px 20px 60px; font-weight: 500; line-height: 1.2em; color: #084a62 }
#banner-news { clear: both; width: 100%; background-repeat: no-repeat; padding-left: 12%; background-size: cover; background-position: 25% center; height: 375px; background-image: url('/assets/img/officescene2a.jpg') }

iframe { max-width: 96%; margin: 0 auto }
.cp { max-width: 90% !important }
.news article hr { clear: both; border: transparent; display:table;}
.news article a img { margin-right: 30px }

.videowrap { display: block; margin-top: 20px }
a.vlink { display: block; margin-top: 20px }
#video { overflow: visible; padding: 0; background: transparent; margin: 0; height: 360px; border-radius: 0; max-width: 650px !important }
@media (max-width:767px) {
	#testimonials .row { width: 100% !important; margin: 0 !important; float: none; display: block !important }
	#testimonials blockquote:before { display: none }
}

@media (max-width:991px) {
	.news { margin: 0 4rem }
}
.post-thumb { margin-top: 2rem !important; max-width: 100% }
#t-home #video { overflow: visible; padding: 0; background: transparent; margin: 0; height: 360px; border-radius: 0; max-width: 650px !important }
#t-home .tagline a { display: block; margin-top: 20px }
#t-home .videowrap { margin: 3rem 0 4rem; max-width: 100% }
@media (max-width:850px) {
	#t-home .tagline { background: none !important }
}
.product img { max-width: 100% }
.product img.icn { width: 65px }
.product { max-width: 1190px; margin: 0 auto; padding: 2.6em 0 }
.product > div { padding: 0 2em }
.product p, .product ul { font-size: 17px; line-height: 1.4em }
.product h4 { line-height: 1.6em }
#produit { padding: 1em 0; padding-bottom: 3em }

/* !Buttons */
.buttons { text-align: center }
.buttons:hover, .btn-default:hover { border-color: transparent }
.buttons a { margin-right: 18px }
.buttons a:hover { color: white }
.btn { margin-bottom: 1rem }
.btn-info, .btn-info:visited { background-color: #e3eefc; border: 1px solid #e3eefc; color: #707070; text-transform: uppercase; letter-spacing: .12em; font-size: 12px; border-radius: 45px }
.btn-info:hover, .btn-info:active { background-color: #777D96 !important; border-color: #777D96 }
.nav-pills>li>a { text-transform: uppercase; letter-spacing: .12em; font-size: 14px; border-radius: 45px; margin: 0 1em 1em }
#bnav { margin-bottom: 30px; text-align: center }
#bnav ul { display: inline-block }
#bnav a[href^="#PLN"]:hover, #bnav li.active a[href^="#PLN"] { background-color: #F79737 }
#bnav a[href^="#ASN"]:hover, #bnav li.active a[href^="#ASN"] { background-color: #777D96 }
#bnav a[href^="#SCH"]:hover, #bnav li.active a[href^="#SCH"] { background-color: #26B5A4 }
#bnav a[href^="#TRK"]:hover, #bnav li.active a[href^="#TRK"] { background-color: #42A0CE }
#bnav a[href^="#BLL"]:hover, #bnav li.active a[href^="#BLL"] { background-color: #004963 }
#bnav a[href^="#CLM"]:hover, #bnav li.active a[href^="#CLM"] { background-color: #EF6841 }
#bnav a[href^="#DTA"]:hover, #bnav li.active a[href^="#DTA"] { background-color: #A4B0C8 }

.product-banner { padding: 40px 10%; background: url('/assets/img/product_detail_banner2.jpg'); background-repeat: no-repeat; background-position: 65% center; background-size: cover; min-height: 375px }
.product-banner hgroup h1, .product-banner hgroup h2 { color: white !important }
.product-banner hgroup h2 { text-transform: none; text-align: left; font-weight: 300; font-size: 28px; max-width: 40%; line-height: 1.2em; margin: 0 }
.product-banner hgroup h3 { font-family: "chaparral-pro"; font-weight: 400; font-style: italic; color: #084a62; max-width: 50% }
#t-home #testimonials { padding-top: 0 }
@media (max-width:739px) {
	.product-banner { background-position: 12% center }
	.product-banner hgroup h2 { max-width: 90% }
	#banner1 .tagline { padding: 30px 0 0; width: 140px; margin-left: -20px; font-size: 30px }
}
.product h3, .product em { color: #47a1cd }
.product-intro { padding: 3em 10% 1em; font-size: 18px }
.product-intro .buttons { margin: .6em 0 0; text-align: left }
.product-intro .buttons a { margin-left: 0 }

.careers { margin: 2rem auto; padding: 2rem; max-width: 960px }
.careers h1 { color: #47a1cd; margin: 2rem 0 3rem !important }
.careers h2 { text-align: left; font-size: 21px; margin: 4rem 0 1rem !important }
.careers p, .careers ul { font-size: 17px; line-height: 1.4em }
.careers  ul { list-style-type: square }
.careers .buttons { text-align: left }
.careers .button-apply { margin: 2rem 0; padding: 1rem 2rem }
#t-careers .perks { margin-top: 5rem !important }
#t-careers .perks div { text-align: center }
#t-careers .perks div img { width: 40% !important }
/*#t-careers .perks div p { padding: 0 98px 24px }*/
#t-careers .perks div p { padding: 0 22px 24px; }
#t-careers .services-banner h1 { margin-top: 126px }
#t-careers .services-features h2 { text-align: left; margin: 6rem 0 3rem }
#t-careers .services-features ul li { list-style-type: none; font-size: 24px; font-family: chaparral-pro; font-style: italic; line-height: 2em }
#t-careers .services-features ul li a { color: #47a1cd }
#t-careers .openings { font-family: chaparral-pro; font-style: italic }

.clientlogin { background: #dce1ea; padding: 4rem; border-radius: 50px; min-height: 620px; width: 500px; max-width: 100%; margin: 2rem auto 4rem }
.clientlogin h1 { color: #51718c; font-weight: 600; font-size: 21px }
.clientlogin p { color: #656666; font-size: 18px }
.clientlogin select { display: none }
#t-program-support .feature { margin: 3rem !important; min-height: 400px; padding-top: 2.4em !important }
.services-banner { background-position: center center; background-size: cover; background-repeat: no-repeat; height: 375px; padding: 220px 15% 0 }
.services-banner h1 { color: white }
.services-intro { font-family: "chaparral-pro"; font-style: italic; color: #084a62; font-size: 24px }
.services-intro .buttons { font-family: "soleil"; font-style: normal }
.services-features { padding: 1em 10% 4em }
.services-features p { font-size: 18px }
.services-features .feature { padding: 1.6em; margin: .5em; border: 2px solid #DCE1EA; border-radius: 24px }
.services-features [class*="block-grid-"], .services-features [class*="block-grid-"]>div { padding: 0 }
.services-features>h3 { margin-bottom: 1em }
.services-features .feature h3 { text-transform: uppercase; font-size: 22px; letter-spacing: 1.4px; color: #707070 }
.services-features .feature img { height: 90px; display: block; margin: 0 auto 2em }
.services-features h3 { color: #707070 }
.services-features .feature h4 { font-family: "chaparral-pro"; font-style: italic; color: #47a1cd; margin: 2em 0 .5em; font-size: 22px }
.services-features .feature .buttons { text-align: left }
@media (max-width:549px) {
	.services-features .feature { padding: 1em; margin: 2rem auto !important }
	.services-features .feature h3 { font-size: 20px }
	.services-features .feature p { font-size: 17px }
	.services-features .block-grid-xs-1 { margin: 0 }
}
#t-vision .feature { margin: 3rem !important; min-height: 925px; padding-top: 2.4em !important }
#t-vision .vision h2 { text-align: left; max-width: 100%; margin: 40px 0 1rem; font-size: 22px }
#t-vision .vision h3 { font-size: 18px }
#t-vision .product-intro p, #t-vision .vision p { color: #707070; font-weight: 400 }
#t-vision .services-banner { padding-left: 9% }
.services-intro-box { margin: 0rem auto 2rem; display: block; max-width: 450px; border: 2px solid #d1d1d1; padding: 2rem; border-radius: 22px; text-align: center }
@media (max-width:1024px) {
	#t-vision .feature { min-height: 960px }
}
@media (max-width:990px) {
	#t-vision .feature { min-height: 260px }
}
@media (min-width:1200px) {
	#t-vision .feature { min-height: 720px !important }
}
@media (min-width:1400px) {
	#t-vision .feature { min-height: 620px !important }
}
@media (min-width:1700px) {
	#t-vision .block-grid-xs-1 .feature { min-height: 520px !important }
}
@media (min-width:2100px) {
	#t-vision .block-grid-xs-1 .feature { min-height: 320px !important }
}
#t-testimonials section { overflow: hidden }

#t-case-studies .box { width: 41%; text-align: center; position: relative; font-size: 17px; background-color: #e3eefd; background-position: 6% 20px; background-repeat: no-repeat; color: #666766; background-size: 10%; font-weight: 400; padding: 3em; border-radius: 18px; display: inline-block !important; vertical-align: top; margin: 1.4em 3%; border-left: none; line-height: 1.8em; font-size: 20px }
#t-case-studies .box img { max-width: 100% }
#t-case-studies .studies { padding: 6rem 0 8rem !important; max-width: 1200px; margin: 0 auto }
#t-case-studies .box .buttons { margin-top: 1rem }
#t-case-studies .box .buttons .btn { font-size: 12px; padding: 6px 12px; background-color: white; outline: none }
#t-case-studies .boxlink:hover .buttons .btn, .boxlink:active .buttons .btn { color: #707070; color: white !important; background-color: #777D96 !important; border-color: #777D96 }
#t-case-studies .block-grid-xs-1 { margin: 0 4rem !important }
@media (max-width:900px) {
	#t-case-studies .box { width: 100%; display: block; margin: 12px 0 }
	#t-case-studies .block-grid-xs-1 { margin: 0 1rem !important }
}

/* !Pagination */
.row.pagination { display: block; font-family: "soleil"; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; color: #707070; font-style: normal; font-size: 14px; padding-top: 4rem }
.news .buttons { text-align: left; margin-top: 2rem }
.next a { display: inline-block; margin-right: 3rem }
article .size-full { margin-top: 1rem }
article img.alignleft { clear: both }
/* #t-accelify-blog-post article p a+a { margin-top: 0rem !important; display: block } */
.loginwrap { padding: 40px }
@media (max-width:650px) {
	.loginwrap { padding: 0 }
	.clientlogin { border-radius: 0 !important; margin: 0 !important }
    article img.alignleft { float: none }
}

#t-careers .services-banner { padding-left: 9%; height: 450px; background-image: url('/assets/img/careers/boardroom.jpg'); background-position: center -45px; background-position: 30% center !important; height: 375px }
#t-careers .services-banner h1 { margin-top: 26px !important }
@media (min-width:1400px) {
	#t-careers .services-banner { background-position: center 30% !important }
}
@media (max-width:991px) {
	#solution .text-right { text-align: center; margin-top: 2rem }
}

.request-form a:link, .request-form a:active, .request-form a:visited {color: #fff;}

@media (min-width:768px) {
    .reqbutton {
        display: block !important;
        float: right;
        margin-top: 1.5em;
        margin-left: 20px;
    }
    .reqnavli {display: none !important;}
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 394px;
}

.sm {margin-top:14px;}

@media (min-width:768px) {
	.sm {margin-top:180px;}
}
.sm a svg {
    height: 35px;
    display: inline-block;
    margin: 0 .35em;
}
.sm a:hover svg {opacity:.85;}

.alert {margin-top:2em !important;}