body {
 color: #3f454f; font-family: Lato,sans-serif; overflow-x: hidden; overflow-y: scroll; 
}
.imgFadeIn
{
 animation: animat_show 2s; webkit-animation: animat_show 2s; 
}
@-webkit-keyframes animat_show
{
	0%
	{
	 opacity: 0; 
	}
	100%
	{
	 opacity: 1; 
	}
}
@media screen and (min-width:960px)
{
	.row.half-column
	{
	 flex-basis: 47.5%; 
	}
}
.flatintro,footer
{
 contain-intrinsic-size: 1px 1000px; content-visibility: auto; 
}
body,li,p,ul
{
 font-size: 16px; font-weight: 400; line-height: 1.375em; 
}
body,sup
{
 position: relative; 
}
#OurPeople .grid4,#content .container>h3,.centerimg,.features_benefits h4,figure,.centered
{
 text-align: center; 
}
p:empty
{
 display: none!important; 
}
.add-on,body
{
 background: #fff; 
}
pre,pre code
{
 overflow: auto; white-space: pre; 
}
#menu ul,code
{
 white-space: nowrap; 
}
.big,.bold_title,.bold_title2,.h1,h1,h2,h3,h4,h5
{
 font-family: Gotham,sans-serif; font-weight: 300; line-height: 1.25em; 
}
h2,h3,h4,h5
{
 font-weight: 500; 
}
p
{
 margin: 0 0 15px 0; 
}
strong
{
 font-weight: bolder; 
}
sup
{
 font-size: 75%; line-height: 0; top: -.5em; vertical-align: baseline; 
}
.flatintro.hero
{
 background-color: #3799b1; background-position: 50% 100.5%,50% 50%; background-repeat: repeat-x; background-size: auto,cover; 
}
.webp .flatintro.hero
{
 background-image: url(/img/arrow-down.svg),url(/img/researcher.webp);
	margin-bottom:-2px;
}
.no-webp .flatintro.hero
{
 background-image: url(/img/arrow-down.svg),url(/img/researcher.jpg); 
	margin-bottom:-2px;
}
.webp .flatintro.hero.new
{
 background-image: url(/img/arrow-down-alt.svg),url(/img/researcher.webp); 
	margin-bottom:-2px;
}
.no-webp .flatintro.hero.new
{
 background-image: url(/img/arrow-down-alt.svg),url(/img/researcher.jpg); 
	margin-bottom:-2px;
}
.flatintro.hero img
{
 bottom: 25px; position: absolute; right: 0; width: 100px;
}
.flatintro.hero h1
{
 font-size: 2rem; padding: 75px 0; text-shadow: 0 2px 25px #1B5A72; transition: all .25s; 
}
@media screen and (min-width:768px)
{
	.webp .flatintro.hero.new
{
 background-image: url(/img/arrow-down-alt.svg),url(/img/researcher.webp); 
	margin-bottom:-2px;
}
.no-webp .flatintro.hero.new
{
 background-image: url(/img/arrow-down-alt.svg),url(/img/researcher.jpg); 
	margin-bottom:-2px;
}
	.flexy{background:#1b5a72;}
	.flexy-content:nth-child(1){padding-top:3rem; padding-bottom:4rem;}
	.flatintro.hero h1
	{
	 font-size: 3rem; padding: 75px 0; 
	}
	.flatintro.hero img
	{
	 bottom: 50px; width: 150px; 
	}
}
@media screen and (min-width:960px)
{
	.webp .flatintro.hero.new
{
 background-image: url(/img/arrow-down-alt.svg),url(/img/researcher.webp); 
	margin-bottom:-2px;
}
.no-webp .flatintro.hero.new
{
 background-image: url(/img/arrow-down-alt.svg),url(/img/researcher.jpg); 
	margin-bottom:-2px;
}
	.flatintro.hero h1
	{
	 font-size: 3.5rem; padding: 99px 0; 
	}
}
@media screen and (min-width:1085px)
{.flexy{background:#0c3247;}}
@media screen and (min-width:1280px)
{
	.flatintro.hero h1
	{
	 font-size: 4.25rem; padding: 100px 0; 
	}
}
@media screen and (min-width:1400px)
{
	.flatintro.hero h1
	{
	 font-size: 4.25rem; padding: 125px 0; 
	}
}
@media screen and (min-width:1600px)
{
	.flatintro.hero h1
	{
	 font-size: 4.5rem; padding: 160px 0; 
	}
}
@media screen and (min-width:960px)
{
	.flatintro.third .news h3
	{
	 padding: 5px 100px 25px; 
	}
}
@media screen and (min-width:1280px)
{
	.flatintro.third .news h3
	{
	 padding: 5px 200px 25px; 
	}
}
a,a:visited,a:-webkit-any-link
{
 color: #DF3F32; 
}
a:hover
{
 color: #0a4159; 
}
ol ol li,ol ul li,ol>li,ul ol li,ul ul li,ul>li
{
 line-height: 1.5em; margin-bottom: 0; 
}
#content .col .widget .box ul li,#content ul>li
{
 margin-left: 20px; 
}
ul
{
 margin-bottom: 15px; 
}
#content ol,.href ol
{
 list-style: decimal; margin-left: 20px; 
}
li a,p a,p.bold
{
 font-weight: 500; 
}
.footer_social:hover img,a:hover .data-table-analytics,a:hover .data-table-analytics-gif,a:hover .externalLink img
{
 box-shadow: none; 
}
a.noglow:hover img
{
 box-shadow: none; opacity: .8; 
}
span.h5,span.h6
{
 display: block; font-size: 16px; font-weight: 500; line-height: 1.5em; 
}
iframe
{
 max-width: 100%; 
}
span.h6
{
 color: #666; font-size: 16px; 
}
h2
{
 font-size: 23px; line-height: 1.25em; margin-bottom: 25px; 
}
.bold
{
 font-weight: 700; 
}
.bold_title,.bold_title2,.single h2,h3,h4
{
 font-size: 16px; 
}
.bold_title,.bold_title2,h3
{
 margin-bottom: 15px; 
}
h3
{
 text-transform: uppercase; 
}
h6
{
 clear: left; 
}
figure
{
 margin-bottom: 25px; margin-top: 15px; 
}
.note
{
 color: #999; 
}
.externalLink img
{
 height: 15px; width: 15px; 
}
.page-template-default #content .container figure+h3,.page-template-default #content .container ol+h3,.page-template-default #content .container p+h3,.page-template-default #content .container pre+h3,.page-template-default #content .container table+h3,.page-template-default #content .container ul+h3
{
 margin-top: 50px; 
}
@media screen and (min-width:960px)
{
	#content .accordion>h3,#content .accordion>li,#content .container>h4,#content .container>.about,#content .container>p,.container>.tab-container .tab_content h3,.tab-container .tab_content ul,.tab_content ol,.tab_content p,.tidy_content h3,.tidy_content ol,.tidy_content p,.tidy_content table,.tidy_content ul
	{
	 margin: 0 10% 15px; padding: 0; 
	}
	.grid8 .tab-container .tab_content ul,.grid8 .tab_content ol,.grid8 .tab_content p,.grid8 .tidy_content ol,.grid8 .tidy_content p,.grid8 .tidy_content ul
	{
	 margin: 0 0 15px; padding: 0; 
	}
}
.single h2,h4
{
 color: rgba(0,0,0,.66); margin-bottom: 15px; text-transform: uppercase; 
}
h3.long,h4.long
{
 text-transform: inherit; 
}
.features_benefits
{
 background: url(/img/slash.png) 50% 0 no-repeat #eee; border: none; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(0,0,0,.1); margin: 20px 0; 
}
.features_benefits ul
{
 margin: 0 20px 20px; 
}
.features_benefits h4
{
 font-size: 14px!important; height: 25px!important; 
}
.add-on
{
 background: #eee; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(0,0,0,.1); float: left; margin-bottom: 20px; padding-bottom: 10px; 
}
.add-on .button,.add-on h4,.add-on p
{
 margin: 15px; 
}
.add-on h4,.add-on p
{
 border-bottom: 1px solid #ddd; padding-bottom: 10px; 
}
.grid8 .add-on a.button,.grid8 .add-on h4
{
 font-size: 13px; margin: 15px; 
}
.grid8 .add-on a.button
{
 display: block; 
}
@media screen and (min-width:768px)
{
	.grid8 .add-on h4
	{
	 border-bottom: 1px solid #ddd; height: 25px; 
	}
}
@media screen and (min-width:960px)
{
	.grid8 .add-on div
	{
	 float: left; width: 33%; 
	}
	.grid8 .add-on a.button,.grid8 .add-on h4
	{
	 font-size: 13px; 
	}
	.grid8 .add-on p
	{
	 height: 210px; 
	}
	.grid8 .add-on h4
	{
	 height: 75px; 
	}
}
@media screen and (min-width:1280px)
{
	.grid8 .add-on p
	{
	 height: 160px; 
	}
	.grid8 .add-on h4
	{
	 height: 50px; 
	}
}
#OurPeople h4,#content .grid12>h4,.page-template-template-staff h3,.single h2,.tab-container .tab_content h4,.tidy_content h4
{
 border-bottom: 1px solid rgba(0,0,0,.1); padding: 10px; text-align: center; 
}
#OurPeople .grid4 h4,#OurPeople h4
{
 border-bottom: 1px solid rgba(0,0,0,.1); padding: 10px 0; 
}
#OurPeople .grid4
{
 margin-bottom: 15px; min-height: 375px; 
}
#OurPeople .grid4 p
{
 text-align: left; 
}
#OurPeople .grid4 img
{
 border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px rgba(55,153,177,.25); 
}
.pageIcon
{
 float: left; margin: -10px 5px 27px -10px; 
}
.center,.page-template-template-staff h5
{
 text-align: center; 
}
#OurPeople h5
{
 margin-bottom: 10px; 
}
.page-template-template-staff p+h5
{
 border-bottom: 1px solid #eee; margin: 25px auto 15px; 
}
#OurPeople h3+h4,.page-template-template-staff h3+h4
{
 border-bottom: none; 
}
#content .grid6>h4
{
 margin-top: 0; 
}
#content .section h2,#content .section h3,#content ol+h3,#content ol+h4,#content p+h3,#content p+h4,#content pre+h3,#content pre+h4,#content table+h3,#content table+h4,#content ul+h3,#content ul+h4
{
 margin-top: 50px; 
}
.tidy_content .videoWrapper
{
 float: right; margin: 0 0 25px 25px; width: 380px; 
}
.videoWrapper.center .video
{
 background-position: center 40%,40% bottom; background-repeat: no-repeat; box-shadow: 0 2px 6px rgba(0,0,0,.1); height: 266px; 
}
@media screen and (min-width:960px)
{
	.videoWrapper.center .video
	{
	 height: 301px; 
	}
}
.single h5
{
 font-size: 20px; line-height: 25px; margin-bottom: 15px; 
}
#content .col ul.special li,h5
{
 font-size: 16px; font-weight: 500; 
}
h5
{
 color: rgba(0,0,0,.5); 
}
.flatcall.customerQuote p,.quote,p.serif
{
 font-family: georgia,serif; font-style: italic; 
}
h5 .quiet
{
 color: #999; 
}
a.quiet
{
 color: #ccc; 
}
#content .col .widget .box ul li,#content .col ul li,#content .tab_content li,#content .tidy_content li,#content ul .col li,#content ul.keyFeatures li,#content ul.list li
{
 list-style: circle; 
}
#content .col ol ul,#content .col ul ul
{
 margin: 0; 
}
#content .col ul ul li
{
 list-style: square; margin-left: 20px; 
}
#content .col ul.special li
{
 background: rgba(44,136,162,.1); color: #fff; float: left; line-height: 20px; list-style: none; margin: 0 2% 15px 0; min-height: 250px; padding: 15px 3%; text-shadow: rgba(0,0,0,.1) 0 1px; width: 43%; 
}
#content .col ul.special li strong
{
 color: #fff; font-weight: 700; 
}
#content .col ul.special li:nth-child(even)
{
 margin: 0 0 15px; 
}
#content .col ul.special li i
{
 font-size: 2em; margin-left: -.25em; margin-top: -.25em; 
}
#content .col ul.special.three li
{
 clear: none; font-size: 14px; line-height: 20px; min-height: 110px; width: 21%; 
}
@media screen and (min-width:960px)
{
	#content .col ul.special li
	{
	 line-height: 23px; min-height: 160px; 
	}
	#content .col ul.special.three li
	{
	 font-size: 16px; line-height: 23px; 
	}
}
#content #sidebar ul,#content .col .widget ul
{
 padding-left: 0; 
}
#content #sidebar li
{
 list-style: none; margin-left: 0; 
}
#content #sidebar li a
{
 font-size: 15px; font-weight: 400; 
}
.blank
{
 background: rgba(0,0,0,.1); padding: 50px; 
}
a
{
 text-decoration: none; 
}
img
{
 max-width: 100%; 
}
.xapPlatform img,p img.left
{
 max-width: 50%; 
}
.button,button,input[type=button],input[type=reset],input[type=submit],p a .button
{
 background: #f05927; border: 1px solid rgba(10,65,89,.25); box-shadow: rgba(0,0,0,.1) 0 1px 0 0; font-family: Lato,sans-serif; font-size: 13px; font-weight: 500; line-height: 1; transition: all .2s; webkit-appearance: none; 
}
.plain
{
 background: #fff; color: #f05927!important; 
}
.button:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover
{
 background: rgba(0,0,0,.5); box-shadow: rgba(0,0,0,.1) 0 3px 0 0; color: #fff!important; text-decoration: none; 
}
.buttons
{
 position: absolute; right: 0; top: 0!important; z-index: 99; 
}
.buttons .button
{
 border-color: rgba(0,0,0,.5); float: right; font-size: 11px; line-height: 17px; margin: 19px 0 0 2px; padding: 9px 8px 7px; transition: none; 
}
.buttons .button span
{
 display: none; 
}
.buttons .button i,.cta i
{
 margin-left: 4px; 
}
.buttons .button
{
 background: 0 0; border: none; border-left: 1px solid rgba(255,255,255,.25); border-radius: 0; box-shadow: none; margin: 7px 0 0 4px; padding: 0 0 0 4px; 
}
.buttons .button i
{
 display: none; 
}
#header .buttons .button
{
 border: 0; color: #FFF!important; margin-right: 15px; 
}
@media screen and (min-width:480px)
{
	.buttons .button span
	{
	 display: inline-block; 
	}
	.buttons
	{
	 margin: 0; position: absolute; top: 0; z-index: 999; 
	}
	.buttons .button
	{
	 margin: 5px 0 0 5px; 
	}
}
@media screen and (min-width:768px)
{
	.buttons
	{
	 background: #0b4158; border-radius: 3px 0 3px 3px; padding: 0 5px 5px 5px; 
	}
	.buttons .button
	{
	 margin: 9px 0 0 2px; 
	}
}
@media screen and (min-width:960px)
{
	.buttons
	{
	 background: 0 0; padding: 0; 
	}
	.buttons .button
	{
	 margin: 29px 0 0 5px; 
	}
	.buttons .button.login
	{
	 display: none; 
	}
	.buttons .button span
	{
	 display: none; 
	}
}
@media screen and (min-width:1280px)
{
	.buttons .button.login
	{
	 display: block; 
	}
	.buttons .button span
	{
	 display: inline-block; 
	}
}
.small_text li,.small_text p
{
 font-size: 14px; line-height: 20px; 
}
.cat-post-widget h3,.category-news #text-4 h3,.wtitle,.careers h2.widgettitle
{
 border-bottom: 5px solid rgba(55,153,177,.1); color: #3799b1; font-size: 16px!important; font-weight: 100; margin-bottom: 17px; padding: 0; text-align: left; 
}
#OurTeams .accordion
{
 margin: 0 12%; text-align: left; 
}
#OurTeams .accordion .accordion-title
{
 text-align: left; 
}
.accordion .accordion-title
{
 font-size: 16px; 
}
.accordion .accordion-title:before
{
 line-height: 22px; 
}
.accordion h3
{
 margin: 20px auto; width: 67%; 
}
a.unslider-arrow
{
 color: #fff; color: rgba(255,255,255,.75); font-size: 40px; position: absolute; top: 44%; width: 100px; 
}
.flatintro.demo h2,.flatintro.demo h3,a.unslider-arrow:hover
{
 color: #fff; 
}
@media screen and (max-width:960px)
{
	#logo
	{
	 float: left; width: 75px; 
	}
}
.flat_pagetop
{
 margin-bottom: 20px; 
}
.page-template-template-xap .flat_pagetop
{
 margin-bottom: 0; 
}
.page-id-1221 .flat_pagetop
{
 border-bottom: 3px solid #ccc; height: 120px; 
}
.flatheader
{
 background: #1b2b41; position: fixed; 
}
.banner,.flatintro .dark
{
 position: relative; 
}
.flatheader2
{
 background: 0 0; height: 65px; 
}
@media screen and (max-width:767px)
{
	.flexy-content:nth-child(1){padding:2rem; background:#0c3247; color:#fff;}
	.webp .flatintro.hero.new
{
 background-image: url(/img/arrow-down-dark.svg),url(/img/researcher.webp);
}
.no-webp .flatintro.hero.new
{
 background-image: url(/img/arrow-down-dark.svg),url(/img/researcher.jpg); 
}
	.flatheader,.flatheader2
	{
	 height: 58px; padding: 0; 
	}
}
@media screen and (max-width:867px)
{
	.flexy-home .flexy-content:nth-child(1){padding:2rem; background:#0c3247; color:#fff;}
	.webp .flatintro.hero.new
{
 background-image: url(/img/arrow-down-dark.svg),url(/img/researcher.webp);
}
.no-webp .flatintro.hero.new
{
 background-image: url(/img/arrow-down-dark.svg),url(/img/researcher.jpg); 
}
	.flatheader,.flatheader2
	{
	 height: 58px; padding: 0; 
	}
}
.cat-post-item:after,.cat-post-item:before
{
 clear: none; content: ""; display: inline; font-size: 14px; text-transform: uppercase; 
}
#sidebar .cat-post-item:before,.cat-post-item:after
{
 content: none; 
}
.flatintro.dre
{
 background: url(/img/homepage-bg.jpg) right no-repeat #fff; background-size: cover; padding: 50px 0 10px 0; 
}
.flatintro.dre a.button.more
{
 font-size: 11px; font-weight: 600; letter-spacing: 1px; margin: 20px auto 0; padding-top: 7px; text-shadow: 0 -1px 0 rgba(0,0,0,.25); 
}
.flatintro.dre .grid6.col
{
 margin-bottom: 30px; 
}
.flatintro.dre .grid6.col .brain
{
 animation: animat_show 4s; background: url(/img/brain-blue.png) no-repeat; background-position: center; background-size: contain; padding: 60px; webkit-animation: animat_show 4s; 
}
.brain img
{
 filter: drop-shadow(0 0 20px rgba(255,255,255,5)); 
}
@media screen and (min-width:768px)
{
	.flatintro.dre
	{
	 background-size: auto; 
	}
}
.flatintro.dre .small
{
 font-size: 12px; opacity: .5; padding-left: 15px; 
}
.flatintro h1,.flatintro h3
{
 color: #fff; text-align: left; 
}
.flatintro h1
{
 font-size: 23px; font-weight: 300; line-height: 1.25em; 
}
.flatintro.dre h1,.flatintro.dre p.h1
{
 color: #0a4159; font-size: 40px; font-weight: 300; margin: 20px 0 10px -5px; 
}
.flatintro.dre h2
{
 border-top: 1px solid rgba(0,0,0,.1); clear: both; font-size: 20px; padding-top: 40px; text-align: center; 
}
.flatintro .headline
{
 max-height: 100px; overflow: hidden; 
}
.flatintro.second img
{
 display: none; 
}
@media screen and (min-width:768px)
{
	.flatintro.second img
	{
	 display: block; margin: -120px 0 -20px -40px; max-width: 140px; 
	}
}
@media screen and (min-width:960px)
{
	.flatintro.second h1 span,.flatintro.second h3 span
	{
	 display: block; text-shadow: 0 0 10px rgba(10,65,89,.75); 
	}
	.flatintro h1
	{
	 font-size: 27px; 
	}
	.flatintro .click
	{
	 margin-top: 56px; 
	}
	.flatintro .headline
	{
	 max-height: 75px; overflow: hidden; 
	}
	.flatintro .click .button span
	{
	 display: block; 
	}
}
@media screen and (min-width:1280px)
{
	.flatintro .click
	{
	 margin-top: 83px; 
	}
	.flatintro h1
	{
	 font-size: 35px; font-weight: 300; 
	}
	.flatintro .headline
	{
	 max-height: 90px; overflow: hidden; 
	}
}
@media screen and (min-width:768px) and (max-width:959px)
{
	.flatintro.second .grid3
	{
	 margin-right: 0; width: 340px; 
	}
}
.flatintro,.widget_related_links_box
{
 background-color: #bbb; background-image: url(/img/pattern.png); padding: 25px 0; 
}
@media screen and (max-width:959px)
{
	.offset
	{
	 float: left; margin-right: 10px; width: 160px; 
	}
	.flatintro.second .grid3 p
	{
	 float: left; margin-right: 0; width: 150px; 
	}
}
.flatintro hr
{
 margin: 25px 0; opacity: .5; 
}
.flatintro.demo,.flatintro.first,.widget_related_links_box
{
 background-color: #63969e; box-shadow: 0 0 25px rgba(0,0,0,.25) inset; padding: 50px 0; 
}
.flatintro.first.blue,.flatintro.first.green
{
 background-color: #3c8556; box-shadow: 0 0 25px rgba(0,0,0,.25) inset; padding: 15px 0; text-align: center; 
}
.flatintro.first.blue
{
 background-color: #1b5a72; 
}
.flatintro.first.blue h3,.flatintro.first.blue h4,.flatintro.first.green h3,.flatintro.first.green h4
{
 margin: 0; text-align: center; 
}
.flatintro.first.blue h3,.flatintro.first.green h3
{
 font-size: 30px; font-weight: 300; margin-bottom: 15px; 
}
.flatintro.first.blue h4,.flatintro.first.green h4
{
 margin: 0 0 20px; 
}
.flatintro.first.blue i,.flatintro.first.green i
{
 display: block; font-size: 2em; margin: .5em; 
}
.flatintro.first.blue .box,.flatintro.first.green .box
{
 background-color: rgba(0,0,0,.25); min-height: 150px; text-align: center; 
}
.flatintro.first.blue .box
{
 background-color: rgba(0,0,0,.25); min-height: 150px; text-align: center; 
}
.flatintro.first.blue .box p,.flatintro.first.green .box p
{
 line-height: 18px; 
}
.flatintro.first.blue .box h4,.flatintro.first.green .box h4
{
 margin: 0; 
}
@media screen and (min-width:768px)
{
	.flatintro.first.green .box
	{
	 min-height: 220px; 
	}
	.flatintro.first.blue .box
	{
	 min-height: 250px; 
	}
}
@media screen and (min-width:960px)
{
	.flatintro.first.green .box
	{
	 min-height: 200px; 
	}
	.flatintro.first.blue .box
	{
	 min-height: 200px; 
	}
}
@media screen and (min-width:960px)
{
	.newline
	{
	 display: block; 
	}
}
#workspaces h2 span,#workspaces p.big span
{
 background: rgba(255,255,255,.75); 
}
img.why-adopt-fair
{
 margin: -60px 0 0 -175px; max-width: 580px; width: 580px; 
}
img.fair-logo,img.workspaces-logo
{
 margin-bottom: -30px; 
}
@media screen and (min-width:768px)
{
	img.fair-logo,img.workspaces-logo
	{
	 bottom: 80px; margin: 0; max-width: 580px; position: absolute; width: 50%; 
	}
}
@media screen and (min-width:960px)
{
	img.fair-logo,img.workspaces-logo
	{
	 bottom: 0; 
	}
}
img.overlap-right,img.overlap-top,img.overlap-left
{
 position: relative; 
}
img.overlap-right,img.overlap-top
{
 margin: 0; max-width: 420px; width: 420px; 
}
img.overlap-why
{
 margin-top: -40px; 
}
img.overlap-data-table
{
 float: right; width: 400px; 
}
@media screen and (min-width:768px)
{
	img.overlap-left
	{
	 margin: 25px 0 0 -25%; max-width: 125%; width: 125%; 
	}
	img.overlap-right,img.overlap-top
	{
	 margin: -20px 0 0 -110px; max-width: 350px; width: 350px; 
	}
	img.overlap-right,img.overlap-top
	{
	 margin: -12px 0 0 0; 
	}
	img.overlap-data-table
	{
	 float: right; margin-top: -50px; width: 400px; 
	}
}
@media screen and (min-width:960px)
{
	img.overlap-right,img.overlap-top
	{
	 margin: -70px 0 0 -100px; max-width: 425px; width: 425px; 
	}
	img.overlap-right
	{
	 margin: -35px 0 0 0; 
	}
	img.overlap-top
	{
	 margin: -60px 0 0 0; 
	}
	img.overlap-data-table
	{
	 margin-top: -100px; 
	}
	img.overlap-why
	{
	 margin-top: -60px; 
	}
}
@media screen and (min-width:1280px)
{
	img.overlap-right,img.overlap-top
	{
	 margin: -120px 0 0 -175px; max-width: 580px; width: 580px; 
	}
	img.overlap-top
	{
	 margin: -120px 0 0 0; 
	}
	img.overlap-right
	{
	 margin: -60px -175px 0 0; 
	}
	img.overlap-data-table
	{
	 margin-top: -120px; width: auto; 
	}
	img.overlap-why
	{
	 margin-top: -80px; 
	}
}
.flatcall.customerQuote p,p.serif
{
 color: #fff; 
}
.quote
{
 border-left: 1px solid rgba(0,0,0,.1); color: #666; margin: 0 0 25px 0; padding: 40px 0 40px 30px; 
}
@media screen and (min-width:768px)
{
	.quote
	{
	 float: right; margin: 0 0 25px 25px; max-width: 33%; 
	}
}
.quote p
{
 font-size: 18px; margin: 0 0 18px 0; 
}
.flatcall.customerQuote p.author,p.author
{
 font-size: 11px; font-style: normal; font-weight: 500; letter-spacing: 2px; line-height: 1.5em; text-transform: uppercase; 
}
@media screen and (min-width:768px) and (max-width:1279px)
{
	.flatcall.customerQuote p span
	{
	 display: block; 
	}
}
.flatintro.first.testimonials
{
 padding: 0 0 50px; 
}
.flatintro.second
{
 background-color: rgba(10,65,89,.75); padding: 40px 0 60px; text-align: center; 
}
@media screen and (min-width:768px)
{
	.flatintro.demo img
	{
	 display: block; margin: -60px auto; 
	}
	.flatintro.second
	{
	 padding: 175px 0 100px; 
	}
}
.flatintro.third
{
 background: url(/img/homepage-bg2.jpg) no-repeat #f0edef; overflow: hidden; padding: 0; text-align: center; 
}
.flatintro.third.white
{
 background: #fff; 
}
#content .flatintro.third.white.top h1
{
 margin-bottom: 1em; text-align: center; 
}
#content .flatintro.third.white.top .container>p
{
 margin: 0 auto .5em; max-width: 768px; 
}
#content .flatintro.third.white.top .container>p.fancy
{
 border-top: 1px solid #eee; color: #0a4159; font-size: 1em; margin-top: 1em; padding-top: 1em; 
}
.home .flatintro.third,#homepage-mockup .flatintro.third
{
 padding: 50px 0; 
}
.home .flatintro.third .grid2.col img,#homepage-mockup .flatintro.third .grid2.col img
{
 margin: 10px; max-width: 150px; 
}
@media screen and (min-width:768px)
{
	.home .flatintro.third .grid2.col img,#homepage-mockup .flatintro.third .grid2.col img
	{
	 margin: 0; 
	}
	.flatintro.third.grey h3
	{
	 margin: 25px 0 35px -75px; padding-left: 75px; 
	}
}
.flatintro.third.use-cases
{
 border-bottom: 1px solid rgba(0,0,0,.1); text-align: left; 
}
.flatcall.customerQuote
{
 border-bottom: 1px solid rgba(0,0,0,.5); border-top: 1px solid #0a4159; line-height: 40px; text-align: center; 
}
.flatcall.customerQuote p
{
 font-size: 16px; margin: 20px 0; 
}
@media screen and (min-width:768px)
{
	.flatcall.customerQuote p
	{
	 font-size: 22px; margin: 20px; 
	}
}
@media screen and (min-width:960px)
{
	.flatcall.customerQuote p
	{
	 font-size: 25px; margin: 20px; 
	}
}
p.serif
{
 font-size: 20px; 
}
.homefeature
{
 background: -100% no-repeat; 
}
.homefeature p
{
 font-weight: 500; 
}
@media screen and (min-width:768px)
{
	.homefeature
	{
	 background: 50% 0 no-repeat; background-size: 100px; padding: 115px 0 25px; 
	}
	.homefeature p
	{
	 font-size: 16px; line-height: 20px; padding: 0 12.5%; 
	}
}
.topheader
{
 color: #c8e9f2; font-size: 1rem; height: 3rem; overflow: hidden; position: absolute; text-align: center; top: 0; width: 100%; 
}
.flatintro.dre h2.term
{
 border: 0; border-bottom: 1px solid rgba(0,0,0,.1); color: #2c88a2; font-size: 18px; font-weight: 700; margin: 0; padding: 0 0 5px 0; text-align: left; text-transform: uppercase; 
}
@media screen and (min-width:960px)
{
	.flatintro.dre h2.term
	{
	 font-size: 24px; 
	}
}
@media screen and (min-width:1280px)
{
	.flatintro.dre h2.term
	{
	 font-size: 27px; 
	}
}
.meta
{
 color: rgba(0,0,0,.5); font-size: 12px; margin: 10px 0; 
}
.meta span
{
 padding-right: 15px; 
}
.meta .part
{
 font-style: italic; 
}
.definition
{
 font-size: 18px; 
}
.definition.continued
{
 font-size: 15px; 
}
@media screen and (min-width:768px) and (max-width:959px)
{
	.definition.continued
	{
	 width: 210%; 
	}
}
@media screen and (min-width:1280px)
{
	.definition
	{
	 font-size: 22px; 
	}
}
#serviceCatalogue.flatintro
{
 background-color: #4a9569; box-shadow: 0 0 25px rgba(0,0,0,.25) inset; 
}
.flatintro.first .col
{
 color: #fff; font-weight: 700!important; text-align: left; 
}
.flatintro.first h3,.flatintro.first h4
{
 color: #fff; font-size: 15px; line-height: 40px; text-transform: uppercase; 
}
.flatintro.first h4
{
 font-size: 13px; line-height: 20px; margin-bottom: 0; 
}
.flatintro.first li
{
 font-size: 13px; font-weight: 700; 
}
.flatintro.first p,.flatintro.second p
{
 font-size: 13px; font-weight: 500; margin: 10px; 
}
.flatintro.first .dark p.doctype a,.flatintro.first p.faded
{
 color: rgba(255,255,255,.5); font-size: 12px; 
}
.flatcall .grid4 .click
{
 height: 30px; min-height: 30px; 
}
.flatintro.first .button,.flatintro.second .button
{
 display: block; font-size: 13px; margin: 10px 0 0; text-align: left; 
}
#menu,#menu ul,.flat_pagetop,.flat_pagetop .xapLogo,.flatcall,.flatcall .grid3,.flatcall .grid6,.flatintro .offset,.flatintro.second .light,.flatintro.second h2,.homeBanner,.introToXAP,.page-title,.page-title1,.page-title2,.subtitle
{
 text-align: center; 
}
.flatintro.second .light
{
 background: url(/img/gradient.png) 50% no-repeat #eee; border-radius: 3px; padding: 20px 0; 
}
.flatintro.second .popout
{
 margin: auto auto -35px; width: 25%; 
}
.flatintro.second h2
{
 color: #fff; font-size: 20px; font-weight: 500; margin: 70px 0 0; 
}
.flatintro.first.testimonials .click
{
 float: left; font-size: 12px; margin-left: -15px; 
}
.flatintro.first.testimonials .click .button
{
 font-size: 12px; 
}
.flatintro.second .click .button
{
 box-shadow: rgba(0,0,0,.1) 0 3px 0 0; margin: 0 0 5px; padding: 12px 5px; text-align: center; 
}
@media screen and (min-width:768px)
{
	.flatintro.second h2
	{
	 font-size: 15px; line-height: 21px; margin: 0; text-align: left; 
	}
	.flatintro.second .click .button
	{
	 box-shadow: rgba(0,0,0,.1) 0 3px 0 0; display: block; margin: 0 0 5px 20%; text-align: center; 
	}
}
@media screen and (min-width:960px)
{
	.flatintro.second h2
	{
	 font-size: 20px; line-height: 23px; 
	}
	.flatintro.second .click .button
	{
	 box-shadow: rgba(0,0,0,.1) 0 3px 0 0; float: right; margin: 0 0 0 2%; padding: 8px 3%; text-align: center; width: 40%; 
	}
}
.flatintro.second h3
{
 border-top: 1px solid rgba(255,255,255,.25); color: #fff; font-size: 18px; line-height: 25px; margin-top: 20px; padding-top: 25px; text-transform: none; 
}
.flatintro.second p
{
 margin: 10px 0; 
}
.azure-logo
{
 margin-bottom: 25px; 
}
@media screen and (min-width:768px)
{
	.flatintro.second h3.powered-by-azure
	{
	 float: right; margin-top: -75px; 
	}
}
@media screen and (min-width:1280px)
{
	.flatintro.second h3
	{
	 font-size: 22px; 
	}
	.flatintro.second .click .button
	{
	 box-shadow: rgba(0,0,0,.1) 0 3px 0 0; float: right; min-height: 16px; padding: 8px 3%; text-align: center; width: 40%; 
	}
	.flatintro.second h2
	{
	 font-size: 20px; line-height: 26px; 
	}
}
.flatintro .offset
{
 background-color: #fff; border: 1px solid rgba(10,65,89,.25); box-shadow: rgba(0,0,0,.1) 0 1px 1px 1px; display: block; transition: box-shadow .5s; 
}
.flatintro .offset img
{
 max-height: 215px; 
}
.banner,.banner li,.banner ul
{
 max-height: 100px; overflow: hidden; 
}
a.offset:hover img
{
 box-shadow: none; 
}
.flatintro .dark
{
 background-color: rgba(0,0,0,.05); background-position: right 50%; background-repeat: no-repeat; border-radius: 3px; height: 210px; margin: 0; padding: 20px 0; transition: background-color 1s; 
}
.flatintro .dark:hover
{
 background-color: rgba(0,0,0,.2); 
}
.flatintro .dark p
{
 line-height: 20px; margin: 0; 
}
.flatintro .dark .grid2 p
{
 margin: 0 20px 6px 0; 
}
.flatintro .dark .caseStudyThumb
{
 float: right; position: relative; right: 10px; top: -10px; width: 65px; 
}
.flatintro .dark .download p,.flatintro .dark .download p a
{
 color: #fff; 
}
.flatintro .dark .download,.flatintro .dark .download.Video
{
 background: 0 0; height: auto; 
}
@media screen and (max-width:767px)
{
	.flatintro .dark
	{
	 background-position: 325px bottom; height: 225px; 
	}
	.flatintro .dark p
	{
	 margin: 0 20px; 
	}
	.flatintro.first .click
	{
	 bottom: 0; position: relative; 
	}
}
.flatintro.first li
{
 line-height: 30px; padding: 0; 
}
@media screen and (min-width:480px)
{
	.flatintro.first .button,.flatintro.first h4,.flatintro.first li,.flatintro.first p,.flatintro.first ul,.flatintro.second .button,.flatintro.second p
	{
	 display: block; font-size: 14px; 
	}
	.flatintro.first .button
	{
	 font-size: 12px; 
	}
	.flatintro .dark .grid2 p
	{
	 margin: 20px; 
	}
}
@media screen and (max-width:767px)
{
	.flatintro.first
	{
	 padding: 10px 0; 
	}
	.flatintro.first h3
	{
	 font-size: 15px; line-height: 25px; margin-top: 25px; text-align: center; 
	}
	.unslider-arrow
	{
	 display: none; 
	}
	p.small
	{
	 float: right; width: 50%; 
	}
}
@media screen and (min-width:768px)
{
	.flatintro.first h3
	{
	 font-size: 22px; margin-top: 25px; 
	}
	.flatintro.first .button,.flatintro.first h4,.flatintro.first p,.flatintro.second .button,.flatintro.second p
	{
	 font-size: 13px; 
	}
	.flatintro.first p.small
	{
	 line-height: 15px; 
	}
	.flatintro.second .light
	{
	 padding: 7px 0 10px; 
	}
	.flatintro .dark .grid2 p
	{
	 margin: 0 20px 6px 0; 
	}
	.flatintro .dark .download
	{
	 border-right: 1px solid rgba(255,255,255,.25); float: left; height: 210px; margin: 0 20px; padding: 0 15px; width: 25%; 
	}
	.flatintro.second h3
	{
	 text-align: left; 
	}
}
@media screen and (min-width:960px)
{
	.flatintro.first h3
	{
	 font-size: 18px; margin: 30px 0; text-align: center; 
	}
	.flatintro.first .light
	{
	 margin-top: 4px; padding: 0; 
	}
	.flatintro.first .dark p
	{
	 line-height: 25px; 
	}
	.flatintro.first .links li
	{
	 width: 20%; 
	}
	.flatintro .dark .caseStudyThumb
	{
	 width: 105px; 
	}
	.flatintro.first ul ul
	{
	 margin-left: 100px; 
	}
	.flatintro.first h4,.flatintro.first li,.flatintro.first p,.flatintro.second p
	{
	 font-size: 14px; 
	}
}
@media screen and (min-width:1280px)
{
	.flatintro.first h3
	{
	 font-size: 22px; margin: 25px 0; text-align: center; 
	}
	.flatintro.first .light
	{
	 margin-top: 4px; padding: 0; 
	}
	.flatintro.first .dark p
	{
	 line-height: 30px; 
	}
	.flatintro.first .links li
	{
	 width: 20%; 
	}
	.flatintro .dark .caseStudyThumb
	{
	 width: 105px; 
	}
	.flatintro.first ul ul
	{
	 margin-left: 100px; 
	}
	.flatintro.first h4,.flatintro.first li,.flatintro.first p,.flatintro.second p
	{
	 font-size: 15px; 
	}
	p img.left
	{
	 margin: 20px 20px 10px -12.5%; 
	}
}
.banner li
{
 float: left; list-style: none!important; margin: 0!important; 
}
.partners .banner>ul>li
{
 animation: fadein 2s; float: left; height: 100px; margin-bottom: 100px; moz-animation: fadein 2s; ms-animation: fadein 2s; o-animation: fadein 2s; webkit-animation: fadein 2s; 
}
.banner img
{
 filter: grayscale(1); moz-filter: grayscale(1); transition: .5s; webkit-filter: grayscale(1); 
}
.banner img:hover
{
 filter: none; moz-filter: none; webkit-filter: none; 
}
.flatcall .grid4
{
 padding: 25px 0; 
}
.flatcall .grid4 h4,.flatcall .grid4 p
{
 color: #fff; font-size: 15px; margin: 15px; 
}
.page-title,.page-title1,.page-title2
{
 color: #fff; font-size: 18px; line-height: 30px; margin: 0; padding: 25px 0; text-shadow: rgba(0,0,0,.5) 0 0 1px; text-transform: uppercase; 
}
div.blog_post.blog_item>h3
{
 min-height: 100px; 
}
@media screen and (max-width:959px)
{
	.flatcall .grid4 h4,.flatcall .grid4 p
	{
	 min-height: 75px; 
	}
	div.blog_post.blog_item>h3
	{
	 min-height: 140px; 
	}
}
@media screen and (max-width:767px)
{
	.banner>ul>li,.partners .banner>ul>li
	{
	 float: left; height: 50px; 
	}
	.banner ul
	{
	 margin: 0; 
	}
	.page-title
	{
	 margin: 20px 0; width: auto; 
	}
}
@media screen and (max-width:479px)
{
	.page-title,.use-case .page-title
	{
	 width: auto; 
	}
}
.flatcall .grid4 h4
{
 border-bottom: 1px solid rgba(255,255,255,.25); min-height: 25px; 
}
.flatcall .grid4 p
{
 min-height: 75px; 
}
.page-title2
{
 background-color: transparent; color: #0a4159; text-transform: none; 
}
#menu>ul>li>a
{
 font-size: 0.9em; 
	font-weight: 400;
    font-family: 'Gotham', sans-serif;
}
a.cta,p a.cta
{
 text-transform: uppercase; 
}
.flatcall
{
 background: url(/img/pattern.png),url(/img/modules-trans-light.png) #562150; box-shadow: 0 0 25px rgba(0,0,0,.25) inset; padding: 50px 0; 
}
.flatcall .grid6
{
 background: rgba(10,65,89,.1); border-bottom: 1px solid #3799b1; margin-bottom: 15px; margin-top: 15px; padding: 0; transition: background-color .5s; 
}
.flatcall .grid6:hover
{
 background: rgba(10,65,89,.5); 
}
.flatcall .left
{
 text-align: center; 
}
.flatcall h3,.flatintro.third h3
{
 border-bottom: 1px solid rgba(255,255,255,.25); color: #fff; font-size: 25px; padding: 25px 0; 
}
.flatintro.third h3
{
 border-bottom: 1px solid rgba(0,0,0,.1); color: #0a4159; margin: 25px 0 30px; padding: 0 0 25px; 
}
@media screen and (min-width:768px)
{
	.flatintro.third h3
	{
	 margin: 25px 12.5% 30px; 
	}
}
.flatintro .grid2 h3,.flatintro .grid2 p
{
 font-size: 14px; margin-bottom: 20px; 
}
.flatcall h4,.flatcall p
{
 color: #fff; line-height: 30px; margin-bottom: 0; 
}
.flatcall h4
{
 background: 50% top no-repeat; font-size: 13px; font-weight: 500; padding: 75px 10px 0; 
}
.flatcall p
{
 font-size: 15px; padding: 0 20px; 
}
@media screen and (min-width:768px)
{
	.flatcall .grid4 h4
	{
	 min-height: 75px; 
	}
	.flatcall .grid4 p
	{
	 min-height: 200px; 
	}
	.flatcall h4
	{
	 height: 25px; 
	}
}
@media screen and (min-width:960px)
{
	.flatcall .grid4 h4
	{
	 min-height: 50px; 
	}
	.flatcall .grid4 p
	{
	 min-height: 130px; 
	}
	.flatcall h4,.flatcall p
	{
	 font-size: 15px; 
	}
	.flatcall p
	{
	 line-height: 30px; text-shadow: 0 0 10px rgba(10,65,89,.75); 
	}
}
.flatcall .analytixagility-project-edition h4
{
 background-image: url(/img/analytixagility-project-edition.png); 
}
.flatcall .analytixagility-ecosystem-edition h4
{
 background-image: url(/img/analytixagility-ecosystem-edition.png); 
}
.flatcall .workspace-plus h4
{
 background-image: url(/img/workspace-plus.png); 
}
.flatcall .operational-deployment h4
{
 background-image: url(/img/operational-deployment.png); 
}
.flatcall .click
{
 margin: 10px; 
}
.flatcall .click a.button
{
 background-color: #3799b1; display: block; margin-bottom: 0; transition: background-color .5s,box-shadow .5s; 
}
.flatcall .click a.button:hover
{
 background-color: #f05927; 
}
.page-template-template-xap .flat_pagetop
{
 background-position: 33% 10px; 
}
.page-template-template-xap .flat_pagetop h2
{
 color: #3799b1; font-size: 30px; font-weight: 300; margin: 0 0 30px; padding-top: 25px; 
}
@media screen and (min-width:768px)
{
	.page-template-template-xap .flat_pagetop h2
	{
	 padding-top: 10px; 
	}
	.page-template-template-xap .flat_pagetop
	{
	 background-position: 50% 20px; 
	}
}
@media screen and (min-width:960px)
{
	.page-template-template-xap .flat_pagetop
	{
	 background-position: 85% 20px; 
	}
	.page-template-template-xap .flat_pagetop h2
	{
	 padding-top: 0; 
	}
}
.flat_pagetop
{
 margin: 25px 0 0 0; padding-bottom: 0; padding-top: 0; 
}
.homeBanner
{
 margin: 30px auto 0; width: 398px; 
}
@media screen and (max-width:767px)
{
	.flat_pagetop
	{
	 padding: 0; 
	}
}
code,pre
{
 color: #333; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; font-size: 13px; padding: 0 3px 2px; 
}
code
{
 background-color: #f7f7f9; border: 1px solid #e1e1e8; color: #d14; padding: 2px 4px; 
}
pre
{
 background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); display: block; font-size: 13px; line-height: 20px; margin: 0 0 10px; padding: 9.5px; 
}
pre.prettyprint
{
 margin-bottom: 20px; 
}
pre code
{
 background-color: transparent; border: 0; color: inherit; padding: 0; 
}
.pre-scrollable
{
 max-height: 340px; overflow-y: scroll; 
}
.firstPara,.terms
{
 margin-top: 50px; 
}
.pull-quote
{
 border-bottom: 1px solid #ddd; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #ddd; float: left; padding: 25px 0; 
}
.pull-quote,.tab_content .pull-quote
{
 color: #666; font-size: 16px; margin: 0 25px 25px 0; max-width: 48.5%; 
}
.use-cases .pull-quote
{
 border: 0; float: right; font-size: 14px; margin: 0 0 0 2.5%; max-width: 47.5%; min-height: 100px; padding: 0; 
}
.use-cases .grid6 .pull-quote
{
 margin: 0 2.5% 0 0; max-width: 72.4%; 
}
.pull-quote.right,.right
{
 float: right; margin: 0 0 25px 25px; max-width: 48.5%; 
}
.tab_content .pull-quote
{
 border: none; margin: 25px 25px 25px 0; width: auto; 
}
.pull-quote strong
{
 color: #0a4159; font-size: x-large; margin-left: -.5em; 
}
.grid2 .pull-quote
{
 color: #666; font-size: 14px; margin: 10px 0; max-width: none; padding: 10px 0; 
}
.grid2 .pull-quote strong
{
 color: #0a4159; font-size: 15px; margin-left: -.5em; 
}
.use-cases .pull-quote strong
{
 font-size: 16px; 
}
.subtitle
{
 background-color: rgba(255,255,255,.75); color: #0a4159; float: none; margin: 0 auto; 
}
@media screen and (min-width:960px)
{
	#header
	{
	 width: 940px; 
	}
}
@media screen and (min-width:1280px)
{
	#header
	{
	 width: 1200px; 
	}
}
#header .searchform
{
 display: block; float: right; margin: 0; transition: none; width: 67px; 
}
#header .searchform input
{
 background: #1b2b41; border-color: #006380; border-radius: 2rem; color: #fff!important; font-size: 0.8em; height: 20px; line-height: 20px; margin: 0; padding-left: 5px; transition: none; width: 100%!important; 
}
@media screen and (min-width:768px)
{
	#header .searchform
	{
	 margin: 2px 0 0; 
	}
}
@media screen and (min-width:960px)
{
	#header .searchform
	{
	 float: right; margin: 15px 0 0; 
	}
	#header .searchform input
	{
	 height: 40px; margin: -3px 0 0; width: 100%!important; text-align:center; font-size:0.9em;
	}
}
#header .searchform input::placeholder
{
 color: #fff; opacity: 1; 
}
#header .searchform input:-ms-input-placeholder
{
 color: #fff; 
}
#header .searchform input::-ms-input-placeholder
{
 color: #fff;
	text-align:center;
}
@media screen and (min-width:1280px)
{
	.flatcall .grid4 h4
	{
	 min-height: 60px; 
	}
	.flatcall .grid4 p
	{
	 min-height: 125px; 
	}
	#header .searchform
	{
	 display: block; margin: 15px 0 0; width: 200px; 
	}
	#header .searchform input[type=text]
	{
	 font-size: 0.9em; font-weight: 500;
	}
}
@media screen and (max-width:767px)
{
	#menu
	{
	 margin-left: 20%!important; width: 80%; 
	}
}
#menu ul
{
 float: none; height: 50px; margin: 0; padding: 0; 
}
@media screen and (min-width:768px)
{
	#menu ul
	{
	 display: flex; 
	}
}
#menu ul .hover ul ul
{
 border: none; box-shadow: none; margin: 0; position: initial; visibility: visible; webkit-box-shadow: none; 
}
#menu ul ul ul li
{
 border: none; 
}
#menu li.hover ul ul li a
{
 color: #666; margin: 0 10px; transition: color .25s; 
}
#menu.mobile ul
{
 height: auto; 
}
#menu.mobile li.hover ul ul li a
{
 color: #fff; margin: 0; 
}
#menu>ul>li
{
 display: inline; margin: 0; 
}
#menu a
{
 border-color: #006380; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; line-height: 64px; padding: 0 15px; 
}
#menu ul ul a
{
 color: #961b1e; font-size: 11px; padding: 5px 10px; 
}
#menu>ul>li>a
{
 height: 60px; transition: initial; z-index: 10; 
}
#menu ul li:first-child a
{
 padding-left: 6px; 
}
#menu>ul>li
{
 z-index: 99; 
}
.screen-reader-text
{
 color: #fcfcfc; 
}
.single-staff-members #menu-item-35901 a
{
 color: #0a4159; 
}
.single .Careers #sidebar,.tag.downloads #sidebar
{
 display: none; 
}
#menu li.hover>a,#menu li.selected>a,#menu li:hover>a,#menu li>a:hover
{
 color: #999; 
}
#menu li a:hover,#menu li.hover a,#menu li:hover a
{
 color: #AA0A27; 
}
#menu.mobile li a:hover,#menu.mobile li.hover a,#menu.mobile li:hover a
{
 color: #fff; 
}
#menu>ul>li>a:hover
{
 color: #0a4159; 
}
@media screen and (min-width:768px)
{
	#menu>li
	{
	 height: 50px; 
	}
	#menu a
	{
	 font-size: 10px; padding: 0 1.25rem; 
	}
	#menu>ul>li:first-child a
	{
	 padding: 0 1.25rem; 
	}
	#menu>ul>li.current-menu-item>a,#menu>ul>li.current-menu-parent>a,#menu>ul>li.current_page_item>a,#menu>ul>li.current_page_parent>a,#menu>ul>li>a:hover
	{
	 border-top: 5px solid #009b8c; color: #0a4159; 
	}
	#menu>ul>li.current-menu-item>a,#menu>ul>li.current-menu-parent>a
	{
	 color: #fff; 
	}
	#menu li:hover a,#menu>ul>li.current-menu-item>a:hover,#menu>ul>li.current-menu-parent>a:hover,#menu>ul>li:hover.current-menu-parent>a
	{
	 background: rgba(255,255,255,.05); color: #fff!important; 
	}
	#menu>ul>li.current-menu-item>a,#menu>ul>li.current-menu-parent>a
	{
	 background: rgba(255,255,255,.05); 
	}
	#menu ul ul a:hover,#menu ul ul li.current-menu-item a
	{
	 background: #fff; 
	}
	#menu ul ul ul,#menu ul ul ul a:hover
	{
	 background: 0 0; 
	}
	#menu li a:hover,#menu li.selected a,#menu li:hover a
	{
	 opacity: 1; 
	}
	#menu ul ul
	{
	 background: rgba(255,255,255,.95); box-shadow: 0 5px 0 0 rgba(0,0,0,.25); margin: -1px 0 0; min-width: 200px; moz-box-shadow: 0 5px 0 0 rgba(0,0,0,.25); visibility: hidden; webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,.25); width: auto; z-index: 99; 
	}
	#menu ul ul li
	{
	 border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0,0,0,.1); display: block; 
	}
	#menu ul ul ul ul li
	{
	 color: #999; margin-left: 15px; 
	}
	#menu li.selected:hover li a,#menu ul ul a
	{
	 color: #AA0A27; 
	}
	#menu ul .hover ul ul ul li a
	{
	 opacity: .75; padding-top: 0; 
	}
	#menu ul ul li:last-child
	{
	 border-bottom: none; 
	}
	#menu ul ul a
	{
	 display: block; line-height: 20px; transition: background 1s; webkit-transition: background 1s; 
	}
	#menu li.selected li a,#menu li:hover li a,#menu ul ul a
	{
	 position: static; 
	}
	#menu li ul ul li a:hover,#menu li.selected li a:hover,#menu ul ul a:hover,#menu ul ul li.current-menu-item a,#menu ul ul li.current_page_item a,#menu ul ul li.selected a
	{
	 color: #0a4159; 
	}
	.searchimg
	{
	 width: 60px; 
	}
	#menu .search_butt
	{
	 padding-right: 0; 
	}
}
#menu.mobile ul li a:hover,.subPages a
{
 color: #fff; 
}
#header #switch
{
 background-color: #0a4159; font-size: 14px; padding: 4px 3px; top: 77px; width: 194px; 
}
#header #switch strong
{
 font-size: 17px; 
}
#menu.mobile ul
{
 background: rgba(10,65,89,.9); margin-right: -15px; top: 58px; width: 450px; 
}
#menu.mobile ul ul
{
 background: rgba(0,0,0,.25); 
}
#menu.mobile ul li
{
 padding: 0; 
}
#menu.mobile ul a
{
 padding: 0 15px; 
}
#header #switch:hover,#menu.mobile ul a:hover
{
 background: 0 0; color: rgba(0,0,0,.9); 
}
#menu.mobile ul li,#menu.mobile ul li a
{
 border: 0; height: auto; 
}
#menu.mobile ul li.show-menu ul,#menu.mobile ul li.show-menu ul li.show-menu ul
{
 display: block; visibility: visible; 
}
#menu.mobile ul li.selected>a
{
 background: 0 0; color: #fff; 
}
@media screen and (max-width:959px)
{
	#menu a
	{
	 height: 85px; line-height: 83px; 
	}
}
@media screen and (min-width:960px)
{
	#menu a
	{
	 font-size: 11px; padding: 0 1rem; 
	}
}
@media screen and (max-width:767px)
{
	#menu a
	{
	 font-size: 14px; height: 25px; line-height: 25px; 
	}
	#subBlock
	{
	 display: none; height: 35px; 
	}
	#header #switch
	{
	 background-color: transparent; font-size: 25px; padding: 0; text-align: right; top: 25px; width: auto; 
	}
	.category .page-title,.page .page-title,.single .page-title
	{
	 font-size: 30px; 
	}
}
.section
{
 padding-top: 0; 
}
.section .page-title
{
 margin: 35px auto; 
}
.category .page-title,.page .page-title,.page-title,.single .page-title
{
 background-color: transparent; border-bottom: 1px solid rgba(0,0,0,.1); color: #3799b1; font-family: Gotham,sans-serif; font-size: 30px; font-weight: 300; text-shadow: none; 
}
.single .page-title
{
 font-size: 30px; line-height: 30px; margin: 10px 0; 
}
.subPages
{
 text-align: center; 
}
.subPages a
{
 background: #f05927; float: left; font-size: 14px; height: 35px; margin: 1%; padding: 25px 0; width: 30%; 
}
.page-template-template-staff-php .href h2
{
 margin: 50px; text-align: center; 
}
.flat_pagetop h2
{
 font-size: 25px; line-height: 30px; margin-right: 0; margin-top: 25px; text-align: left; 
}
@media screen and (min-width:480px)
{
	.flat_pagetop h2
	{
	 margin-right: 25%; 
	}
}
.intro,.intro h3,.intro p
{
 color: #0a4159; 
}
.xapIntro,.xapIntro .grid6,.xapPlatform
{
 text-align: center; 
}
.flat_pagetop
{
 margin: 25px 0; 
}
.flat_pagetop li,.flat_pagetop ul
{
 font-size: 20px; line-height: 30px; list-style: none!important; margin: 0!important; padding: 0!important; 
}
#analytixagility #content ul li,#comments ol,#content ul.cta,#content ul.cta li,#content ul.tabs>li
{
 list-style: none; 
}
#analytixagility .tab_content
{
 min-height: 450px; 
}
@media screen and (min-width:768px)
{
	.flat_pagetop h2,.flat_pagetop li,.flat_pagetop ul
	{
	 font-size: 25px; line-height: 35px; margin-right: 12.5%; 
	}
	.flat_pagetop h2
	{
	 margin: 0; 
	}
	.xapIntro .grid6
	{
	 height: 200px; 
	}
	#analytixagility-ecosystem-edition .xapIntro .grid6
	{
	 height: 250px; 
	}
	#analytixagility .tab_content
	{
	 min-height: 400px; 
	}
}
@media screen and (min-width:960px)
{
	.flat_pagetop h2,.flat_pagetop li,.flat_pagetop ul
	{
	 font-size: 28px; line-height: 40px; margin-right: 12.5%; 
	}
	#analytixagility-ecosystem-edition .xapIntro .grid6,.xapIntro .grid6
	{
	 height: 200px; 
	}
	#analytixagility .tab_content
	{
	 min-height: 375px; 
	}
}
@media screen and (min-width:1280px)
{
	.flat_pagetop h2,.flat_pagetop li,.flat_pagetop ul
	{
	 font-size: 30px; line-height: 45px; margin-right: 0; 
	}
	#analytixagility-ecosystem-edition .xapIntro .grid6,.xapIntro .grid6
	{
	 height: 150px; 
	}
	#analytixagility .tab_content
	{
	 min-height: 325px; 
	}
}
.xapIntro
{
 margin: 0 0 -5px; 
}
.xapIntro .grid6
{
 background: #eee; border-radius: 3px; box-shadow: inset 0 0 1px rgba(0,0,0,.5); margin-bottom: 25px; padding-bottom: 25px; padding-top: 25px; 
}
.xapIntro .grid6 h3
{
 padding: 0 25px; 
}
.xapIntro .grid6 p
{
 padding: 0 25px 15px; 
}
.xapIntro .grid6:nth-child(odd)
{
 margin-left: 0; 
}
.xapIntro .grid6:nth-child(even)
{
 margin-right: 0; 
}
.page-template-template-staff-php .staff
{
 min-height: 275px; 
}
.page-template-template-staff-php .staff img
{
 border-bottom: 1px solid rgba(0,0,0,.1); float: left; margin: 0 20px 20px 0; width: 120px; 
}
#content .container.down,.feature
{
 border-top: 1px solid rgba(0,0,0,.1); 
}
.features,.intro
{
 border-bottom: 1px solid rgba(0,0,0,.1); 
}
.graphicList li .number,.special a,.tabs li a,.tabs li.active a,.video span,.widget_related_links_box h2,a.cta,p a.cta
{
 font-weight: 500; 
}
.staff h4,.staff h5
{
 text-align: left; 
}
.features li,.intro
{
 text-align: center; 
}
#content .container.down
{
 background: url(/img/down.png) 50% top no-repeat; padding-top: 50px; 
}
#analytixagility #content ul li
{
 background: url(/img/tick_green.png) no-repeat; line-height: 20px; margin: 0; padding: 0 25px 10px; 
}
h2.about
{
 color: #fff; line-height: 35px; margin: 75px 12.5%; text-align: left; 
}
.service-name
{
 font-weight: bolder; 
}
@media screen and (max-width:1280px)
{
	.page-template-template-staff-php .staff h4,.page-template-template-staff-php .staff h5
	{
	 font-size: 15px; 
	}
}
@media screen and (max-width:959px)
{
	.page-template-template-staff-php .staff h4,.page-template-template-staff-php .staff h5
	{
	 font-size: 14px; line-height: 20px; 
	}
	.page-template-template-staff-php .staff .small_text p
	{
	 height: 350px; 
	}
	h2.about
	{
	 margin-top: 0; 
	}
}
@media screen and (max-width:767px)
{
	.page-template-template-staff-php .staff
	{
	 float: left; margin: 1%; overflow: hidden; width: 48%; 
	}
}
#logo
{
 display: inline; float: left; margin: -7px 0 0 -20px; width: 110px; z-index: 100; 
}
#logo h1
{
 margin: 0; max-height: 65px; width: 110px; 
}
#logo h1 img
{
 border-radius: 0; transition: background-color .5s,box-shadow 1s; width: 110px; 
}
#logo h1 a:hover img
{
 box-shadow: none; 
}
#logo h1 a
{
 background-color: transparent; 
}
@media screen and (min-width:768px)
{
	#logo
	{
	 margin: 0; 
	}
	#logo h1 a
	{
	 background-color: none; 
	}
	#logo h1 a:hover img
	{
	 background-color: none; box-shadow: none; 
	}
}
.background
{
 background: #fff; 
}
#aridhia .background
{
 background: #eee; 
}
.intro h3
{
 font-size: 14px; margin: 10px auto; max-width: 1200px; padding: 10px; 
}
@media screen and (min-width:768px)
{
	.intro h3
	{
	 font-size: 16px; 
	}
}
.intro p
{
 margin: 0 auto 15px; width: 66%; 
}
.features
{
 margin: 0 0 25px; min-height: 250px; 
}
.features li
{
 background: url(/img/icon_blank.png) top no-repeat; float: left; margin: 0!important; padding-top: 100px; width: 16.6%; 
}
.features li h4,.features li p
{
 font-size: 14px; margin: 0 15px; 
}
.feature .container
{
 min-height: 200px; padding: 10px; 
}
#content .feature h3,#content .feature p
{
 margin: 25px 0; text-align: left; 
}
.feature:nth-child(odd)
{
 background-color: #eee; 
}
.feature:last-child
{
 margin-bottom: 50px; 
}
#content .feature:nth-child(even) h3,#content .feature:nth-child(even) p,#content .feature:nth-child(odd) h3,#content .feature:nth-child(odd) p
{
 margin: 25px 0; 
}
@media screen and (min-width:768px)
{
	.feature img
	{
	 float: right; margin: -35px -15px 25px 25px; 
	}
	.feature:nth-child(even) img
	{
	 float: left; margin: -35px 25px 25px -15px; 
	}
	.feature:nth-child(even) .container
	{
	 background-position: 0 50%; 
	}
	#content .feature:nth-child(odd) h3,#content .feature:nth-child(odd) p
	{
	 margin: 25px 33% 25px 0; 
	}
	#content .feature:nth-child(even) h3,#content .feature:nth-child(even) p
	{
	 margin: 25px 0 25px 33%; 
	}
}
@media screen and (min-width:960px)
{
	#content .feature:nth-child(odd) h3,#content .feature:nth-child(odd) p
	{
	 margin: 25px 26% 25px 0; 
	}
	#content .feature:nth-child(even) h3,#content .feature:nth-child(even) p
	{
	 margin: 25px 0 25px 26%; 
	}
}
a.cta,p a.cta
{
 background: #f05927; color: #fff; display: block; font-weight: 400; padding: 10px; text-align: center; transition: background .25s; webkit-transition: background .25s; 
}
a.cta.tour,p a.cta.tour
{
 background: #3c8556; 
}
a.cta:hover
{
 background: #961b1e; 
}
#content ul.cta li
{
 margin: 0 0 10px; 
}
#content ul.cta li a
{
 background: rgba(10,65,89,.9); box-shadow: rgba(0,0,0,.1) 0 1px 0 0; font-size: 13px; 
}
#content ul.cta li a:hover
{
 background: rgba(0,0,0,.5); 
}
.Blog .videoWrapper
{
 float: right; margin: 0 0 25px 25px; max-width: 380px; 
}
.Blog p:first-of-type
{
 font-size: 19px; 
}
.videoWrapper
{
 background: url(/img/pattern.png) center -103px fixed #3799b1; border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,.25) inset; margin-bottom: 15px; overflow: auto; 
}
.use-cases .videoWrapper
{
 float: left; width: 47.5%; 
}
.use-cases img
{
 float: right; width: 25%; 
}
.videoWrapper .video
{
 border-radius: 3px; display: block; font-size: 15px; height: 250px; line-height: 25px; opacity: .9; position: relative; transition: opacity .25s; webkit-transition: opacity .25s; 
}
.flatintro .grid4 .videoWrapper .video
{
 height: 220px; 
}
@media screen and (max-width:767px)
{
	.flatintro .grid4 .videoWrapper .video
	{
	 margin: 0; 
	}
}
.page-id-37049 .videoWrapper .video
{
 height: 230px; 
}
.video span
{
 bottom: 0; color: #0a4159; display: block; font-weight: 400; overflow: hidden; padding: 10px 0; position: absolute; text-align: center; transition: background .25s; webkit-transition: background .25s; width: 100%; 
}
@media screen and (min-width:1280px)
{
	.video span
	{
	 padding: 10px 0; 
	}
	.grid3 .video span
	{
	 padding: 10px; width: 258px; 
	}
}
.video span.play
{
 background: rgba(55,153,177,.9); border-radius: 0 0 3px 3px; border-top: 1px solid rgba(255,255,255,.75); box-shadow: inset 0 0 2px 1px rgba(0,0,0,.1); color: #fff; 
}
.video span.play em
{
 border-top: 1px solid rgba(255,255,255,.25); font-size: .9em; padding: 5px 0; 
}
.flatintro.third.use-cases .video span.play
{
 font-size: 13px; line-height: 20px; padding: 10px 0; 
}
.video:hover span.play
{
 background: rgba(10,65,89,.9); 
}
@media screen and (max-width:1279px)
{
	.video span
	{
	 font-size: 14px; line-height: 23px; padding: 20px 0; 
	}
}
@media screen and (max-width:959px)
{
	.video span
	{
	 margin-top: -20px; 
	}
}
@media screen and (max-width:767px)
{
	.video span
	{
	 margin-top: 0; 
	}
}
.tab-container .tab_content
{
 background-color: transparent; padding: 50px 0; 
}
.special a,.special a:hover
{
 background: url(/img/xapSplashButton.png) top right no-repeat; 
}
.tidy_content .children
{
 margin: 20px 16.5%; 
}
.tab-container .tab_content .col ul,.tab_content .col ol,.tab_content .col p,.tidy_content .col ol,.tidy_content .col p,.tidy_content .col ul
{
 padding: 0; 
}
.tab_content ol+.click,.tab_content p+.click,.tab_content ul+.click,.tidy_content ol+.click,.tidy_content p+.click,.tidy_content ul+.click
{
 padding: 50px 33%; 
}
.tab_content .document,.tidy_content .document
{
 float: right; margin: 0 0 20px 20px; width: 100px; 
}
.tidy_content .document.child
{
 float: left; height: 150px; margin: 0 0 15px; padding: 0; width: 49%; 
}
.tidy_content .children .document.child:nth-child(even)
{
 float: right; 
}
@media screen and (min-width:768px)
{
	.tab_content .document,.tidy_content .document
	{
	 width: 200px; 
	}
}
@media screen and (min-width:960px)
{
	.tab_content .document,.tidy_content .document
	{
	 width: 280px; 
	}
}
.tab_content .document.left,.tidy_content .document.left
{
 float: left; margin: 0 20px 20px 0; 
}
.tab_content .document p,.tidy_content .document p
{
 padding: 0; 
}
@media screen and (max-width:767px)
{
	.tab-container .tab_content ul,.tab_content ol,.tab_content p,.tidy_content ol,.tidy_content p,.tidy_content ul
	{
	 padding: 0; 
	}
}
.framed
{
 border: 20px solid #fff; 
}
.framed.left
{
 margin: 0 20px 20px 0; 
}
.framed.right
{
 margin: 0 0 20px 20px; 
}
.special a
{
 display: block; font-size: 16px; height: 82px; padding: 45px 200px 20px 20px; text-shadow: 0 1px 0 rgba(0,0,0,.25); 
}
.special a:hover
{
 color: #f05927!important; text-shadow: 0 1px 0 rgba(255,255,255,.25); 
}
a.pictureButton
{
 display: block; margin: 20px; 
}
@media screen and (min-width:767px)
{
	a.pictureButton
	{
	 margin-top: -20px; 
	}
}
@media screen and (min-width:959px)
{
	a.pictureButton
	{
	 margin-top: -35px; 
	}
}
@media screen and (min-width:1279px)
{
	a.pictureButton
	{
	 float: left; margin: -35px 20px 0 0; 
	}
	a.pictureButton.right
	{
	 float: right; margin: -35px 0 0 20px; 
	}
}
@media screen and (max-width:960px)
{
	.tab_content ol,.tab_content p,.tab_content ul
	{
	 padding: 0; 
	}
}
.widget_related_links_box
{
 background-color: #3799b1; font-size: 14px; padding: 25px 0; text-align: center; 
}
#content .widget_related_links_box .container
{
 padding: 0; 
}
#content .widget_related_links_box li
{
 margin: 0; 
}
.widget_related_links_box ul
{
 margin: 0; width: auto; 
}
.widget_related_links_box li
{
 display: inline; 
}
.Events .metablog,.resultType,.search #sidebar,.staff-members .metablog,.tag.downloads .metablog,.tag.downloads .small_text,.technical-tutorials .quiet
{
 display: none; 
}
.widget_related_links_box a
{
 background-color: rgba(0,0,0,.25); border: 1px solid #fff; color: #fff; font-size: 13px; padding: 10px; 
}
.widget_related_links_box h2
{
 color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 25px; text-align: center; text-transform: uppercase; 
}
.widget_related_links_box p
{
 margin: 0; 
}
.category-blog .container .blog,.category-events .container .event,.category-news .container .news,.category-technical-tutorials .container .technical-tutorials,.releaseDate
{
 margin: 22px 0 27px; padding: 0; 
}
.releaseDate
{
 font-size: smaller; margin: 0; 
}
.col.coverage,.tabs li:last-child
{
 margin-right: 0; 
}
#topBlogs .postSummary h5,.category-blog .postSummary h5,.category-events .container .event h5,.category-news .postSummary h5,.category-technical-tutorials .postSummary h5
{
 border-top: 5px solid rgba(55,153,177,.1); padding: 20px 0 1px; 
}
#topBlogs .postSummary
{
 min-height: 325px; 
}
@media screen and (min-width:960px)
{
	#topBlogs .postSummary
	{
	 min-height: 275px; 
	}
}
#topBlogs .postSummary h5
{
 padding-right: 25%; 
}
#topBlogs .small_text
{
 font-size: .8em; text-transform: uppercase; 
}
.category-events .container .metablog>span,.category-news .container .firasdate
{
 background: 0 0; color: #3799b1; float: none; font-size: 13px; padding: 0; 
}
.past .metablog span,.past.event a,.past.event p,.past.event ul
{
 color: #777; 
}
.past.event h5::after
{
 color: #777; content: " – Past"; 
}
.col.coverage
{
 float: right; 
}
.tag-video .container .grid6.col
{
 border-bottom: 1px solid #eee; height: 50px; margin-bottom: 25px; min-height: 50px; 
}
.Events .metablog.event .firasdate
{
 background: rgba(55,153,177,.25); 
}
.flattext
{
 background-color: #3799b1; 
}
.flattext h3,.flattext p
{
 color: #fff; 
}
.tab_content h4,.tab_content p
{
 margin-bottom: 10px; 
}
.tab_content h4
{
 margin-top: 25px; 
}
#content .Tasks>li,#content .dataTypes>li,#content .tabs>li
{
 margin-left: 0; 
}
#content .Tasks>li
{
 border: 1px solid #eee; height: 50px; margin: 0; padding: 10px 0; width: 19.7%; 
}
.tabs li
{
 border-bottom: 1px solid rgba(0,0,0,.1); width: 24.3%; 
}
.tabs_2.tabs li
{
 width: 49.5%; 
}
.tabs_3.tabs li
{
 width: 32.5%; 
}
.tabs_5.tabs li
{
 width: 19.5%; 
}
.tabs_6.tabs li
{
 width: 15.5%; 
}
.tabs li a,.tabs li.active a
{
 background: rgba(55,153,177,.1); color: #666; font-size: 14px; font-weight: 400; line-height: 22px; min-height: 70px; padding: 5px 10px; 
}
.tabs li.active
{
 border-bottom: 1px solid #fff; 
}
.tabs li.active a
{
 background: rgba(55,153,177,0); 
}
.tabs li a:hover
{
 background: rgba(55,153,177,.1); color: #3799b1; 
}
.tabs li.active a:hover
{
 background: rgba(55,153,177,0); 
}
@media screen and (max-width:960px)
{
	.tabs li,.tabs_3.tabs li,.tabs_5.tabs li,.tabs_6.tabs li
	{
	 width: 100%; 
	}
	.tabs_2.tabs li
	{
	 width: 49%; 
	}
	.tabs li a,.tabs li.active a
	{
	 min-height: 25px; 
	}
}
.search .resultType
{
 display: inline; 
}
.tagcloud a
{
 display: inline-block; font-size: 15px!important; margin: 0 10px 10px 0; 
}
#ftwitter .user,.tag #sidebar
{
 display: none; 
}
.archive #sidebar
{
 float: right; margin-right: 0; margin-top: 2px; 
}
#content .accordion,hr.separator
{
 margin: 50px 0; 
}
#content .accordion>li
{
 border-top: 1px solid rgba(0,0,0,.1); 
}
.accordion h5
{
 margin: 10px 0; 
}
.accordion p
{
 margin: 0 0 25px; 
}
.accordion img
{
 float: right; height: 100px; margin: 0 0 0 5%; width: 20%; 
}
.OurPartners div
{
 text-align: center; 
}
.space
{
 margin: 50px; 
}
.floatLeft,.floatleft
{
 float: left !important; margin: 0 25px 25px 0; 
}
.floatRight,.floatright
{
 float: right !important; margin: 0 0 25px 25px; 
}
#content .pullout,#content blockquote
{
 background: url(/img/quote.png) 25px 0 no-repeat; float: right; list-style: none; margin: 0 0 25px 25px; padding: 50px 0 25px 25px; width: 45%; 
}
.overlap
{
 margin-top: -100px; 
}
@media screen and (max-width:960px)
{
	.overlap
	{
	 margin-top: -25px; 
	}
}
table tfoot td,table th
{
 background: #999; color: #fff; 
}
table td .no,table td .yes
{
 padding-top: 3px; text-align: center; 
}
.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th
{
 background-color: #f9f9f9; 
}
table td,table th
{
 border: 1px solid rgba(0,0,0,.1); 
}
.table td,.table th
{
 border: 0; border-top: 1px solid rgba(0,0,0,.1); line-height: 20px; padding: 15px; text-align: left; vertical-align: top; 
}
.twittersign
{
 height: 70px; margin-right: 20px; opacity: .5; width: 40px; 
}
#content .graphicList li
{
 background: url(img/gray-right.png) 90% 90% no-repeat #3799b1; color: #fff; float: left; height: 225px; line-height: 20px; margin-left: 0; margin-right: 1px; padding: 9px; transition: background .5s; webkit-transition: background .5s; width: 12%; 
}
.graphicList li:last-child
{
 background: #3799b1; 
}
.graphicList li .number
{
 display: block; font-size: 25px; font-weight: 400; margin: 0 0 5px; width: 25px; 
}
.graphicList li .rollOver
{
 display: block; font-style: italic; margin-top: 10px; opacity: 0; transition: opacity .25s; webkit-transition: opacity .25s; 
}
.graphicList li:focus,.graphicList li:hover
{
 background-color: #666; 
}
.graphicList li:focus .rollOver,.graphicList li:hover .rollOver
{
 opacity: .75; 
}
.graphicList li a
{
 color: #fff; 
}
@media screen and (max-width:960px)
{
	.graphicList li
	{
	 height: 80px; margin: 0 0 1px; width: 100%; 
	}
	.graphicList li .number
	{
	 float: left; 
	}
	.graphicList li .rollOver
	{
	 margin: 0 0 0 25px; 
	}
}
.flattwitter
{
 background: #0a4159; min-height: 70px; padding-bottom: 30px; padding-top: 30px; 
}
@media screen and (max-width:767px)
{
	.flattwitter
	{
	 height: 125px; 
	}
}
@media screen and (max-width:480px)
{
	.flattwitter
	{
	 height: 190px; 
	}
}
#ftwitter a
{
 color: #ccc; 
}
.slideshow_description
{
 font-style: italic; font-weight: 700; 
}
.slideshow_container .slideshow_description
{
 padding: 30px; 
}
.slideshow_slide_text:hover .slideshow_description
{
 background: url(img/linkArrow.png) 50% no-repeat; 
}
.grid3 .document,.grid3 .link,.grid4 .document,.grid4 .link
{
 background: url(/img/documentIcon.png) -5px -5px no-repeat rgba(74,149,105,.25); border-radius: 3px; box-shadow: inset 0 0 1px rgba(0,0,0,.5); margin-bottom: 15px; min-height: 65px; padding: 15px 15px 15px 70px; transition: background-color .5s; 
}
@media screen and (min-width:1024px)
{
	.grid3 .document,.grid3 .link,.grid4 .document,.grid4 .link
	{
	 background-position: 9px 9px; padding: 15px 25px 15px 90px; 
	}
}
.grid4 .document.Datasheet
{
 background: url(/img/datasheetIcon.png) 32px 30px no-repeat,url(/img/documentIcon.png) 9px 9px no-repeat rgba(74,149,105,.25); 
}
.grid4 .document.sms
{
 background: url(/img/SMSlogo.png) 32px 30px no-repeat,url(/img/documentIcon.png) 9px 9px no-repeat rgba(74,149,105,.25); 
}
.grid4 .document.nhs
{
 background: url(/img/NHSlogo.png) 32px 34px no-repeat,url(/img/documentIcon.png) 9px 9px no-repeat rgba(74,149,105,.25); 
}
.grid4 .document.londonCancer
{
 background: url(/img/londonCancerlogo.png) 32px 34px no-repeat,url(/img/documentIcon.png) 9px 9px no-repeat rgba(74,149,105,.25); 
}
.grid4 .document.manchester
{
 background: url(/img/manchesterUnilogo.png) 32px 34px no-repeat,url(/img/documentIcon.png) 9px 9px no-repeat rgba(74,149,105,.25); 
}
.grid4 .document.precisionMedicine
{
 background: url(/img/precisionMedicine.png) 32px 32px no-repeat,url(/img/documentIcon.png) 9px 9px no-repeat rgba(74,149,105,.25); 
}
.grid4 .document.dasman
{
 background: url(/img/dasman.png) 32px 32px no-repeat,url(/img/documentIcon.png) 9px 9px no-repeat rgba(74,149,105,.25); 
}
.grid4 .document.chartAdapt
{
 background: url(/img/chartadaptlogo.png) 32px 32px no-repeat,url(/img/documentIcon.png) 9px 9px no-repeat rgba(74,149,105,.25); 
}
.grid4 .document:hover
{
 background-color: rgba(74,149,105,.5); 
}
.grid3 .link:hover,.grid4 .link:hover
{
 background-color: rgba(55,153,177,.5); 
}
.grid4 .document.Demo
{
 background: url(/img/demoIcon.png) 10px 10px no-repeat rgba(10,65,89,.25); 
}
.grid4 .document.Demo:hover
{
 background-color: rgba(10,65,89,.5); 
}
.grid4 .document.contact
{
 background: url(/img/contactIcon.png) right 10px center no-repeat rgba(240,89,39,.25); border-radius: 3px; box-shadow: inset 0 0 1px rgba(0,0,0,.5); margin-top: 50px; min-height: 35px; padding: 10px 85px 13px 15px; 
}
.grid4 .document.contact:hover
{
 background-color: rgba(240,89,39,.5); 
}
.grid4 .document.child,.grid4 .document.sibling
{
 background-color: #fff; background-position: 2px 50%; min-height: 25px; 
}
.grid4 .document.child a,.grid4 .document.sibling a
{
 color: #f05927; 
}
.grid4 .sibling-pages .current_page_item a
{
 color: #999; 
}
.grid4 .sibling-pages .current_page_item ul
{
 display: none; 
}
.grid4 .document.child h5,.grid4 .document.sibling h5
{
 margin-top: 10px; 
}
.grid4 .document.right,.grid4 .link.right
{
 background: url(/img/documentIcon.png) 106% 10px no-repeat rgba(55,153,177,.25); padding: 15px 85px 15px 15px; 
}
.grid3 .link,.grid4 .link,.grid4 .link.right
{
 background-color: rgba(55,153,177,.25); background-image: url(/img/linkIcon.png); 
}
.grid4 .link.Video
{
 background-image: url(/img/videoIcon.png); 
}
.grid4 .link.external
{
 background-color: rgba(106,49,99,.25); background-image: url(/img/linkIcon.png); 
}
.grid4 .link.external:hover
{
 background-color: rgba(106,49,99,.5); 
}
.grid3 .document,.grid3 .link
{
 padding: 15px 25px 15px 90px; 
}
@media screen and (min-width:768px) and (max-width:1279px)
{
	.grid3 .document,.grid3 .link
	{
	 background-image: none; padding: 10px; 
	}
}
.page-template-default .grid4 .child
{
 border: 0; margin: 0 15px 15px 0; padding: 0; 
}
.page-template-default .grid4 .child h5
{
 margin: 0; 
}
#content .intro ul
{
 display: inline-flex; margin: 0 auto; 
}
#content .intro ul>li
{
 margin-left: 0; 
}
#content .intro ul>li:hover
{
 background: 0 0; 
}
#content .intro h3.container
{
 margin: 0 auto; 
}
.intro h3 li a,.intro li h5 a
{
 color: #999; font-size: 13px; line-height: 20px; padding: 5px 15px 5px 0; 
}
@media screen and (min-width:960px)
{
	.intro h3 li a,.intro li h5 a
	{
	 border: 1px solid rgba(0,0,0,.1); border-width: 0 1px 0 0; float: left; margin-left: 10px; 
	}
}
.intro h3 li:last-child a,.intro li:last-child h5 a
{
 border: none; 
}
.intro h3 li a:hover,.intro h3 li.current_page_item a,.intro li h5 a:hover,.intro li.current_page_item a
{
 background: 0 0; color: #f05927; 
}
.grid3 .link.picture,.grid4 .link.picture
{
 background-position: center; background-repeat: repeat; padding: 15px; 
}
.document h5,.link h5
{
 color: #0a4159; font-size: 15px; margin: 3px 0 0; 
}
.document h5 a,.document p a,.document:hover p,.link h5 a,.link p a,.link:hover p
{
 color: #0a4159; 
}
.document p,.link p
{
 color: #fff; font-size: 15px; line-height: 20px; margin: 0; 
}
.link.picture h5,.link.picture h5 a,.link.picture p,.link.picture p a
{
 color: #fff; text-shadow: 0 1px 3px #0a4159; 
}
.link.picture:hover h5,.link.picture:hover h5 a,.link.picture:hover p,.link.picture:hover p a
{
 text-shadow: 0 1px 3px #000; 
}
.link.picture h5
{
 border-bottom: 1px solid rgba(255,255,255,.5); margin: 0 0 5px; 
}
@media screen and (max-width:1279px)
{
	.document h5,.link h5
	{
	 line-height: 20px; 
	}
	.document p,.link p
	{
	 font-size: 14px; line-height: 20px; 
	}
}
@media screen and (max-width:959px)
{
	.document h5,.document p,.link h5,.link p
	{
	 font-size: 13px; 
	}
}
@media screen and (max-width:767px)
{
	.document h5,.document p,.link h5,.link p
	{
	 font-size: 15px; line-height: 20px; 
	}
	.document p,.link p
	{
	 max-height: 60px; 
	}
	.document
	{
	 clear: both; 
	}
}
@media screen and (max-width:479px)
{
	.document h5,.document p,.link h5,.link p
	{
	 font-size: 14px; line-height: 20px; 
	}
	.document p,.link p
	{
	 max-height: 90px; 
	}
}
.careers div.sep-small,.category-news .postSummary .small_text
{
 display: none; 
}
.careers #content ul>li.cat-post-item
{
 display: block; margin-left: 0; 
}
.careers .description
{
	padding-top:25px;
}
.careers .description p:first-child
{
 font-style:italic;
}
.careers .description p:nth-child(2)
{
 font-size: 20px; 
}
.Downloads
{
 margin-top: 15px; 
}
.pagination
{
 text-align: center; 
}
.Downloads hr
{
 border: solid rgba(0,0,0,.1); border-width: 1px 0 0; clear: both; height: 0; margin: 0 0 30px; 
}
.Downloads h6,.postSummary .bold_title2
{
 font-family: Gotham,sans-serif; font-weight: 500; 
}
.Downloads p img {
  position: absolute; top: 0; z-index: -1;
}
@media screen and (max-width:1279px)
{
	.Downloads p img
	{
	 width: 350px; 
	}
}
@media screen and (max-width:959px)
{
	.Downloads p img
	{
	 width: 180px; 
	}
}
@media screen and (max-width:767px)
{
	.Downloads p img
	{
	 display: none; 
	}
}
.isotope-item
{
 text-align: center; 
}
.isotope-item .thumb
{
 min-height: 200px; 
}
@media screen and (min-width:960px)
{
	.isotope-item .thumb
	{
	 min-height: 260px; 
	}
}
.postSummary .bold_title2
{
 margin-bottom: 9px; 
}
.category-coverage .postSummary,.category-technical-tutorials .postSummary
{
 margin-bottom: 50px; 
}
.category-coverage .postSummary
{
 float: left; padding: 10px 0; 
}
.category-news .postSummary
{
 padding: 10px 0; 
}
@media screen and (max-width:480px)
{
	.category-news .postSummary,.category-news .postSummary:nth-child(even),.category-news .postSummary:nth-child(odd)
	{
	 float: none; margin-right: 0; width: 100%; 
	}
	.category-coverage .postSummary,.page-template-template-technology .postSummary.award
	{
	 float: left; min-height: 300px; padding: 10px 0; 
	}
}
.category-technical-tutorials .title
{
 padding-top: 10px; 
}
.careers .postSummary
{
 border: 0; border-bottom: 1px solid rgba(55,153,177,.5); margin: 0 0 25px; padding: 0 0 25px; 
}
.coverage .postSummary
{
 border-bottom: 10px solid rgba(55,153,177,.2); height: 200px; padding-top: 0; 
}
.author .postSummary .title,.blog .postSummary .title,.category .postSummary .title,.news .postSummary .title
{
 background-position: 200px bottom; background-repeat: no-repeat; border-top: 10px solid #cde6ec; font-size: 15px; line-height: 20px; 
}
.category-coverage .postSummary .title,.page-template-template-technology .postSummary.award .title
{
 height: auto; 
}
.category-blog .postSummary .title,.category-coverage .postSummary .title,.category-news .postSummary .title,.page-template-template-technology .postSummary.award .title,.postSummary h5
{
 background-color: transparent; border: none; float: none; font-size: 15px; line-height: 20px; padding: 10px 0; transition: border .5s; width: auto; 
}
.author .postSummary .title a,.blog .postSummary .title a,.news .postSummary .title a
{
 line-height: 20px; margin-bottom: 0; 
}
.category .postSummary .title a
{
 height: 150px; 
}
.category-coverage .postSummary .title,.category-news .postSummary .title,.page-template-template-technology .postSummary.award .title
{
 background-position: 50% 50%; background-repeat: repeat; padding: 15px 0 0; 
}
.category-news .postSummary .title .firasdate,.category-news .postSummary .title a
{
 display: block; text-shadow: 0 1px 10px #fff; 
}
.category-blog .postSummary h5,.category-news .postSummary h5
{
 font-family: Gotham,sans-serif; font-size: 16px; padding-right: 100px; 
}
.category-coverage .postSummary p,.page-template-template-technology .postSummary.award p,.postSummary .title .firasdate
{
 display: block; font-size: 13px; line-height: 22px; padding: 0; 
}
.category-coverage .postSummary p,.page-template-template-technology .postSummary.award p
{
 color: #3799b1; 
}
.category-coverage .postSummary .thumb,.page-template-template-technology .postSummary.award .thumb
{
 background-position: 50% 50%; background-size: 100% auto; border: 1px solid rgba(55,153,177,.5); height: 125px; margin-bottom: 0; transition: background-size .25s; 
}
.category-coverage .postSummary .thumb:hover
{
 background-size: 125% auto; 
}
.page-template-template-technology .postSummary.award .thumb
{
 background-repeat: no-repeat; height: 195px; opacity: 1; 
}
.page-template-template-technology .postSummary.award img
{
 float: right; position: relative; top: -29px; 
}
@media screen and (min-width:768px)
{
	.category-coverage .postSummary,.page-template-template-technology .postSummary.award
	{
	 padding: 10px 0; 
	}
}
@media screen and (min-width:960px)
{
	.author .postSummary .title,.blog .postSummary .title,.category .postSummary .title,.category-blog .postSummary,.category-news .postSummary,.postSummary .title
	{
	 background-position: 100% 15px; background-repeat: no-repeat; transition: ease-in-out,background-position,opacity,.25s; 
	}
	.category-coverage .postSummary,.page-template-template-technology .postSummary.award
	{
	 min-height: 250px; 
	}
	.category-blog .postSummary:hover,.category-news .postSummary:hover
	{
	 background-position: 100% 20px; 
	}
	.category-news .postSummary .small_text
	{
	 display: block; 
	}
	.category .postSummary .title a
	{
	 height: auto; 
	}
}
.page-template-template-technology .postSummary.award:hover .thumb
{
 opacity: .75; 
}
.archive .metablog,.postSummary .metablog
{
 font-size: 13px; line-height: 22px; 
}
.postSummary .span
{
 margin-bottom: 10px; 
}
.postSummary .metablog p
{
 float: right; line-height: 22px; 
}
.blog .postSummary .bold_title2,.news .postSummary .bold_title2
{
 display: block; 
}
.Downloads #comments,.Downloads .metablog,.blog h5.tag
{
 display: none; 
}
#comments
{
 padding-bottom: 100px; 
}
#comments .form-submit
{
 clear: both; padding-top: 30px; 
}
#comments ol
{
 margin-left: 0; 
}
.postSummary .bold_title2,.postSummary h5
{
 line-height: 22px; 
}
.postSummary h6
{
 background: rgba(200,200,200,.2); display: none; font-size: 13px; margin-bottom: 11px; padding: 10px; text-align: center; 
}
.blog_item h3,.box h4
{
 text-transform: none; 
}
.postSummary h6.Award
{
 background: rgba(240,89,39,.2); color: rgba(240,89,39,1); 
}
.postSummary h6.Announcement
{
 background: rgba(144,161,60,.2); color: rgba(144,161,60,1); 
}
.postSummary h6.partnership
{
 background: rgba(106,49,99,.2); color: rgba(106,49,99,1); 
}
.download h5,.download h5 a
{
 color: #3799b1; 
}
.category-blog .postSummary
{
 margin-bottom: 25px; 
}
.link_post_img
{
 padding-top: 0; 
}
.download
{
 background: url(/img/document81.png) 10px 10px no-repeat #eee; border: 1px solid #ddd; height: auto; margin-bottom: 20px; min-height: 95px; padding: 5px 15px 0 75px; 
}
.home .download
{
 border: 0; 
}
@media screen and (min-width:960px)
{
	.download
	{
	 float: left; height: 180px; margin: 0 20px 20px 0; width: 248px; 
	}
}
@media screen and (min-width:1280px)
{
	.download
	{
	 height: 130px; width: 338px; 
	}
}
.download:nth-child(even)
{
 margin-right: 0; 
}
.download h5
{
 margin: 5px 0 0; 
}
.download.Video,.postSummary.Video,.tag-video .postSummary
{
 background-image: url(/img/video81.png); 
}
.Downloads .downloadLink,.Downloads .signup
{
 background: rgba(240,240,240,.9); margin: -30px 0 1px; padding: 15px 15px 1px; 
}
.Downloads .downloadLink
{
 padding: 0 15px 15px; 
}
.Downloads .downloadLink a.button,.Downloads .signup a.button
{
 display: block; height: 22px; margin: 0; padding: 12px 12px 2px; text-align: center; 
}
.Downloads form.wpcf7-form img
{
 display: none; 
}
.contaxt_box .wpcf7-checkbox span
{
 margin: 0; 
}
.Downloads .wpcf7-checkbox span
{
 margin: 0 0 0 -3px; 
}
.contaxt_box input[type=checkbox],input[type=radio]
{
 float: left; margin-left: 0; 
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors
{
 display: none!important; 
}
.Downloads h6
{
 color: #0a4159; font-weight: 400; padding: 0; 
}
.Downloads .form
{
 float: none; margin: 0 0 20px; width: 100%; 
}
.Downloads form.wpcf7-form input,.wpcf7-submit
{
 font-size: 13px; margin: 0; 
}
.Downloads form.wpcf7-form .wpcf7-submit
{
 background: #3799b1; margin: 0; white-space: normal; 
}
@media screen and (min-width:768px)
{
	.Downloads .form
	{
	 float: right; margin: 0 0 120px 20px; width: 344px; 
	}
	.Downloads .downloadLink a.button,.Downloads .signup a.button
	{
	 display: block; margin: 0; padding: 12px 12px 2px; text-align: center; 
	}
}
.Downloads form.wpcf7-form .wpcf7-submit:hover
{
 background: rgba(0,0,0,.5); 
}
.Downloads form.wpcf7-form label
{
 margin: 20px 0 0; 
}
.Downloads form span.wpcf7-not-valid-tip
{
 margin: 0 20px; 
}
div.wpcf7-response-output
{
 border: none!important; margin: 50px 0 0; max-width: 300px; padding: 0; position: absolute; text-align: center; 
}
.wpcf7-form a.button
{
 display: block; text-align: center; 
}
.Downloads .preview
{
 margin: 15px 60px; 
}
#sidebar.filters
{
 display: none; 
}
.downloads #sidebar.filters
{
 display: block; 
}
.filter a.active
{
 background-color: #f05927; 
}
@media screen and (max-width:1279px)
{
	.Downloads .preview
	{
	 width: 150px; 
	}
}
@media screen and (max-width:767px)
{
	.Downloads form.wpcf7-form
	{
	 margin-top: 30px;
	 padding-bottom: 50px;
	}
}
@media screen and (max-width:960px)
{
	.download h5,.download p
	{
	 font-size: 15px; 
	}
}
@media screen and (max-width:480px)
{
	.Downloads .preview
	{
	 display: none; 
	}
	.Downloads form,.Downloads form input,.Downloads h6
	{
	 width: auto; 
	}
}
.wpcf7-form label .extra
{
 font-size: 10px; opacity: .5; 
}
.resources-info
{
 clear: left; float: left; width: auto; 
}
@media screen and (min-width:768px)
{
	.resources-info
	{
	 width: 30%; 
	}
	.wpcf7-form label .extra
	{
	 display: none; 
	}
}
@media screen and (min-width:960px)
{
	.resources-info
	{
	 width: 45%; 
	}
	.wpcf7-form label .extra
	{
	 display: inline; font-size: 9px; 
	}
}
@media screen and (min-width:1280px)
{
	.resources-info
	{
	 width: 55%; 
	}
	.wpcf7-form label .extra
	{
	 font-size: 10px; 
	}
}
input[type=checkbox],input[type=radio]
{
 margin-right: 5px!important; top: 0; width: auto!important; 
}
.subtitle,.subtitle p
{
 line-height: 25px; 
}
#content .decoration,#footer #menu-menu-2>li.Blog.menu-item,#footer #menu-menu-2>li.Contact.menu-item,#footer #menu-menu-2>li.menu-item-35722,#footer #menu-menu-2>li.menu-item-home,.widget_categories .cat-item-36,.widget_categories .cat-item-39,.widget_categories .cat-item-40,.widget_categories .cat-item-41,.widget_categories .cat-item-43
{
 display: none; 
}
.dataScienceTeam a img
{
 transition: background-color .5s; webkit-transition: background-color .5s; 
}
.dataScienceTeam a:hover img
{
 background-color: rgba(0,0,0,.5); 
}
.page-title.left,.subtitle
{
 padding: 25px 0; 
}
.single .page-title
{
 border: 0; font-weight: 500; letter-spacing: -0.05em; margin: 10px 0 0 0; text-align: left; text-transform: initial; 
}
@media screen and (min-width:768px)
{
	.single .page-title
	{
	 margin: 10px 0 0 10px; 
	}
}
.subtitle
{
 border-bottom: 1px solid rgba(0,0,0,.1); 
}
.subtitle p
{
 margin-bottom: 0; 
}
.isotope
{
 margin-bottom: 30px; margin-top: 30px; 
}
#use_case h3,#use_case p,#use_case ul
{
 margin: 10px 30px; 
}
.contaxt_box
{
 border-radius: 0; box-shadow: none; margin: 0 0 25px 0; padding: 25px 30px; 
}
#contact-our-team .contaxt_box
{
 background: rgba(44,136,162,.25); min-height: 1279px; 
}
.cta-box
{
 background: rgba(52,134,122,.25); border-radius: 0 0 0 10px; min-height: 100px; 
}
img.small
{
 float: left; margin: 15px 25px 15px 0; width: 25%; 
}
@media screen and (min-width:768px)
{
	.half
	{
	 float: left; width: 49%; 
	}
	.half.right
	{
	 float: right; width: 49%; 
	}
	#content .decoration
	{
	 display: block; margin-top: 30px; 
	}
}
@media screen and (min-width:960px)
{
	.contaxt_box
	{
	 padding: 25px 40px; 
	}
}
.contaxt_box li,.contaxt_box p
{
 clear: both; font-size: 15px; line-height: 20px; 
}
.contaxt_box h2
{
 font-size: 20px; line-height: 25px; 
}
.contaxt_box h4
{
 clear: both; margin-bottom: 10px; 
}
@media screen and (min-width:960px)
{
	#content .decoration
	{
	 margin-top: -10px; 
	}
}
@media screen and (min-width:1280px)
{
	.cta-box
	{
	 height: 336px; 
	}
	#content .decoration
	{
	 margin-bottom: -80px; margin-top: -40px; 
	}
}
.gmap-container
{
 height: 400px; margin-bottom: 25px; 
}
.blueBox
{
 background: url(/img/xapSplashSmall.jpg) rgba(55,153,177,.25); border-radius: 3px; padding-bottom: 1px; text-align: center; 
}
.contact_info
{
 display: flex; 
}
.contact_info i
{
 margin: 0 10px 0 0; 
}
.contact_info span.icon_none
{
 height: 16px; margin-top: 2px; width: 16px; 
}
input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea
{
 background: #fff; border: 1px solid #d3d3d3; border-radius: 3px; box-sizing: border-box; color: #999; display: block; font-size: 16px; margin: 0 0 20px; max-width: 100%; moz-box-sizing: border-box; outline: 0; padding: 6px 4px; webkit-box-sizing: border-box; width: 230px; 
}
.update input,.update textarea
{
 margin: 0; width: 302px; 
}
.update
{
 background: url(/img/pattern.png) center rgba(55,153,177,.1); border: 1px solid #d3d3d3; border-radius: 3px; margin: 0 auto; padding: 20px; text-align: center; width: 302px; 
}
.call-to-action h3
{
 color: #666; font-size: 16px; 
}
.your-name input
{
 margin-right: 10px; 
}
#TB_window textarea
{
 width: 230px; 
}
#TB_ajaxContent
{
 background: #eee; 
}
.button.gray,button.gray,input[type=button].gray,input[type=reset].gray,input[type=submit].gray
{
 background-color: #ccc; background-color: rgba(0,0,0,.25); font-size: 16px; transition: background-color .25s; webkit-transition: background-color .25s; 
}
.button.gray:hover,button.gray:hover,input[type=button].gray:hover,input[type=reset].gray:hover,input[type=submit].gray:hover
{
 background-color: rgba(0,0,0,.5); 
}
#content .col ul.list-pages-shortcode li
{
 list-style-type: none; margin-left: 0; 
}
#content .col.grid4 ul.list-pages-shortcode
{
 background: #eee; border: 1px solid #ddd; margin: 0 0 15px; padding: 15px; 
}
#content .col.grid8 ul.list-pages-shortcode
{
 border-top: 1px solid rgba(10,65,89,.25); padding: 25px 0; 
}
#content .col.grid8 ul.list-pages-shortcode li
{
 background: #f05927; border: 1px solid rgba(10,65,89,.25); border-radius: 2px; box-shadow: rgba(0,0,0,.1) 0 1px 0 0; float: left; font-size: 13px; height: 35px; margin: 0 15px 15px -1px; padding: 0; width: 100%; 
}
#content .col.grid8 ul.list-pages-shortcode li h5
{
 margin: 10px; 
}
#content .col.grid8 ul.list-pages-shortcode li:nth-child(even)
{
 margin-right: 0; 
}
#content .col.grid8 ul.list-pages-shortcode li a
{
 color: #fff; display: block; line-height: 20px; margin: 15px; 
}
#content .col.grid8 ul.list-pages-shortcode li a:after
{
 content: ' ➜'; 
}
#footer ul ul ul li a:before
{
 content: "- "; 
}
@media screen and (min-width:768px)
{
	#content .col.grid8 ul.list-pages-shortcode li
	{
	 height: 110px; width: 47.5%; 
	}
}
@media screen and (min-width:960px)
{
	#content .col.grid8 ul.list-pages-shortcode li
	{
	 width: 30%; 
	}
	#content .col.grid8 ul.list-pages-shortcode li:nth-child(even)
	{
	 margin-right: 15px; 
	}
	#content .col.grid8 ul.list-pages-shortcode li:last-child
	{
	 margin: 0; 
	}
}
@media screen and (min-width:1280px)
{
	#content .col.grid8 ul.list-pages-shortcode li
	{
	 width: 22.8%; 
	}
}
.wp-tag-cloud li
{
 display: inline-block; margin-right: 10px; 
}
.cat-item,.cat-post-widget ul li
{
 border-bottom: 1px solid #eee; border-bottom: 1px solid rgba(0,0,0,.05); font-size: 15px; line-height: 22px; list-style: none; margin: 0 0 5px; padding: 0 0 5px; 
}
h2.a,h2.coua,h2.cua,h2.oua,h2.ua
{
 height: 40px; padding-right: 300px; 
}
.cat-post-widget .post-title
{
 font-weight: 400; line-height: 20px; 
}
.cat-post-current a,.cat-post-item .cat-post-current
{
 color: #0a4159; text-transform: none; 
}
#content .container,#footer .container
{
 padding: 25px 0; 
}
#content>.container:first-child
{
 padding-top: 50px; 
}
table td .button,table td h4
{
 margin: 0; padding: 0; text-align: center; 
}
@media screen and (max-width:480px)
{
	#content .container,#footer .container
	{
	 padding: 25px 0; 
	}
	.cat-post-widget h3
	{
	 margin-bottom: 10px; 
	}
	#footer .bottom .container .grid6.col
	{
	 margin-bottom: 20px; 
	}
	h2
	{
	 font-size: 20px; line-height: 25px; 
	}
	.page-template-template-staff-php .href h2
	{
	 margin: 25px; 
	}
}
.cat-post-current .cat-post-title
{
 font-weight: 700; text-transform: none; 
}
.fullWidth
{
 background: #eee; margin: -30px 0 1px; padding: 0 33% 1px; 
}
.fullWidth .signup
{
 margin: 0; 
}
#features #content .grid4
{
 text-align: center; 
}
#features #content .grid4 ul,.actions
{
 text-align: left; 
}
.actions
{
 border-top: 1px solid rgba(0,0,0,.1); clear: both; padding-top: 25px; 
}
#features h3
{
 font-size: 20px; padding: 5px 0 30px; 
}
#features h3 span
{
 font-size: 99%; 
}
@media screen and (min-width:768px)
{
	#features #content .grid4 img
	{
	 margin-top: -35px; 
	}
}
a.target
{
 display: block; height: 0; position: relative; top: -125px; visibility: hidden; 
}
h5.link
{
 display: none; 
}
.News h5.link
{
 display: block; 
}
.blogimage
{
 display: none; 
}
.row .grid4.col.image
{
 margin: 0 0 15px 0; 
}
.category-careers h5.half-bottom
{
 margin: 0 !important; 
}
.single-post.careers .row
{
 display: block; 
}
.single-post.careers p
{
 margin: 0; 
}
@media screen and (min-width:768px)
{
	.single-post.careers .row
	{
	 display: flex; 
	}
	.single-post.careers .row .grid4.col.image
	{
	 display: block; 
	}
	.single-post.careers .row .col
	{
	 display: flex; display: -webkit-flex; margin-left: 0; 
	}
}
@media screen and (min-width:960px)
{
	.blogimage
	{
	 display: block; float: right; margin: -46px 0 15px 15px; width: 50%; 
	}
	.flex
	{
	 display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: space-between; 
	}
	.flex .column
	{
	 flex-basis: 49%; 
	}
}
@media screen and (min-width:1280px)
{
	.blogimage
	{
	 width: 400px; 
	}
}
.blogimage.margin
{
 margin: 0 0 25px 25px; 
}
.box p img.right
{
 border: 1px solid rgba(0,0,0,.25); margin-right: -15px; margin-top: 3px; 
}
.single-post.careers .metablog
{
 color: rgba(73,149,101,1); font-size: 13px; margin: 0 0 30px; 
}
p.btitledate
{
 display: none; 
}
.single-post.careers .box
{
 background: url(/img/pattern.png) rgba(55,153,177,.2); border-top: 5px solid rgba(55,153,177,.5); padding: 25px 0; 
}
.single-post.careers .box h3,.single-post.careers .box p,.single-post.careers .box ul
{
 margin: 0 25px 25px; 
}
.single-post.careers .alpha .box
{
 background: url(/img/pattern.png) rgba(55,153,177,.3); 
}
.single-post.careers .omega .box
{
 background: url(/img/pattern.png) rgba(55,153,177,.1); 
}
.single-post.careers .box.overview
{
 background: url(/img/pattern.png) rgba(73,149,101,.25); border-top: 5px solid rgba(73,149,101,.5); padding: 0; 
}
.single-post.careers .box.overview p
{
 margin: 0; padding: 0 25px 25px; 
}
.single-post.careers .box.overview p.big
{
 padding: 25px; 
}
p.big
{
 font-size: 20px; margin-bottom: 27px; margin-top: -2px; 
}
.page-template-template-xap .about
{
 color: #3799b1; font-size: 28px; font-weight: 300; letter-spacing: -0.075em; margin: 15px 0 15px 0; padding: 0; 
}
.projects
{
 margin-bottom: 50px; padding-bottom: 75px !important; 
}
.page-template-template-xap .projects .about,.page-template-template-xap .projects p
{
 color: #FFF; text-align: center; 
}
.page-template-template-xap .about + h3
{
 border-bottom: 1px solid rgba(0,0,0,.1); color: rgba(0,0,0,.33); margin: 0 -30px 30px -30px; padding: 0 0 20px 30px; text-transform: uppercase; 
}
@media screen and (min-width:768px)
{
	.page-template-template-xap .about
	{
	 font-size: 38px; line-height: 1.25; margin: 0 0 15px 0; 
	}
}
#customers .about
{
 font-size: 25px; 
}
@media screen and (min-width:780px)
{
	#customers .big,#product .about,#product .big
	{
	 width: 75%; 
	}
}
.ctas .button
{
 background: #f05927; display: block; text-align: center; 
}
.cookie-notice-container
{
 padding: 10px 0; 
}
.module
{
 background: rgba(55,153,177,.25); margin: 0 15px 15px 0; padding: 10px; text-align: center; transition: background .5s; 
}
.module h4
{
 line-height: 1em; margin-bottom: 5px; min-height: 20px; text-transform: none; 
}
@media screen and (min-width:960px)
{
	.module
	{
	 float: left; width: 275px; 
	}
	.module h4
	{
	 min-height: 35px; 
	}
}
@media screen and (min-width:1280px)
{
	.module
	{
	 float: left; width: 225px; 
	}
}
.module:hover
{
 background: rgba(55,153,177,.1); 
}
.module a:hover img
{
 box-shadow: none; 
}
span>button
{
 margin-bottom: 8px; 
}
label
{
 color: #666; display: block; font-size: 14px; font-weight: 400; padding: 0 0 0 4px; 
}
.kb-link
{
 background: rgba(255,255,255,.9); border: 1px solid rgba(0,0,0,.25); border-radius: 5px; box-shadow: 0 0 3px rgba(0,0,0,.25); display: block; margin: 125px 0; padding: 50px; text-align: center; 
}
.avatar
{
 animation: animat_show 2s; webkit-animation: animat_show 2s; 
}
.author-bio .avatar,.avatar200,.postSummary .avatar
{
 background-position: center; background-size: contain; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px rgba(55,153,177,.25); float: right; height: 48px; margin: 0 0 25px 25px; width: 48px; 
}
.flatintro.blog .avatar
{
 margin: 0 0 20px 20px; 
}
.avatar200
{
 float: none; height: 200px; margin: -15px 48px 20px; width: 200px; 
}
@media screen and (min-width:480px)
{
	.avatar200
	{
	 float: right; margin: -15px 0 25px 25px; 
	}
}
.postSummary .avatar
{
 border: 3px solid #fff; box-shadow: 0 0 0 1px rgba(55,153,177,.25); float: right; margin: -35px 0 25px 25px; 
}
.author .avatar
{
 margin: 50px 0; 
}
.blog-left-offset,.blog-left,.blog-right
{
 margin: 25px 0; 
}
@media screen and (min-width:450px)
{
	.blog-left-offset
	{
	 float: left; margin: 25px 25px 25px -12.5%; max-width: 300px; width: 60%; 
	}
	.blog-left
	{
	 float: left; margin: 25px 25px 25px 0; max-width: 300px; width: 50%; 
	}
	.blog-right
	{
	 float: right; margin: 25px 0 25px 25px; max-width: 300px; width: 50%; 
	}
}
.thumb.blog_item img.scale {
  height: 190px;
}
@media screen and (min-width:768px)
{
	.thumb.blog_item img.scale {
	  height: 140px;
	}
}
@media screen and (min-width:960px)
{
	.thumb.blog_item img.scale {
	  height: 194px;
	}
}
@media screen and (min-width:1280px)
{
	.thumb.blog_item img.scale {
	  height: 247px;
	}
}


/*------------------Custom CSS-------------------*/

/*-------Security Page-------*/
	.box-dark a{color:#fff;} .box-dark div{background:#0c3247; transition:0.3s;} .box-dark:hover div{background:#3699b1 !important; transition:0.3s;}

/*-------Homepage-------*/
.flexy{display:flex; flex-wrap:wrap; justify-content:center; color:#fff; background:#0c3247; width:100vw; overflow-x:hidden;}
.flexy-content{align-self:center; width:50%; min-width:300px; text-align:left; background:#1B5A72; height:100%; padding:2rem 0;}
.flexy-content:nth-child(1){padding:0 4rem; width:calc(50% - 8rem); min-width:300px; background:#0c3247;}

	.alt-button{padding:1rem; margin-top:1rem; background:none; color:#fff; border:3px solid #fff; padding-left:3rem; padding-right:3rem;transition:0.5s; border-radius:1px;}
	.alt-button:hover{transition:0.5s; border-radius:200px; border:3px solid #3699b1; background:#3699b1;}


/*-------Recruitment-------*/

/*-------Above Tabs-------*/
.rec-body{
	width:100vw;
	background:#1b5a72;
	background-size:cover;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-color:#1b5a72;
	color:#0c3247;
}
.rec-section{
	max-width:100vw;
	margin-left:0rem;
	margin-right:0rem;
	margin:auto;
	overflow:hidden;
}
.rec-title{
	text-align:left;
	color:#fff;
	font-weight:bold;
	font-size:2.3em;
	padding:2rem 2rem 1.5rem;
	overflow:hidden;
	background:url('/img/bg-blue2.jpg');
	background-size:cover;
}
.rec-tabs{
	background:#f5f5f5;
}
.rec-tabs section{
	background:#fff;
	padding-top:0;
	padding-bottom:0;
	border-radius: 2rem 2rem 25% 25% / 0 0 5% 5%;
}
.rec-tabs section .container{
	width:100vw;
}
.rec-tabs label h3{
	display:none;
}
.rec-row{
	width:calc(100vw - 4rem);
	padding:2.5rem 2rem 2rem;
	text-align:left;
	float:none;
	clear:both;
}
.rec-two-thirds{
	width:calc(100vw - 4rem);
	float:left;
	padding:1rem 2rem 2rem;
}
.rec-two-thirds h2{
	font-size:1.5em;
	line-height: 1.2em;
	font-weight:bold;
	color:#0c3247;
}
.rec-one-third{
	width:calc(100vw - 8rem);
	float:left;
	padding:0rem 4rem;
}
.rec-one-third img{
	width:100%;
	height:auto;
}
.navy{
	background:#0c3247 !important;
	color:#fff;
}
.navy a:hover{color:#3799b1;}
.grey{
	background:#f5f5f5 !important;
}
.white{
	background:#fff !important;
	color:#0c3247 !important;
}
.pb-0{
	padding-bottom:0 !important;
}

@media only screen and (min-width: 768px) {
	.rec-body{
		width:calc(100vw - 12px);
		background:url('/img/bg-blue2.jpg');
		/*background-size:100% auto;*/
		background-attachment:fixed;
		background-repeat:no-repeat;
		padding-top:3rem;
		padding-bottom:0;
	}
	.rec-section{
		margin-left:10rem;
		margin-right:10rem;
		margin:auto;
		max-width:1200px;
	}
	.rec-tabs section .container{
		width:100%;
	}
	.rec-tabs label h3{
		display:block;
	}
	.rec-title{
		font-size:3.5em;
		text-align:center;
		padding:0 1rem 0.5rem;
		background:none;
	}
	.rec-row{
		width:calc(100% - 6rem);
		max-width:calc(1200px - 6rem);
		padding:3rem; 
		text-align:left;
		float:none;
		clear:both;
	}
	.rec-two-thirds{
		width:calc(70% - 6rem);
		float:left;
		padding:3rem;
	}
	.rec-two-thirds h2{
		font-size:2em;
	}
	.rec-one-third{
		width:calc(30% - 3rem);
		float:left;
		padding:0rem 1.5rem;
	}
}
/*-------End of Above Tabs-------*/

/*-------Tab Content-------*/	

.flexy-row{
	display:flex;
	/*justify-content:space-between;*/
	flex-flow: row wrap;
	gap:1rem;
	float:none;
	clear:both;
}
.flexy-row.no-gap{
	gap:0;
}
.flexy-row.xl-gap{
	gap:2rem;
}
.mb-flip{
	flex-direction: column-reverse;
}
.flexy-split{
	flex-grow: 1;
	flex-basis: 0;
	min-width: 300px;
	max-width:calc(100vw - 4rem);
	padding:2rem;
	background:#1b2b41;
	color:#fff;
}
.flexy-image{
	flex-grow: 1;
	flex-basis: 0;
	min-width: 300px;
	max-width:100vw;
	background:#0c3247;
	padding:0;
}
.flexy-image img{
	margin-bottom:5rem;
}
.flexy-split:nth-child(1){
	background:#006380;
}
.flexy-split.small{flex-grow:1; background:none !important; color:#0c3247; display:flex; align-items:center; text-align:center; padding:4rem}
.flexy-split.large{flex-grow:3; background:none !important; color:#0c3247}
.alt-light .flexy-row:nth-child(even){background:#fff;}
.perks{
	flex-grow: 2;
	color:#0c3247;
	flex-basis: 0;
	min-width: 250px;
}
.perks-image{
	flex-grow:2;
	padding:2rem;
}
.perks-image img{
	width:100%;
	height:auto;
}
.perks-intro{
	padding-top:1rem;
}
.rec-row table{
	width:100%;
}
.rec-row table, .rec-row th, .rec-row td{
	border:none;
}
.rec-row table i{
	color:#00638d;
}

@media only screen and (min-width: 768px) {
	.mb-flip{
		flex-direction: row;
	}
	.flexy-split{
		padding:3rem;
		max-width: calc(50% - 6rem)
	}
	.flexy-v-align{
		padding:9rem 3rem !important;
	}
	.flexy-image{
		padding:0;
	}
	.flexy-image img{
		margin-bottom:-.3rem;
	}
	.perks{
		min-width:400px;
	}
	.perks-image{
		flex-grow:1;
		padding:2rem;
		display:flex;
		align-items:flex-end;
	}
	.perks-image img{
		width:100%;
		height:auto;
	}
}

/*-------End of Tabbed Content-------*/

/*-------Team Structure-------*/

.team-box{
	flex-grow: 1;
	color:#0c3247;
	background:#fff;
	flex-basis: 0;
	min-width: 250px;
	max-width:calc(100vw - 6rem);
	padding:1.5rem;
	padding-bottom:1rem;
	border-radius:1rem
}
.team-box:nth-child(1){
	padding-top:0;
	padding-left:0;
	padding-right:3rem;
}
.team-box:nth-child(1) p{
	margin-right:-2.5rem;
}
.team-box.colour h2{
	font-size:1.2em; margin-bottom:1rem;
}
.team-box:nth-child(1){
	background:none;
	color:#0c3247;
}
.team-box:nth-child(2){
	border-bottom:5px solid #ee9626;
}
.team-box:nth-child(3){
	border-bottom:5px solid #a21441;
}
.team-box:nth-child(4){
	border-bottom:5px solid #009562;
}
.team-box:nth-child(5){
	border-bottom:5px solid #0089b9;
}
.team-box:nth-child(6){
	border-bottom:5px solid #603f83;
}

@media only screen and (min-width: 768px) {
	.team-box{
		min-width: 400px;
	}
}

/*-------End of Team Structure-------*/

/*-------Working Life Blog Grid-------*/

.wlblog-box{
	flex-grow: 1;
	flex-basis: 0;
	min-width: 300px;
	border-radius: 1rem 1rem 1.5rem 1.5rem;
    max-width: calc(33.3% - 0.6rem);
	transition:0.3s;
	margin-top: 11rem;
}
.wlblog-box:hover {
	transform: scale(1.02);
	transition: 0.3s;
}
.wlblog-box:nth-child(1):hover .wlblog-button{
	transition:0.5s;
	background: #3E55AB;}
.wlblog-box:nth-child(2):hover .wlblog-button{
	transition:0.5s;
	background: #D93744;
}
.wlblog-box:nth-child(3):hover .wlblog-button{
	transition:0.5s;
	background: #009562;
}
.wlblog-box:nth-child(4):hover .wlblog-button{
	transition:0.5s;
	background: #A21441;
}
.wlblog-box:nth-child(5):hover .wlblog-button{
	transition:0.5s;
	background: #EE9626;
}
.wlblog-box:nth-child(6):hover .wlblog-button{
	transition:0.5s;
	background: #603F83;
}
.wlblog-box:nth-child(7):hover .wlblog-button{
	transition:0.5s;
	background: #0089B9 !important;
}
.wlblog-box:hover .wlblog-title{
	transition:0.5s;
}
.wlblog-box:nth-child(1):hover .wlblog-title{
	color: #3E55AB;
}
.wlblog-box:nth-child(2):hover .wlblog-title{
	color: #D93744;
}
.wlblog-box:nth-child(3):hover .wlblog-title{
	color: #009562;
}
.wlblog-box:nth-child(4):hover .wlblog-title{
	color: #A21441;
}
.wlblog-box:nth-child(5):hover .wlblog-title{
	color: #EE9626;
}
.wlblog-box:nth-child(6):hover .wlblog-title{
	color: #603F83;
}
.wlblog-box:nth-child(7):hover .wlblog-title{
	color: #0089B9;
}

.wlblog-image{
	width:(100% - 10rem);
	padding: 0 5rem;
	text-align:center;
	border-radius: 1rem 1rem 0 0;
	background: #fff;
}
.wlblog-image img{
	margin-top: -10rem;
	border-radius: 50%;
	margin-bottom: 0.75rem;
    box-shadow: 0 0 0 0.5rem #1b2b41;
}
.wlblog-title{
	float:none;
	margin-top:-0.5rem;
	margin-bottom:-0.1rem;
	padding:1rem 1rem 0.1rem;
	width: calc(100% - 2rem);
	background:#fff;
	color:#0c3247;
	transition:0.5s;
	text-align: center;
}
.wlblog-title p{
	margin-top:-1.5rem;
	font-size: 1em;
	font-weight:100;
}
.wlblog-body{
	float:none;
	color:#0c3247;
	padding:1rem;
	padding-top:1.5rem;
	height:8.5rem;
	background: rgba(255,255,255,.9);
}
.wlblog-body p{
	margin-top:-1rem;
}
.wlblog-button{
	background:#006380;
	color:#fff;
	float:none;
	height:2.5rem;
	padding-top:1rem;
	text-align:center;
	transition:0.5s;
	border-radius: 0 0 1rem 1rem;
	width:100% !important;
}
	
/*-------End of Working Life Blog Grid-------*/

/*-------Values--------*/

.value-intro{
	width:calc(33% - 4rem);
	float:left;
	padding:1rem;
	margin:1rem;
}
.value-box{
	flex-grow: 1;
	flex-basis: 0;
	min-width:300px;
	min-height:9.2rem;
	background:#fff;
	border-radius:0 2rem 2rem 2rem;
	padding-bottom:1rem;
}
.value-icon{
	margin-left:-0.5rem;
	margin-top:1rem;
	width:1.5rem;
	height:1.5rem;
	font-size:1.2em;
	padding:1rem;
	background:#0c3247;
	border-radius:0;
	transition-property:border-radius;
	transition-duration:0.5s;
	color:#fff;
	float:left;
	text-align:center;
}
.value-title{
	float:left;
	padding:1.5rem;
	padding-bottom:0;
	width:calc(100% - 7rem);
}
.value-title h2{
	font-size:1.1em; 
	line-height:1.3em;
}
.value-body{
	float:left;
	width:calc(100% - 3rem);
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	padding:1.5rem;
}
.value-box:nth-child(1) .value-icon{
	background:#009562;
}
.value-box:nth-child(2) .value-icon{
	background:#a21441;
}
.value-box:nth-child(3) .value-icon{
	background:#0089b9;
}
.value-box:nth-child(4) .value-icon{
	background:#ee9626;
}
.value-box:nth-child(5) .value-icon{
	background:#3e55ab;
}
.value-box:nth-child(6) .value-icon{
	background:#df3f32;
}
.value-box:hover .value-icon{
	background:#1b2b41;
	border-radius:2rem;
	transition-property:border-radius;
	transition-duration:0.5s;
}

/*-------End of Values--------*/

/*-------Jobs Tab-------*/

.rec-body .category-posts-internal {
	display: flex;
	margin: 0 -20px;
	flex-flow: row wrap;
}
.rec-body .category-posts-internal .cat-post-item {
	margin: 20px;
	flex: 1;
	min-width:250px;
	max-width:calc(100vw - 4rem);
}
.job-ad{
	border-radius:2rem;
	overflow:hidden;
}
.job-ad .job-title{
	padding:1.5rem;
	background:#fff;
	color:#1b2b41;
	font-weight:bold;
	font-size:1.2em;
	font-family:Gotham;
}
.job-ad .job-info{
	padding:0 1.5rem 1.5rem;
	background:#fff;
}
.job-ad .job-info table{
	border:0;
	margin-bottom:0;
}
.job-ad .job-info table th{
	background:#fff;
	color:#1b2b41;
	font-size:0.9em;
	font-family:Gotham; border:0;
}
.job-ad .job-info table tr th:nth-child(1){
	width:1.5rem;
}
.job-ad .job-info p{
	margin:0;
	font-size:1.1em;
}
.job-ad .job-info i{
	color:#d93744;
	font-size:1.7em;
}
.job-ad .job-link{
	background:#1b2b41;
	padding:1rem;
	color:#fff;
	text-align:center;
	font-size:1.1em;
}
.rec-row .cat-item, .cat-post-widget ul li{
	border:none !important;
	border-bottom:none !important;
}
.job-ad:hover .job-link{
	transition:0.5s;
	background: #006380;
}
.job-ad:hover .job-title{
	transition:0.5s;
	color: #006380;
}
.rec-text{
	padding-bottom:1rem;
}
.rec-text i{
	font-size:2.5rem;
	margin-top:-.5rem;
	margin-right:.5rem;
}
.rec-glassdoor{
	padding:0rem 2rem;
}
@media only screen and (max-width: 767px) {
	.rec-glassdoor:nth-child(1){
		padding:2rem 2rem 0;
		text-align:center;
	}
	.rec-glassdoor:nth-child(2){
		padding:0 2rem 2rem;
		text-align:center;	
	}
	.rec-glassdoor:nth-child(2) img{
		margin-top:-1rem;
	}
}

@media only screen and (min-width: 768px) {
	.rec-body .category-posts-internal .cat-post-item {
		min-width:500px;
		max-width:532px;
	}
	.rec-text i{
		margin-top:-.3rem;
	}
	.rec-glassdoor{
		padding:2rem .5rem .5rem;
	}
	.rec-glassdoor:nth-child(1){
		text-align:right;
	}
	.rec-glassdoor:nth-child(2){
		text-align:left;	
	}
	.rec-glassdoor:nth-child(2) img{
		margin-top:-0.2rem;
	}
}

/*-------End of Jobs Tab-------*/

/*-------Job Ad Page-------*/

.job-page-info p{
	margin-bottom:1rem !important;
}
.job-page-role ul{
	margin-left:1.5rem;
	list-style:disc !important;
}
.job-page-skills ul{
	margin-left:1.5rem;
	list-style:disc !important;
}
.job-page-tips{
	width:100%;
	float:left;
	margin-bottom:2rem;
}
.job-page-apply{
	width:100%;
	float:left;
}
.job-page-apply h3{
	color:rgba(0,0,0,.66);
}
.job-page-glassdoor{
	width:100%;
	float:left;
}
.job-page-author{
	width:100%;
	float:left;
}
.job-page-tips i{
	font-size:1.7em;
	margin-top:-.3rem;
}
.job-page .rec-text{
	width:100%;
	color:#666;
}
.job-page .job-ad .job-link{
	transition:0.5s;
	background:rgba(255,255,255,.1);
}
.job-page .job-ad:hover .job-link{
	transition:0.5s;
	background: #1b5a72;
}
.job-page-sidebar{
	flex-grow: 1;
	flex-basis:0;
	width:100vw;
	min-width:250px;
	padding:4rem 2rem 2rem;
	background:#0c3247;
}
.job-page-sidebar h2{
	font-size:1em !important;
	line-height:1.2em !important;
	font-weight:normal !important;
	color:#666 !important;
	text-align:left !important;
	border-bottom:0 !important;
	padding:0 !important;
	margin-bottom:0.5rem !important;
}
.job-page-sidebar .quote{
	color:rgba(255,255,255,.8);
	max-width:100%;
	margin-left:-25px;
	margin-top:-25px;
	margin-bottom:-25px;
	border-left:none;
}
.job-page-content{
	flex-grow: 2;
	flex-basis:0;
	padding:2rem;
	padding-top:2rem;
}
.job-page-content h2{
	font-size:2em !important;
	line-height:1.2em !important;
	font-weight:bold !important;
	color:#0c3247 !important;
	text-align:left !important;
	border-bottom:0 !important;
	padding:0 !important;
	margin-bottom:0.5rem !important;
}
.wpcf7-list-item label {
	padding: 1em 0;
}
.wpcf7-list-item label input {
	margin-left: 0;
}

@media only screen and (min-width: 768px) {
	.job-page-sidebar{
		flex-grow: 1;
		flex-basis:0;
		width:30%;
		min-width:250px;
		background:#0c3247;
	}
	.job-page-content{
		flex-grow: 2;
		flex-basis:0;
		padding:4rem;
		padding-top:5rem;
	}
}

/*-------End of Job Ad Page-------*/

/*-------Working Life Blog Page-------*/

.wlblog-sidebar{
	flex-grow: 1;
	flex-basis:0;
	width:100vw;
	min-width:250px;
	background:#0c3247;
}
.wlblog-sidebar .quote{
	color:rgba(255,255,255,.8);
	max-width:100%;
	margin-left:-25px;
	margin-top:-25px;
	margin-bottom:-25px;
	border-left:none;
}
.wlblog-content{
	flex-grow: 2;
	flex-basis:0;
	padding:2rem;
	padding-top:2rem;
}
.wlblog-content h2{
	font-size:2em !important;
	line-height:1.2em !important;
	font-weight:bold !important;
	color:#0c3247 !important;
	text-align:left !important;
	border-bottom:0 !important;
	padding:0 !important;
	margin-bottom:0.5rem !important;
}

@media only screen and (min-width: 768px) {
	.wlblog-sidebar{
		flex-grow: 1;
		flex-basis:0;
		width:30%;
		min-width:250px;
		background:#0c3247;
	}
	.wlblog-content{
		flex-grow: 2;
		flex-basis:0;
		padding:4rem;
		padding-top:5rem;
	}
}

/*-------End of Working Life Blog Page-------*/

/*-------Tab Structure-------*/

.projects
{
	border-bottom: 1px solid rgba(0,0,0,.5);
	margin-bottom: 50px;
	padding-bottom: 150px!important;
}
.projects-rec
{
	border-bottom: none;
	margin-bottom: 50px;
	padding-bottom: 150px!important;
}
h5.projects-intro
{
	color:rgba(12,50,71,.8);
}
.project-tabs
{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	transform: translateY(-175px);
}
.project-tabs>[type=radio]
{
	display: none;
}
.project-tabs>label
{
	background-color: rgba(255,255,255,.75);
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 700;
	height: 75px;
	margin: 1px;
	padding: 30px 50px 23px;
	position: relative;
	text-align: center;
	transition: background-color .5s ease;
	/*min-width: 100px;*/
}
.project-tabs-rec>label {
	background-color:rgba(255,255,255,.0); 
	padding: 25px 20px;
	width: 11%;
}
 
.project-tabs-rec>label h3 {
  font-size: 12px;
}

@media screen and (min-width:768px)
{
    .project-tabs-rec>label h3 {
      font-size: 16px;
    }
	.project-tabs-rec>label{padding: 35px 20px 23px !important; width: 150px;}
}

.project-tabs-rec>label i{height:1em; font-size:1.5em; color:#1b2b41; transition:0.3s;}
.project-tabs-rec>label h3{margin-top:0.7rem; text-transform:initial; color:#324154; transition:0.3s;}
.project-tabs-rec>label:hover i{height:1em; font-size:1.5em; color:#006380; transition:0.3s;}
.project-tabs-rec>label:hover h3{margin-top:0.7rem; text-transform:initial; color:#006380; transition:0.3s;}

.project-tabs-rec>label svg{fill:#0c3247; transition:0.3s; height:3rem; margin:-.75rem 0 -.25rem}
.project-tabs-rec>label:hover svg{fill:#3799b1; transition:0.3s;}

.project-tabs>label:focus,.project-tabs>label:hover
{
	background-color: rgba(255,255,255,.9);
}
.project-tabs-rec>label:focus,.project-tabs>label:hover {background-color: rgba(255,255,255,.0);}

.project-tabs [type=radio]:checked+label
{
	background: #fff;
}
.project-tabs-rec [type=radio]:checked+label
{
	background: #f5f5f5;
}
.project-tabs-rec.light-blue [type=radio]:checked+label
{
	background: #F1F5F8;
}
.project-tabs label span
{
	color: #666;
	display: block;
	line-height: 16px;
	margin: 5px 0;
}
.project-tabs [type=radio]:checked+label>span
{
	color: #3799b1;
}
.project-tabs>[type=radio]+label
{
	cursor: pointer;
	order: 1;
}
.project-tabs>[type=radio]+label+.aridhia-content
{
	height: 100%;
	margin-bottom: -175px;
	order: 2;
	padding-top: 75px;
	width: 100%;
}
.project-tabs-rec>[type=radio]+label+.aridhia-content
{padding-top:0rem!important;}
.project-tabs-rec>[type=radio]+label+.aridhia-content .container
{ width:100%; padding:0 !important;}
.project-tabs-rec>[type=radio]+label+.aridhia-content .container h3
{text-align:left; text-transform:initial; font-size:1.1rem;}
.project-tabs>[type=radio]:not(:checked)+label+.aridhia-content
{
	position: absolute;
	visibility: hidden;
}
.project-tabs .aridhia-content
{
	opacity: 0;
	transform: translateY(500px);
	transition: opacity 2s ease;
}
.project-tabs-rec .aridhia-content{transform:none;}
.project-tabs>[type=radio]:checked+label+.aridhia-content
{
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}
.project-tabs .flatintro.first.blue .box h4
{
	display: flex;
	justify-content: center;
	margin: 0;
	position: relative;
}
.project-tabs>[type=radio]:checked+label+h3
{
	margin-bottom:2rem;
}

/*-------End of Tab Structure-------*/

/*-------End of Recruitment Hub-------*/

/*-------DRE------*/

/*-------Tab Structure-------*/

.projects-dre
{
	border-bottom: none;
	margin-bottom: 50px;
	padding-bottom: 150px!important;
}
h5.projects-intro
{
	color:rgba(12,50,71,.8);
}
.project-tabs
{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	transform: translateY(-175px);
}
.project-tabs>[type=radio]
{
	display: none;
}
.project-tabs>label
{
	background-color: rgba(255,255,255,.0);
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 700;
	height: 75px;
	margin: 0 1px;
	padding: 30px 50px 23px;
	position: relative;
	text-align: center;
	transition: background-color .5s ease;
	min-width: 60px;
}
.project-tabs-dre>label {
	padding: 25px 20px;
	width: 11%;
}
.dre-tabs .project-tabs>label:nth-child(1){
	background-color:#6e1932 !important; }
 
.project-tabs-dre>label h3 {
  font-size: 12px;
}
.project-tabs-dre>label svg{
	max-width:8rem;
	max-height:4rem;
}
/*.project-tabs-dre>label:hover svg{
	max-width:10rem;
	max-height:5rem;
}*/

@media screen and (min-width:768px)
{
    .project-tabs-dre>label h3 {
      font-size: 16px;
    }
	.project-tabs-dre>label{padding: 35px 20px 23px !important; width: 150px;}
}

.project-tabs-dre>label i{height:1em; font-size:1.5em; color:#0c3247; transition:0.3s;}
.project-tabs-dre>label h3{margin-top:0.7rem; text-transform:initial; color:rgba(12,50,71,.8); transition:0.3s;}
.project-tabs-dre>label:hover i{height:1em; font-size:1.5em; color:#3799b1; transition:0.3s;}
.project-tabs-dre>label:hover h3{margin-top:0.7rem; text-transform:initial; color:#3799b1; transition:0.3s;}

.project-tabs>label:focus,.project-tabs>label:hover
{
	background-color: rgba(255,255,255,.9);
}
.project-tabs-dre>label:focus,.project-tabs>label:hover {background-color: rgba(255,255,255,.0);}

.project-tabs-dre [type=radio]:checked+label label:nth-child(1)
{
	background: #ddd;
}
.project-tabs label span
{
	color: #666;
	display: block;
	line-height: 16px;
	margin: 5px 0;
}
.project-tabs [type=radio]:checked+label>span
{
	color: #3799b1;
}
.project-tabs>[type=radio]+label
{
	cursor: pointer;
	order: 1;
}
.project-tabs>[type=radio]+label+.aridhia-content
{
	height: 100%;
	margin-bottom: -175px;
	order: 2;
	padding-top: 75px;
	width: 100%;
}
.project-tabs-dre>[type=radio]+label+.aridhia-content
{padding-top:0rem!important;}
.project-tabs-dre>[type=radio]+label+.aridhia-content .container
{ width:100%; padding:0 !important;}
.project-tabs-dre>[type=radio]+label+.aridhia-content .container h3
{text-align:left;}
.project-tabs>[type=radio]:not(:checked)+label+.aridhia-content
{
	position: absolute;
	visibility: hidden;
}
.project-tabs-dre .aridhia-content
{
	opacity: 0;
	transform: translateY(500px);
	transition: opacity .2s ease;
}
.project-tabs-dre .aridhia-content{transform:none;}
.project-tabs>[type=radio]:checked+label+.aridhia-content
{
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}
.dre-tabs .project-tabs>[type=radio]:checked+label+.aridhia-content
{
	border-radius:1rem;
	overflow:hidden;
}
.project-tabs .flatintro.first.blue .box h4
{
	display: flex;
	justify-content: center;
	margin: 0;
	position: relative;
}
.project-tabs>[type=radio]:checked+label+h3
{
	margin-bottom:2rem;
}
.project-tabs-dre .aridhia-content h2, .project-tabs-dre .aridhia-content p{color:#fff;}

.project-tabs-dre{padding-top:1.5rem;}

.dre-tabs-label{border-radius:25px!important; border:10px solid #1b2b41!important; margin:5px -5px 0!important;}
.dre-tabs-label.tab-dre{background:#1b2b41!important; transition:0.3s !important;}
.dre-tabs-label.tab-dre:hover{background:#324154!important; transition:0.3s !important;}
.dre-tabs-label.tab-fair{background:#009562!important; transition:0.3s !important;}
.dre-tabs-label.tab-fair:hover{background:#00A36B!important; transition:0.3s !important;}
.dre-tabs-label.tab-ws{background:#0089b9!important; transition:0.3s !important;}
.dre-tabs-label.tab-ws:hover{background:#0096CB!important; transition:0.3s !important;}
.dre-tabs-label.tab-fds{background:#a21441!important; transition:0.3s !important;}
.dre-tabs-label.tab-fds:hover{background:#BB0C43!important; transition:0.3s !important;}
.dre-tabs-label.tab-hlz{background:#E58C1B!important; transition:0.3s !important;}
.dre-tabs-label.tab-hlz:hover{background:#EE9626!important; transition:0.3s !important;}

.aridhia-content.tabs-body{margin:0 2rem -140px!important;}
.aridhia-content.tabs-body.no-margin{margin:0 0 -140px!important;}
.aridhia-content.tab-dre{background:#1b2b41;}
.aridhia-content.tab-fair{background:#5b8c41;}
.aridhia-content.tab-ws{background:#2c88a2;}
.aridhia-content.tab-fds{background:#6e1932;}


@media only screen and (max-width:1025px) {
	.dre-tabs-label{border-radius:25px!important; border:10px solid #0c3247!important; margin:5px -5px 0!important; transform:scale(0.9)!important;}
}

@media only screen and (min-width:960px){
	.dre-stack .row.half-column{
		flex-basis:42.4% !important;
	}
}

@media only screen and (max-width:1079.5px){
	.dre-tabs{display:none!important;}
	.dre-stack .flex .row{
		padding: 1rem 2rem !important;
	}
}

@media only screen and (min-width:1080px){
	.dre-stack{display:none!important;}
	.dre-stack .row.half-column{
		flex-basis:47.5%;
	}
}

.dre-stack{background:#fff;}
.dre-stack .container{width:100% !important; background:#fff !important; padding:1rem;}
.dre-stack .container:nth-child(2){background:#0c3247 !important; padding:0 1rem !important; width:calc(100% - 2rem) !important;}
.dre-stack .container:nth-child(3){padding:0 1rem;}
.dre-stack .flexy-row{width:100% !important;}
.dre-stack .flexy-split{min-width:calc(100% - 4rem) !important;}
.dre-stack .row{width:calc(100% - 4rem); padding:2rem; text-align:center;}
.dre-stack .row svg{width:8rem;}

.dre-body .wpcf7-submit{background:#0c3247; padding:1rem; border-radius:0; transition:0.3s; border:none;}
.dre-body .wpcf7-submit:hover{background:#961b1e; border-radius:5rem; transition:0.3s; border:none;}
.dre-body .meta{color:rgba(0,0,0,.5) !important; text-align:left !important;}

/*-------End of Tab Structure-------*/

/*-------Above Tabs-------*/
.dre-body{
	width:100vw;
	background:#1b5a72;
	background: linear-gradient(180deg, rgba(27,43,65,1) 3%, rgba(0,99,128,1) 54%);
	background-size:cover;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-color:#1b5a72;
	color:#0c3247;
}
.dre-section{
	max-width:100vw;
	margin-left:0rem;
	margin-right:0rem;
	margin:auto;
	overflow:hidden;
}
.dre-title{
	text-align:left;
	color:#fff;
	font-weight:bold;
	font-size:2.3em;
	padding:2rem 2rem 1.5rem;
	overflow:hidden;
	background:url('/img/bg-blue2.jpg');
	background-size:cover;
}
.dre-tabs{
	background:#1b2b41;
}
.dre-tabs section{
	background:#fff;
	padding-top:0;
	padding-bottom:0;
	border-radius: 2rem 2rem 25% 25% / 0 0 5% 5%;
}
.dre-tabs section .container{
	width:100vw;
}
.dre-tabs label h3{
	display:none;
}
.dre-row{
	width:calc(100vw - 4rem);
	padding:2.5rem 2rem 2rem;
	text-align:left;
	float:none;
	clear:both;
}
.dre-two-thirds{
	width:calc(100vw - 4rem);
	float:left;
	padding:1rem 2rem 2rem;
}
.dre-two-thirds h2{
	font-size:1.5em;
	line-height: 1.2em;
	font-weight:bold;
	color:#1b2b41;
}
.dre-one-third{
	width:calc(100vw - 8rem);
	float:left;
	padding:0rem 4rem;
}
.dre-one-third img{
	width:100%;
	height:auto;
}
.navy{
	background:#1b2b41 !important;
	color:#fff;
}
.navy a:hover{color:#0089B9;}
.grey{
	background:#f5f5f5 !important;
}
.white{
	background:#fff !important;
	color:#0c3247 !important;
}
.light{
	background: #F1F5F8 !important;
	color: #0c3247 !important;
}
.pb-0{
	padding-bottom:0 !important;
}

@media only screen and (min-width: 768px) {
	.dre-body{
		width:calc(100vw - 12px);
		background:url('/img/bg-blue2.jpg');
		background-size:cover;
		background-attachment:fixed;
		background-repeat:no-repeat;
		padding-top:3rem;
		padding-bottom:0;
	}
	.dre-section{
		margin-left:10rem;
		margin-right:10rem;
		margin:auto;
		max-width:1200px;
	}
	.dre-tabs section .container{
		width:100%;
	}
	.dre-tabs label h3{
		display:block;
	}
	.dre-title{
		font-size:3.5em;
		text-align:center;
		padding:0 1rem 0.5rem;
		background:none;
	}
	.dre-row{
		width:calc(100% - 6rem);
		max-width:calc(1200px - 6rem);
		padding:3rem; 
		text-align:left;
		float:none;
		clear:both;
	}
	.dre-two-thirds{
		width:calc(61% - 6rem);
		float:left;
		padding:3rem;
	}
	.dre-two-thirds h2{
		font-size:2em;
	}
	.dre-two-thirds h3{color:rgba(000,000,000,.5);}
	.dre-one-third{
		width:calc(37% - 3rem);
		float:left;
		padding:1.5rem;
	}
}
/*-------End of Above Tabs-------*/

/*-------End of DRE-------*/

/*-------Homepage--------*/

.home-boxed div.hero{
	background:#fff url("/img/hero-researcher.jpg");
	background-size:cover;
	width:100%;
	height:580px;
	margin-bottom:-10px;
	border-radius:1rem 1rem 0 0;
}
.home-boxed div.hero-video{
	background:none;
	width:100%;
	height:675px;
	margin-bottom:1rem;
	border-radius:1rem;
	overflow:hidden;
}

.home-boxed{background:none;}

@media only screen and (max-width:1213px){
	.home-boxed div.hero{border-radius:0;}
}
@media only screen and (max-width:766.5px){
	.home-boxed{background:url('/img/bg-blue2.jpg');background-size:cover;}
	.home-boxed div.hero{
		height:auto;
		background-position: center center;
		margin-bottom: 0;
		padding-bottom:3rem;
	}
	.home-boxed .hero p{
		margin:0 .5rem !important;
		width:77.5% !important;
	}
}

.row-split{
	display:flex;
	flex-wrap:wrap;
}
.row-split .half{
	text-align:left;
	padding:2rem;
	display:flex;
	align-items:center;
}
.row-split .half.wide{
	width:100% !important;
}
.row-split .half.wide .value-prop{
	padding: 1rem 0 0 1.5rem !important;
}
.row-split .half.wide .value-prop h2{
	margin-bottom:1rem;
}
.row-split.red{
	background: linear-gradient(90deg, rgba(170,10,39,1) 0%, rgba(162,20,65,1) 100%);
      color:#fff;
}
.row-split.red .value-prop{
	border-color:#0c3247;
}
.row-split.navy .value-prop{
	border-color:#fff;
}
.row-split.navy .value-prop h2{
	margin-bottom:-1.5rem;
}


.row-split .text-box{flex-basis:100%; padding:1rem;}
.row-split .video{
	padding:0;
	background:#fff;
	display:flex;
	align-items: middle;
}
.row-split .video span{align-self:center;}

@media only screen and (max-width:1079.5px){
	.row-split div{
		min-width:calc(100% - 4rem);
		text-align:left;
		padding:2rem;
	}
	.row-split .video{
		width:100%
	}
}
@media only screen and (min-width:1080px){
	.row-split div{
		width:calc(50% - 4rem);
		text-align:left;
		padding:2rem;
}
	.row-split .video{
		width:50%
	}
	.row-split .two-thirds{
		width:calc(70% - 4rem);
	}
	.row-split .one-third{
		width:calc(30% - 4rem);
	}
}
.bg-white{
	background:#f5f5f7;
}

.home-title {
    display:none;
}

@media only screen and (min-width: 768px){
	.home-title {
		display:block;
		font-size: 2.7em;
		color: #fff;
		font-weight: bold;
		text-align: center;
		padding: 0 1rem 0.5rem;
		background: none;
		overflow: hidden;
	}
}

.home-boxed .hero .half{
	padding:3.5rem;
	width:calc(50% - 7rem)
}
@media only screen and (max-width:899.5px){
	.home-boxed .hero .half{
		width:calc(80% - 7rem);
	}
}
@media only screen and (max-width:899.5px){
	.home-boxed .hero .half{
		width:calc(80% - 7rem);
	}
}

.home-boxed .hero h2{
	color:#fff;
	font-weight:regular;
	font-size:4em;
}
@media only screen and (max-width:663.5px){
	.home-boxed .hero h2{
		font-size:3em;
	}
}
@media only screen and (max-width:533.5px){
	.home-boxed .hero h2{
		font-size:2.5em;
	}
}
@media only screen and (max-width:480.5px){
	.home-boxed .hero .half{
		width:calc(100% - 4rem);
		padding:2rem;
		padding-top:3.5rem !important;
	}
	.home-boxed .hero h2{
		line-height:1.2em;
	}
}
@media only screen and (max-width:374.5px){
	.home-boxed .hero h2{
		font-size:2.2em;
	}
	.home-boxed .hero .half{
		width:calc(100% - 4rem);
	}
}
@media only screen and (max-width:295.5px){
	.home-boxed .hero h2{
		font-size:2em;
	}
}
@media only screen and (max-width:273.5px){
	.home-boxed .hero h2{
		font-size:1.7em;
	}
}
@media only screen and (min-width:899.5px){
	.home-boxed .hero .half{
		width:calc(70% - 7rem);
	}
}
@media only screen and (min-width:1027.5px){
	.home-boxed .hero .half{
		width:calc(55% - 7rem);
	}
}

.home-boxed .hero p{
	margin:-1rem .5rem;
	border-left:.5rem solid #AA0A27;
	padding:.5rem 1rem;
	color:#fff;
	font-style:normal !important;
	font-size:1.25em;
	line-height:1.2em;
	letter-spacing:0.01em;
	width:65%;
}

@media only screen and (max-width:1199.5px){
	.home-title{font-size:2.4em}
}
@media only screen and (max-width:1049.5px){
	.home-title{font-size:2em}
}
@media only screen and (max-width:899.5px){
	.home-title{font-size:1.7em}
}

.row-split.welcome{border-radius:0 0 1rem 1rem;}

@media only screen and (min-width:1080px){
	.top-left {
    clip-path: 
      polygon(7.5% 0, 100% 0, 100% 100%, 0 100%, 0 40px);
    margin-top:-40px;
		border-radius:0 0 1rem 0;
  }
  .top-right {
    clip-path: 
      polygon(92.5% 0, 100% 40px, 100% 100%, 0 100%, 0 0);
    margin-top:-40px;
	  border-radius:0 0 0 1rem;
  }
}

@media only screen and (max-width:1079.5px){
	.row-split .half, .row-split .video, .row-split .welcome{padding:2rem; width:calc(100% - 4rem);}
.row-split.welcome{flex-direction:column-reverse;}
	.row-split .video, .row-split .welcome{width:calc(100% - 6rem); background:#eee; padding:0 2rem 2rem;}
	.row-split .video div{min-width:auto;}
	.row-split .welcome{padding-top:3rem; border-radius:0;}
	.row-split .welcome .text-box{max-width:600px;}
	
	.value-prop{margin:1rem !important;}
	.row-split.fade .half:nth-child(1){padding-bottom:0;}
	
	.top-right{border-radius:0;}
	.top-left{border-radius:0;}
}

.row-split .half.welcome img{
	height:5rem;
	display:inline-block;
	margin:-1rem -.5rem -1rem;
}
.home-boxed h2{font-size:30px;}

@media only screen and (max-width:499.5px){
.row-split .half.welcome img{
	height:4.5rem;
	margin:-1rem -.5rem -.8rem;
}
.home-boxed h2{font-size:25px;}
}
@media only screen and (max-width:480px){
.row-split .half.welcome .text-box{
	padding:0;
}
}
@media only screen and (max-width:395px){
.row-split .half.welcome img{
	height:4rem;
	margin:-1rem -.5rem -.8rem;
}
.home-boxed h2{font-size:20px;}
}
@media only screen and (max-width:330px){
.row-split .half.welcome img{
	height:3rem;
	margin:-1rem -.5rem -.65rem;
}
.home-boxed h2{font-size:17.5px;}
}
@media only screen and (max-width:258px){
.row-split .half.welcome img{
	height:4rem;
	margin:0;
}
}

.row-split.fade{
	background: rgb(12,50,71);
background: linear-gradient(180deg, rgba(27, 43, 65,.8) 0%, rgba(27, 43, 65,0) 100%);
	color:#fff;
}


.half.welcome{padding-bottom:3rem;}
.half.welcome p:nth-child(3){margin-bottom:2.5rem !important;}
.half.welcome a{color:#1b2b41; transition:0.2s;}
.half.welcome a:hover{color:#a21441; transition:0.2s;}

.value-prop{
	width:auto !important; 
	margin: 1rem 2rem;
    border-left: 0.5rem solid #009b8c;
    padding: 1rem 0 2.5rem 1.5rem !important;}
.value-prop.red-bg{border-left: 0.5rem solid #fff;}
.value-prop h2{margin-bottom:2.5rem;}

.home-boxed .alt-button{border:1.5px solid #fff; padding-left:2rem; padding-right:2rem; transition:0.1s;}
.alt-button.btn-red{background:#AA0A27 !important; border:1.5px solid #AA0A27;}
.alt-button.btn-red:hover{background:#0c3247 !important; border:1.5px solid #0c3247;}
.alt-button.hover-navy:hover{background:#1b2b41 !important; border:1.5px solid #1b2b41;}
.alt-button.hover-red:hover{background:#AA0A27 !important; border:1.5px solid #AA0A27;}
.alt-button.hover-green:hover{background:rgb(60,133,86) !important; border:1.5px solid rgb(60,133,86);}
.alt-button.hover-blue:hover{background:rgb(19,94,114) !important; border:1.5px solid rgb(19,94,114);}


.dre-split{width:100%; text-align:center; display:block;}
.dre-split img{width:calc(50% + 1rem);}

@media only screen and (max-width:841.5px){
	.dre-split.lg{display:none !important;}
	.dre-split img{width:50%;}
}
@media only screen and (min-width:842px){
	.dre-split.sm{display:none !important;}
}

.row-split.gap-2{padding:2rem 1rem; gap:2rem;}

.row-split .block{
	padding:4rem 4rem 3rem; 
	text-align:center;
	color:#fff;
min-width: calc(100% - 12rem);
    margin: 0 2rem;}

@media only screen and (max-width:841.5px){
	.row-split .block{width:100%!important;
		padding:4rem 2rem;
	}
	.row-split.gap-2{padding:2rem 0;}
}
@media only screen and (min-width:842px){
.row-split .block{
	width:calc(50% - 9rem) !important; 
	min-width:271px;margin:0;
	border-radius:1rem;
}
}

.row-split .block:nth-child(1){background: rgb(0,149,98); background: linear-gradient(180deg, rgba(0,149,98,1) 0%, rgba(0,149,98,0.5) 100%);}
.row-split .block:nth-child(2){background: rgb(0, 137, 185); background: linear-gradient(180deg, rgba(0, 137, 185,1) 0%, rgba(0, 137, 185,0.5) 100%);}
.row-split .block img{width:10rem; margin:0 auto 1.5rem;}
/*.row-split .block p{padding-bottom:2.5rem;}*/

.cta-area{	
	background: none;
	/*background: linear-gradient(180deg, rgba(27, 43, 65,0) 0%, rgba(27, 43, 65,1) 100%);*/
	color:#fff;
	padding: 4rem 0 5rem;
    margin: 2rem 0 0;
	text-align:center;
}
.home-boxed .dre-cta{
	padding:2rem 3rem 1.5rem 3.5rem;
	width:67%;
	margin:-6rem auto 3rem;
	background: rgb(0,99,128);
	background: linear-gradient(90deg, rgba(0,99,128,0.5) 0%, rgba(0,155,140,1) 100%);
	color:#fff;
	display:flex;
	justify-content:space-between;
	gap:3rem;
	flex-wrap:wrap;
	border-radius:1rem;
}
.home-boxed .dre-cta img{
	height:5rem;
	display:inline-block;
	margin:-.2rem 0 .8rem;
}
.home-boxed .dre-cta .alt-button{
	min-width:72px;
}
@media only screen and (max-width:1156px){
	.home-boxed .dre-cta{
		width: calc(100% - 8rem);
		padding: 2rem;
	}
}
@media only screen and (max-width:874.5px){
	.home-boxed .dre-cta .alt-button{
		margin: -2.5rem 0 1rem;
	}
}

@media only screen and (max-width:1079.5px){
.home-boxed .blog-cta{
	padding:1.5rem 3rem 1.5rem 2rem;
	width: calc(100% - 5rem);
	margin: 0;
	background: rgb(0,99,128);
	background: linear-gradient(90deg, rgba(0,99,128,0.5) 0%, rgba(0,155,140,1) 100%);
	color:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:1rem;
	flex-wrap:wrap;
	border-radius:0;
}
	.blog-cta .blog-title{
		width: 100% !important;
		margin: 1rem 0;
		border-left: 0.5rem solid #fff;
		padding: 1rem 0 0 1.5rem !important;
	}
}
@media only screen and (min-width:1080px){
.home-boxed .blog-cta{
	padding:1.5rem 3rem 1.5rem 2rem;
	width: calc(100% - 5rem);
	margin: 1rem 0;
	background: rgb(0,99,128);
	background: linear-gradient(90deg, rgba(0,99,128,0.5) 0%, rgba(0,155,140,1) 100%);
	color:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:3rem;
	flex-wrap:wrap;
	border-radius:1rem;
}
	.blog-cta .blog-title{
		width: 70% !important;
		margin: 1rem 2rem;
		border-left: 0.5rem solid #fff;
		padding: 1rem 0 0 1.5rem !important;
	}
}


@media only screen and (max-width:1079.5px){
	.blog-cta.lg{display:none!important;}
	.row-split.fade{border-radius:0;}
}

@media only screen and (min-width:1080px){
	.blog-cta.sm{display:none!important;}
	.row-split.fade{border-radius:1rem 1rem 0 0;}
}


/*---------------Our Product Page - Tiles---------------*/
.tile-grid{
	width:90%; display:flex; gap:2rem; flex-wrap: wrap; justify-content:center; align-items:stretch !important; margin:0 auto 3rem;
}
.tile-grid .tile{
	background:rgba(27, 43, 65,1); border-radius:1rem; box-shadow: 0 0.65rem 0.75rem rgba(27,43,65,.3); padding:2rem; text-align:center; flex-basis:346.6px; box-sizing:border-box; color:#fff!important; transition:0.2s;
}
.tile-grid .tile:hover{transform:translateY(-0.3rem); box-shadow: 0 0.65rem 1rem rgba(27,43,65,.4); transition:0.3s ease-in-out;}
.tile-grid .tile div{
	width:100%; float:left; text-align:center; padding:0;
}
.tile-grid .tile div img{
	height:2.5rem; margin:.5rem 0;
}
.tile-grid div h2{
	color:#fff; font-size:47px;
}
.tile-grid div h4{
	color:#fff; margin:-1rem 0 .5rem;
}
.tile-grid div h2 span{
	font-size:47px;
}

@media only screen and (max-width:1079.5px){
	.platform-grid .tile-grid .tile h2{
		margin:1rem 0;
	}
	.tile-grid div h4{
		color:#fff; margin:1.5rem 0 .5rem;
		line-height: 1.3em;
	}
}


.rounded{border-radius:1rem 1rem 0 0; overflow:hidden;}




/***************SHINY APPS***************/

.dre-section.overflow {
	overflow: visible
}

p.p-white {
	color: #fff
}

.shinyapps {
	display: flex;
	align-items: stretch;
	gap: 1.5rem;
	flex-wrap: wrap;
	padding: 2rem 0 2rem;
	/*padding: 1.5rem;
	border-radius: 2rem 2rem 0 0;
	background: rgba(255,255,255,.9);*/
}

.shinyapps .app {
	flex-basis: calc(33.3% - 1rem);
	position: relative;
	background: rgba(255,255,255,.9);
	border-radius: 1.1rem 1.1rem 1rem 1rem;
	transition: .2s;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap
}

.shinyapps .app:hover {
	transform: scale(1.03);
	transition: transform .2s;
}

.shinyapps .app .title {
	background: #0c3247;
	color: #fff;
	padding: 1.5rem 1.5rem .5rem;
	border-radius: 1rem 1rem 0 0;
}

.shinyapps .app:nth-child(6n+1) .title {
    background: #3597b2;
}

.shinyapps .app:nth-child(6n+2) .title {
    background: #be8c00;
}

.shinyapps .app:nth-child(6n+3) .title {
    background: #5b8c40;
}

.shinyapps .app:nth-child(6n+4) .title {
    background: #6e1932;
}

.shinyapps .app:nth-child(6n+5) .title {
    background: #34867a;
}

.shinyapps .app:nth-child(6n+6) .title {
    background: #562150;
}

.shinyapps .app .description {
	color: #0c3247;
	padding: 1.5rem 1.5rem 0;
}

.shinyapps .app .buttons {
	padding: 0 1.5rem 1.5rem;
    width: 100%;
	border-radius: 0 0 1rem 1rem;
	margin: auto;
	position: relative;
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
	justify-content: space-between
}

.shinyapps .app .buttons a {
	padding: 1rem;
	background: #fff;
	color: #0c3247;
	height: 2.75rem;
	flex-basis: calc(50% - 2.75rem);
	text-align: center;
	border-radius: .5rem;
	transition: .2s
}

.shinyapps .app .buttons a:hover {
	background: #1B5A72;
	color: #fff;
	border-radius: 3rem;
	transition: .3s
}

/* Matt's Custom Use Case Cards */

h2.use-case-title{
	margin-top:3rem;
	display: block;
    font-size: 2.7em;
    color: #1b2b41;
    font-weight: bold;
    text-align: center;
    padding: 0 1rem 0.5rem;
}

.use-case.grid{
	padding:0 3rem 3rem;
	text-align:left;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-flow: row wrap;
	gap:2rem;
}

.use-case.card{
	flex-grow: 1;
	flex-basis: 0;
	min-width: calc(390px - 4rem);
	border-radius: 2rem;
	overflow:hidden;
	transition:0.3s;
	position:relative;
}
.use-case.card:hover {
	transform: scale(1.01);
	transition: 0.3s;
}

.use-case.media{
	background:#fff;
	padding: 2rem;
}

.use-case.content{
	background:#fff;
	padding:0 2rem 1rem;
	color:#0b2b41;
}

.use-case.content h2{font-size:1.6em}

.use-case.button{
	background: #006380;
    color: #fff;
    float: none;
    height: 2.5rem;
    padding-top: 1.5rem;
	font-size: 1em;
	margin-bottom: 0;
    text-align: center;
    transition: 0.5s;
	border-radius: 0 0 2rem 2rem;
    width: calc(100% - 1.5rem) !important;
}

.use-case.card:hover .use-case.button{
	background:#0b2b41;
	transition: 0.5s
}


/* Matt's Custom Homepage (Animation) */

.row-split .half.welcome .text-box.welcome h2, 
.row-split .half.welcome .text-box.welcome p, 
.row-split .half.welcome .text-box.welcome a{
	color:#fff;
}
.row-split .half.welcome .text-box.welcome a:hover{color:#1b2b41}

.row-split .half.cloudlock iframe{
	width:100%;
	border-radius:.75rem;
	background:#1b2b41;
	aspect-ratio: 16/9;
	box-shadow: 0 10px 20px rgba(27, 43, 65,.3);
	transition: 0.3s ease-in-out;
	cursor: pointer;
}
.row-split .half.cloudlock iframe:hover{
	box-shadow: 0 20px 25px rgba(27, 43, 65,.4);
	transition: 0.2s ease-in-out;
}

@media only screen and (max-width:1079.5px){
	h1.home-title.alt{
		display:block;
		width: calc(100% - 4rem);
		text-align:left;
		margin:4rem 2rem 2rem;
		font-weight:bold;
		color:#fff;
		font-size:1.5em;
	}
	.row-split.home{
		flex-direction: row-reverse;
		background: rgb(0,99,128);
		border-radius: 2rem;
		width:100%;
		margin: 0;
		box-sizing: border-box;
		background: rgb(0,99,128);
		background: linear-gradient(45deg, rgba(0,99,128,1) 0%, rgba(0,155,140,1) 100%);
	}
	.row-split .half.cloudlock{
		width: 100%;
		padding:1.5rem 1.5rem 0;
		margin: 0 auto;
	}
	.row-split .half.welcome.home{
		background: none !important;
	}
	.row-split .half.welcome.home .welcome{
		background: none !important;
	}
}

@media only screen and (min-width:1080px){
	h1.home-title.alt{
		width: calc(100% - 10rem);
		text-align:center;
		margin-left:8rem;
	}
	
	.row-split.home{
		background: rgb(0,99,128);
		background: linear-gradient(90deg, rgba(0,99,128,0.5) 0%, rgba(0,155,140,1) 100%);
		border-radius: 1rem;
		width:calc(100% - 8rem);
		margin-left: 8rem;
		margin-bottom: 2rem;
		box-sizing: border-box;
		flex-wrap: nowrap;
	}

	.row-split .half.cloudlock{
		min-width: 600px;
		padding:2rem 0;
		margin-left:-8rem;
	}
	.row-split .half.cloudlock.slide{
		transition:0.2s;
	}
	.row-split .half.cloudlock.slide:hover{
		transform:translateY(-0.5rem);
		transition:0.2s;
	}
	
	.row-split .half.cloudlock iframe{
		width:600px;
	}

	.row-split .half.welcome.home{
		width: 50%;
		color: #fff;
		background:none;
	}
}

.btn-onMid{
	border: none;
	background: rgba(255,255,255,.1);
    padding: 1rem 2rem;
    transition: 0.2s;
	min-width:180px;
	height:55px;
	color:#fff;
	margin-bottom:2px;
	box-sizing: border-box;
	text-align:center;
	display: inline-block;
	border-radius: 2rem;
}
.btn-onMid:hover{
	background: #1b2b41;
	color: #fff !important;
    transition: 0.4s !important;
}

.btn-onDark{
	border: 1px solid #009b8c;
	background: none;
    padding: 1rem 2rem;
    transition: 0.2s;
	color: #fff !important;
	min-width:180px;
	height:55px;
	margin-bottom:2px;
	box-sizing: border-box;
	text-align:center;
	display: inline-block;
	border-radius: 2rem;
}
.btn-onDark:hover{
	background: #009b8c;
    transition: 0.4s;
}

.btn-onLight{
	border: none;
	background: linear-gradient(to top, #1b2b41 50%, #009B8C 50%);
	background-position: bottom;
	background-size: 100% 200%;
    padding: 1rem 2rem;
    transition: 0.5s;
	min-width:180px;
	height:55px;
	color:#fff !important;
	margin-bottom:2px;
	box-sizing: border-box;
	text-align:center;
	display: inline-block;
	box-shadow: 0 0rem .25rem rgba(27,43,65,.2);
	border-radius: 2rem;
}
.btn-onLight:hover{
	transform:translatey(-.2rem);
	animation: btn-bg .4s ease-in-out;
	animation-fill-mode:forwards;
	box-shadow: 0 .25rem .75rem rgba(27,43,65,.3);
	transition:0.4rem;
}
@keyframes btn-bg {
  0% {
    background-position: bottom;
  }
  100% {
	background-position: top;
  }
}
}

@media only screen and (max-width:1079.5px){
	.btn-onMid{
		min-width:100%;
		padding: 1rem 2rem .75rem;
		margin-bottom:.5rem;
	}
	.btn-onDark{
		min-width:100%;
		padding: 1rem 2rem .75rem;
		margin-bottom:.5rem;
	}
	.btn-onLight{
		min-width:100%;
		padding: 1rem 2rem .75rem;
		margin-bottom:.5rem;
	}
}

/* --------- MW Rebuild 2023 --------- */

html {
  scroll-behavior: smooth;
}

.value-prop.no-line{margin:1rem 0; border-left:none}
.value-prop.no-line h2{margin-bottom:1.5rem}

.gx-n2i{
	background: rgb(27,43,65);
	background: linear-gradient(to bottom right, rgba(27,43,65,0.8) 47%, rgba(62,85,171,0.6) 100%);
	border-radius: 1.5rem;
	color: #fff;
}
.gy-l2w{
	background: white;
	background: linear-gradient(to bottom, rgba(209,220,237,.8) 0%, white 100%);
	border-radius: 1.5rem 1.5rem 0 0;
	color: #1b2b41;
}

.btn-onDark.indigo{border: 1px solid #3E55AB; color:#fff}
.btn-onDark.indigo:hover{background: #3E55AB;}

.btn-onDark.fair{border: 1px solid #009562; color:#fff}
.btn-onDark.fair:hover{background: #009562;}

.btn-onDark.ws{border: 1px solid #0089B9; color:#fff}
.btn-onDark.ws:hover{background: #0089B9;}

.tile-grid.customers{
	width:100%; display:flex; gap:2.5rem; flex-wrap: wrap; justify-content:center; align-items:stretch; margin:0 auto -8rem; z-index:1;
}
.tile-grid.customers .tile{
	background:url(/img/bg-topo.jpg); background-size:1200px; border-radius:1rem; padding:0 2rem 1rem; text-align:center; flex-basis:330px; color:#1b2b41!important; box-sizing:border-box; transition:0.3s; text-align:left;
}
.tile-grid.customers .tile:nth-child(1){background-position:left bottom -200px;}
.tile-grid.customers .tile:nth-child(2){background-position:left -370px bottom -200px;}
.tile-grid.customers .tile:nth-child(3){background-position:left -740px bottom -200px;}

.tile-grid.customers .tile:hover{transform:scale(1.02); transition: 0.2s}
.tile-grid.customers .tile:hover span img{transform:translatex(0.3rem) rotate(3deg); transition:0.2s}
.tile-grid.customers .tile span{
	width:100%; float:left; box-sizing:border-box; padding: 0 1rem 1rem;
}
.tile-grid.customers .tile span:nth-child(1){padding: 0 1rem 0;}
.tile-grid.customers .tile span h2{margin:-1rem 0 1rem}
.tile-grid.customers .tile span img{
	height:9.5rem; margin:-4rem 0 0 7rem; transition:0.3s
}
.tile-grid span h2{
	color:#1b2b41; font-size:30px;
}
.tile-grid.customers span h4{
	color:#1b2b41; margin:-1rem 0 .5rem;
}

.row-split.home.pt-xl{margin-top:2rem; padding-top:8rem; padding-bottom:7rem; color:#fff; flex-wrap:wrap; align-items:center}
.row-split.home.pt-xl .wide{width:80%; margin:0 auto; text-align:center}

.row-split.home.pt-xl .cloudlock{min-width:550px; display:block;}
.row-split.home.pt-xl .cloudlock img{width:500px; border-radius:500px; border: 1.5rem solid rgba(255,255,255,.1); transition:0.3s}
.row-split.home.pt-xl .cloudlock img:hover{transform:translateX(.5rem) rotate(2deg); border: 1.5rem solid rgba(255,255,255,.2); transition:0.2s}

.row-split.home.pt-xl .cloudlock-puzzle {width:51% !important; display: inline-block}
.row-split.home.pt-xl .cloudlock-puzzle .step{width:100%; padding:1.5rem 2rem; display: flex; align-items: center; transition:0.3s;}
.row-split.home.pt-xl .cloudlock-puzzle span{width: 7rem; display:inline-block}
.row-split.home.pt-xl .cloudlock-puzzle p{width: calc(100% - 9rem); margin:0 1rem; display:inline-block}

.row-split.home.pt-xl .cloudlock-puzzle .step:nth-child(1){margin-left:-6rem}
.row-split.home.pt-xl .cloudlock-puzzle .step:nth-child(2){margin-left:-1.5rem}
.row-split.home.pt-xl .cloudlock-puzzle .step:nth-child(4){margin-left:-1.5rem}
.row-split.home.pt-xl .cloudlock-puzzle .step:nth-child(5){margin-left:-6rem}

.row-split.home.pt-xl .cloudlock-puzzle .step:hover{transform:translateX(.5rem); transition:0.2s}

.row-split.offset{flex-wrap:nowrap}
.row-split.offset .half{border-radius:1.5rem; width: calc(50% + 10rem)}
.row-split.offset .half:nth-child(1){
	margin:-5rem -5rem 5rem 0; 
	color:#fff;
	z-index:1; 
	display:inline-block;
	background: linear-gradient(90deg, rgba(27,43,65,0.8) 0%, rgba(27,43,65,1) 100%);
	padding: 2.5rem;
	transition:0.3s
}
.row-split.offset .half:nth-child(1):hover{transform:translateX(1rem); transition:0.2s}
.row-split.offset .half:nth-child(2){
	margin:0 0 2rem -5rem;
	background: linear-gradient(90deg, rgba(27,43,65,0.5) 0%, rgba(62,85,171,.5) 100%);
}
.row-split.offset .half:nth-child(2) img{margin-left:13rem; height:8rem; transition:0.3s;}
.row-split.offset .half:nth-child(2):hover img{transform:scale(1.03); transition:0.2s;}


.row-split.gy-l2w .half.wide {justify-content:center}
.row-split.gy-l2w .half.wide .value-prop.noline h2{text-align:center;}

.tile-grid.contact{
	width:100%; display:flex; gap:2.5rem; flex-wrap: wrap; justify-content:center; align-items:stretch; margin:0 auto 2rem; z-index:1;
}
.tile-grid.contact .tile{
	background:url(/img/bg-topo.jpg); background-size:1200px; border-radius:1rem; padding:0 1rem 1rem; text-align:center; flex-basis:210px; color:#1b2b41!important; box-sizing:border-box; transition:0.3s;
}

.tile-grid.contact .tile:hover{transform:scale(1.03); transition: 0.2s}
.tile-grid.contact .tile:hover span img{transform:translatey(-0.3rem); transition:0.2s;}
.tile-grid.contact .tile span{
	width:100%; float:left; box-sizing:border-box; padding: 0 1rem 1rem;
}
.tile-grid.contact .tile span:nth-child(1){padding: 0 1rem 0;}
.tile-grid.contact .tile span h2{text-align:center; font-size:1.4em; font-weight:light; margin:0}
.tile-grid.contact .tile span img{
	height:9.5rem; margin:-4rem 0 0 0; transition:0.3s;
}

a.onDark{
	font-weight:bold;
	color: #fff;
	transition: 0.3s;
}
a.onDark:hover{
	color: #3E55AB;
	transition: 0.2s;
}

@media only screen and (max-width:1079.5px){
	
	.home-boxed{background:#1b2b41;}
	
	.gx-n2i{
		background: rgb(27,43,65);
		background: linear-gradient(to bottom, #1b2b41 0%, #3E55AB 100%);
		border-radius: 1.5rem;
		color: #fff;
	}
	.gx-n2i .half{
		width:100%;
		box-sizing: border-box;
		padding:1rem !important;
		margin:0 !important;
	}
	.gx-n2i .half .value-prop{
		padding:3rem 1rem 0 !important;
		margin:0 !important;
	}
	.gx-n2i .half .value-prop.no-line h2{
		margin-bottom:2rem;
	}
	
	.tile-grid.customers {gap:4rem}
	
	.tile-grid.customers .tile h2{line-height:1.3em;}
	
	.row-split.pt-xl{padding-bottom:0}
	
	.row-split.home.pt-xl .wide{width:100%; margin:0 auto; padding:0 2rem; text-align:left}
	.row-split.home.pt-xl .wide:nth-child(2) a.btn-onMid{display:none}
	
	.row-split.pt-xl .half:nth-child(1){order: 2}
	.row-split.pt-xl .half:nth-child(2){order: 1}
	
	.row-split.home.pt-xl .cloudlock{
		margin:0 0 -13rem !important;
		width:100%;
		min-width: auto;
		padding:2rem 0 0;
		text-align:center;
		box-sizing: border-box;
		display:inline;
		 z-index:1;
	}
	.row-split.home.pt-xl .cloudlock img{margin:0 auto !important; width:60%;}
	.row-split.home.pt-xl .cloudlock img:hover{transform:none;}
	
	.row-split.home.pt-xl .cloudlock-puzzle .step{width:100%; box-sizing:border-box; padding:2rem 0; border-top:2px solid rgba(255,255,255,.1); margin-left:0 !important; flex-direction:column;}
	.row-split.home.pt-xl .cloudlock-puzzle .step:nth-child(1){border-top:none;}
	.row-split.home.pt-xl .cloudlock-puzzle .step:hover{transform:none;}
	
	.row-split.home.pt-xl .cloudlock-puzzle span{width:100%; box-sizing:border-box; text-align:center;}
	.row-split.home.pt-xl .cloudlock-puzzle span img{width:7rem; margin-bottom:1rem;}
	.row-split.home.pt-xl .cloudlock-puzzle p{width:100%; text-align:center;}
	
	.row-split.offset{
		padding:6rem 0 1rem;
		box-sizing:border-box; 
		width:100%; 
		flex-direction:column; 
		background: linear-gradient(to bottom, #1b2b41 0%, #3E55AB 100%);
		border-radius:1.5rem;	
	}
	.row-split.offset .half{margin:0 !important; box-sizing:border-box; width:100% !important; justify-content: center;}
	.row-split.offset .half:nth-child(1):hover{transform:none;}
	.row-split.offset .half:nth-child(1){background:none;}
	.row-split.offset .half:nth-child(1) .btn-onDark{display:none;}
	.row-split.offset .half:nth-child(2){background:none; padding-top:0; text-align:center;}
	.row-split.offset .half:nth-child(2) img{margin:-2rem 1rem 0; width:calc(100% - 2rem);}
	
	.gy-l2w{width:100%; background:none;}
	.gy-l2w h2{color:#fff;}
	.tile-grid.contact{gap:3.5rem;}
	.tile-grid.contact .tile{flex-basis:calc(100% - 4rem);}
	
	a.onDark{
	font-weight:bold;
	color: #fff;
	transition: 0.3s;
	}
	a.onDark:hover{
		color: #009B8C;
		transition: 0.2s;
	}
}


@media only screen and (max-width:1230px){.row-split.home.pt-xl .cloudlock-puzzle{width: 48% !important}}

/* Animations */

.dre-body.animated{
	background: url('/img/bg-blue2.jpg');
	background-attachment: fixed;
	animation: ken 60s linear infinite;
}
@keyframes ken {
  0% {
    background-position: top;
	background-size: 100% 100%;
  }
  50% {
    background-position: top 0 left 40%;
	background-size: 130% 130%;
  }
  100% {
    background-position: top;
	background-size: 100% 100%;
  }
}

.gx-n2i.animated{
	background: linear-gradient(to bottom right, rgba(27,43,65,0.8) 40%, rgba(62,85,171,0.6) 70%);
	background-size: 150% 150%;
	animation: gradient 10s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.row-split.platform-grid.animated{
	background: linear-gradient(to bottom, rgba(0,155,140,.9) 0%, rgba(0,99,128,0.7) 50%, rgba(0,155,140,.6) 100%);
	background-size: 100% 130%;
	animation: dre-fade 10s ease infinite;
}

@keyframes dre-fade {
  0% {
    background-position: 50% 0%;
  }
  50% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 0%;
  }
}

@media only screen and (max-width:1079.5px){
	.dre-body.animated{background:#1b2b41}
	.gx-n2i.animated{background: linear-gradient(to bottom, rgb(27,43,65) 0%, rgb(62,85,171) 100%);}
}
	

/* Our Platform Page 2023 */

.row-split.platform-grid{
	gap:2rem; 
	border-radius:1.5rem;
	padding:2rem 3rem; 
	margin-top: 3rem; 
	background: rgb(0,155,140);
	background: linear-gradient(to bottom, rgba(0,155,140,1) 0%, rgba(0,99,128,0.5) 50%, rgba(27,43,65,0.3) 100%);
}
.row-split.platform-grid .half{
	width:calc(50% - 5rem)
}

.row-split.platform-grid .half.welcome{
	padding: 1.5rem 1rem;
    width: calc(50% - 3rem);
	background:none;
}

.row-split.platform-grid .welcome{
	background:none;
}

.row-split.platform-grid .box{
	background: #1b2b41;
	padding: 1rem 2rem;
	border-radius: 1rem;
	overflow:hidden;
	display:flex;
	margin: 0;
	flex-direction: column;
	text-align: center;
}

.row-split.platform-grid .box div{
	width:100%;
	box-sizing: border-box;
	text-align: center;
}

.row-split.platform-grid .box.dre{
	margin-top:-5rem;
	margin-bottom: 0;
	padding: 1rem 2rem 2rem;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-content:center;
	width: calc(50% - 1rem);
	box-shadow:0 0.65rem 0.75rem rgba(27,43,65,.3);
	background: rgb(27,43,65);
	background: radial-gradient(circle, rgba(27,43,65,1) 40%, rgba(0, 99, 128,.7) 250%);
	transition:0.3s;
}

.row-split.platform-grid .box.dre:hover{
	box-shadow:0 0.65rem 1rem rgba(27,43,65,.4);
	transition:0.2s ease-in-out;
}

.row-split.platform-grid .box.dre img{
	animation: dre 15s ease infinite;
}

@keyframes dre {
  0% {
    transform:scale(1);
  }
  50% {
    transform:scale(1.1);
  }
  100% {
    transform:scale(1);
  }
}

@media only screen and (max-width:1079.5px){
	.row-split.platform-grid{
		padding: 2rem 1.5rem;
		margin-top:7rem;
	}
	.row-split.platform-grid .half.welcome{
		width:100%;
		padding:0;
	}
	.row-split.platform-grid .text-box.welcome{
		padding:2rem 1rem;
	}
	.row-split.platform-grid .box.dre{
		padding: 2.5rem 3rem 3rem;
		order:-1;
	}
}

.row-split.platform-grid .box.fair{
	padding:0;
	width: calc(50% - 1rem);
	background: rgb(0,149,98);
	background: linear-gradient(to right, rgba(0,149,98,1) 0%, rgba(0,155,140,1) 100%);
	box-shadow: 0 0.65rem 0.75rem rgba(27,43,65,.3);
	transition:0.3s;
}

.row-split.platform-grid .box.ws{
	padding:0;
	width: calc(50% - 1rem);
	background: rgb(0,137,185);
	background: linear-gradient(to right, rgba(0,155,140,1) 0%, rgba(0,137,185,1) 100%);
	box-shadow: 0 0.65rem 0.75rem rgba(27,43,65,.3);
	transition:0.3s;
}

.row-split.platform-grid .box.fair:hover{transform:translateY(-0.2rem); box-shadow:0 1rem 1.5rem rgba(27,43,65,.4); transition:0.2s ease-in-out;}
.row-split.platform-grid .box.ws:hover{transform:translateY(-0.2rem); box-shadow:0 1rem 1.5rem rgba(27,43,65,.4); transition:0.2s ease-in-out;}

@media only screen and (max-width:1079.5px){
	.row-split.platform-grid .box.dre{
		width:100%;
	}
	.row-split.platform-grid .box.fair{
		width:100%;
	}
	.row-split.platform-grid .box.ws{
		width:100%;
	}
	.row-split.platform-grid .half.welcome{
		background:none;
	}
}

.row-split.platform-grid span.top{
	min-height: 130px;
	box-sizing: border-box;
	padding: 2rem;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
}

.row-split.platform-grid .box.fair .top img{
	height: 3rem;
}
.row-split.platform-grid .box.ws .top img{
	height: 3.6rem;
}

.row-split.platform-grid span.bottom{
	background: rgb(27,43,65);
	background: linear-gradient(to bottom, rgba(27,43,65,0.7) 0%, rgba(27,43,65,1) 90%);
	color:white;
	padding: 2rem 3rem 3rem;
}

@media only screen and (max-width:1079.5px){
	.row-split.platform-grid span.bottom{
		padding: 2rem;
	}
}

.row-split.platform-grid span.bottom .icon-grid{
	width:100%;
	box-sizing:border-box;
	display:flex;
	padding: 2rem 0 3rem;
	flex-flow: row wrap;
	gap: 1rem;
	justify-content:center;
}

.row-split.platform-grid span.bottom .icon-grid span{
	box-sizing:border-box;
	width:calc(25% - 1rem);
	min-width:94px;
	text-align:center;
	transition:0.3s;
}

.row-split.platform-grid span.bottom .icon-grid span:hover{
	transform:translateY(-0.3rem);
	transition:0.2s ease-in-out;
}

.row-split.platform-grid span.bottom img{
	height:2rem;
}

.row-split.platform-grid .half.wide{
	width:100%; 
	margin:0 auto -6rem; 
	padding:0; 
	text-align: center;
}

#tile-grid{
	scroll-margin-top: 200px;
}

#platform-flow{
	scroll-margin-top: 200px;
}

#features{
	scroll-margin-top: 200px;
}

#register-interest{
	scroll-margin-top: 100px;
}

.row-split.platform-flow{
	margin: 6rem 3rem 0;
	border-radius: 1.5rem 1.5rem 0 0;
	background: rgb(27,43,65);
	background: linear-gradient(to bottom right, rgba(0,149,98,.8) 3%, rgba(0,137,185,.8) 100%);
	color:white;
	gap: 1rem 3rem;
	justify-content:space-between;
	padding:0 0 3rem;
}

.row-split.platform-flow .half.wide{
	background:#1b2b41;
	background: linear-gradient(to bottom, rgba(27, 43, 65,1) 50%, rgba(27, 43, 65,.7) 100%);
	margin:0 0 1rem;
	padding:3.5rem 2rem 1.5rem;
	border-radius:1.5rem 1.5rem 0 0;
}

.row-split.platform-flow .half{
	display: flex;
	flex-direction:column;
	width: calc(100% - 6rem);
}

.row-split.platform-flow .half.left{
	text-align:center;
	padding: 2rem 3rem 2rem 3rem;
	max-width: none;
	margin:0;
}

.row-split.platform-flow .half.right{
	text-align:center;
	padding: 2rem 3rem 2rem 3rem;
	max-width: none;
	margin:0;
}

.row-split.platform-flow .half.left h2{width:100%; text-align:center}
.row-split.platform-flow .half.right h2{width:100%; text-align:center}

.row-split.platform-flow .half img{
	border-radius:1rem;
	box-shadow:0 0 .7rem rgba(27,43,65,.5);
}

.row-split.platform-flow .half.left img{
	width: calc(100% + 12rem);
	max-width:none;
}
.row-split.platform-flow .half.right img{
	width: calc(100% + 12rem);
	max-width:none;
}

@media only screen and (max-width:1079.5px){
	.row-split.platform-flow{
		margin: 2rem 1.5rem 0;
    	padding: 5rem 0 3rem;
		border-radius: 1.5rem;
	}
	.row-split.platform-flow .half.wide{
		width:100%;
		background:none;
	}
	.row-split.platform-flow .half.right, .row-split.platform-flow .half.left{
		padding:2rem;
		text-align:left;
	}
	.row-split.platform-flow .half.right img, .row-split.platform-flow .half.left img{
		width: calc(100% + 6rem);
	}
}


.row-split.platform-grid.tre {
    column-gap: 2rem;
	row-gap:0;
	background: linear-gradient(to bottom, rgba(255,255,255,.95) 60%, rgba(255,255,255,.75) 100%);
    padding-bottom: 14rem;
}
.row-split.platform-grid.tre .half.welcome{
	width: calc(58% - 1rem);
	padding:2rem 0 0;
}
.row-split.platform-grid.tre .half.welcome .text-box.welcome h2{
	margin-bottom:0;
}
.row-split.platform-grid.tre .box.dre{
	width: calc(42% - 1rem);
	margin-bottom:1rem;
	padding:2rem 4rem 2rem;
	background: linear-gradient(to bottom right, rgba(62, 85, 171,1) 0%, rgba(0, 155, 140,1) 100%);
}

.tile-grid.features{
	width:100%; display:flex; gap:2.5rem; flex-wrap: wrap; justify-content:center; align-items:stretch; margin:-3rem auto 1rem; padding:0 1rem 1rem; box-sizing:border-box; border-radius:2rem; z-index:1; background:linear-gradient(to bottom, #006380 0%, #3E55AB 100%);
}
.tile-grid.features .tile{
	background:#1b2b41; border-radius:1rem; padding:0 2rem 1rem; text-align:center; flex-basis:530px; color:#fff!important; box-sizing:border-box; transition:0.3s; text-align:left;
}
.tile-grid.features .tile:hover{transform:translatey(-0.2rem); transition: 0.2s}
.tile-grid.features .tile:hover span img{transform:translatex(0.3rem) rotate(3deg); transition:0.2s}
.tile-grid.features .tile span{
	width:100%; float:left; box-sizing:border-box; padding: 0 1rem 1rem;
}
.tile-grid.features .tile span:nth-child(1){padding: 0 1rem 0; margin-bottom:1rem;}
.tile-grid.features .tile span h2{margin:1rem 0 1rem; color:white; line-height:1.3em;}
.tile-grid.features .tile span img{
	height:7rem; margin:-1rem 0 1rem 9rem; transition:0.3s
}
.tile-grid span h2{
	color:#1b2b41; font-size:30px;
}
.tile-grid.features span h4{
	color:#1b2b41; margin:-1rem 0 .5rem;
}


@media only screen and (max-width:1079.5px){
	h2.tre-title{font-size:1.7em; line-height: 1.2em; margin-bottom: -1rem !important;}
	.row-split.platform-grid.tre .half.welcome{width:100%;}
	.row-split.platform-grid.tre .box.dre{width:100%;}
	.btn-onLight{min-width:100%; margin-bottom:.5rem;}
	.tile-grid.features .tile:nth-child(1){margin-top:-5rem;}
	.tile-grid.features .tile span:nth-child(1){padding: 0 1rem 0; margin-bottom:-1rem;}
	.row-split.platform-grid.tre {
		padding-bottom: 10rem;
	}
	.row-split.platform-flow.tre {display:none;}
}	
	
@media only screen and (min-width:1080px){
	.tile-grid.features{
		margin:-10rem auto -8rem; background:none; padding:0;
	}
	.tile-grid.features .tile span:nth-child(1){padding: 0 1rem 0; margin-bottom:-2rem;}
	.tile-grid.features .tile span h2{margin:-1rem 0 1rem; color:white}
	.tile-grid.features .tile span img{
		height:7rem; margin:-1rem 0 1rem 21rem; transition:0.3s
	}
	.tile-grid.features .tile:nth-child(5){
		flex-basis:820px;
	}
	.tile-grid.features .tile:nth-child(5) span img{
		height:7rem; margin:-1rem 0 1rem 39rem; transition:0.3s
	}
	br.mb{display:none;}
}


.row-split.platform-grid.tre.cta{
	width:100%;
	padding-bottom:2rem;
	margin-top:0;
	box-shadow: 0 0.65rem 0.75rem rgba(27,43,65,.3);
	background: linear-gradient(to bottom right, #1b2b41 50%, #3E55AB 200%);
	transition: 0.3s;
}
.row-split.platform-grid.tre.cta:hover{
	transform:translatey(-0.2rem);
	box-shadow: 0 1rem 1.5rem rgba(27,43,65,.4);
    transition: 0.2s ease-in-out;
}

.row-split.platform-grid.tre.cta .half.box.dre{
	margin-top:1rem;
	background: linear-gradient(to bottom right, #009B8C 20%, #3E55AB 80%);
	background-size: 150% 150%;
	animation: tre 10s ease infinite;
	transition: 0.3s;
}
.row-split.platform-grid.tre.cta .half.box.dre:hover{
	transform:scale(1.01);
	transition: 0.2s ease-in-out;
}

@keyframes tre {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@media only screen and (max-width:1079.5px){
	.row-split.platform-grid.tre.cta .half.box.dre{margin-top:0;}
	.row-split.platform-grid.tre.cta{padding-bottom:1rem; background: linear-gradient(to bottom, #1b2b41 70%, #3E55AB 150%);}
}


/* Register Interest Form */

.form.tre.interest{
	width:100%;
	padding:0 5rem 4rem;
}
.form.tre.interest div.wpcf7{
	width:100%;
	padding:0;
}
.form.tre.interest .wpcf7 form div{
	width:100%;
	padding:0;
}
.form.tre.interest .wpcf7 .row.half-column{
	flex-basis: 31%;
	padding:0;
}
.form.tre.interest input, .form.tre.interest textarea{
	border-radius: 1rem;
    padding: 1rem;
	border: none;
}
.form.tre.interest label{
	font-size: 15px;
    padding: 0 .5rem .5rem;
	color: #1b2b41;
}

.form.tre.interest label span, .form.tre.interest legend span {
    font-size: 15px;
    color: #1b2b41;
}
.form.tre.interest .terms{
    display: inline-block;
    width: 100%;
	text-align: center;
	margin-top: .5rem;
}

.form.tre.interest .wpcf7-submit{
	border: none;
	background: linear-gradient(to top, #1b2b41 50%, #009B8C 50%);
	background-position: bottom;
	background-size: 100% 200%;
    padding: 1rem 2rem;
    transition: 0.5s;
	min-width:180px;
	max-width: 500px;
	height:55px;
	color:#fff !important;
	margin-top:1rem;
	margin-bottom:2px;
	box-sizing: border-box;
	text-align:center;
	display: inline-block;
	box-shadow: 0 0rem .25rem rgba(27,43,65,.2);
	border-radius: 2rem;
	text-transform: none;
	font-size: 16px;
}
.form.tre.interest .wpcf7-submit:hover{
	transform:translatey(-.2rem);
	animation: btn-bg .4s ease-in-out;
	animation-fill-mode:forwards;
	box-shadow: 0 .25rem .75rem rgba(27,43,65,.3);
	transition:0.4rem;
}
.form.tre.interest .row.btn{
	text-align:center;
}

.btn-onDark.tre{margin: 0 1rem 1.5rem;}

@media only screen and (max-width:1079.5px){
	.form.tre.interest .wpcf7-submit{
		background: linear-gradient(to top, #009B8C 50%, #3E55AB 50%);
		background-position: bottom;
		background-size: 100% 200%;
	}
	.form.tre.interest{
		width:100%;
		padding:0 1rem 4rem;
		box-sizing:border-box;
	}
	
	.form.tre.interest label{
		font-size: 15px;
		padding: 0 .5rem .5rem;
		color: white;
	}

	.form.tre.interest label span, .form.tre.interest legend span {
		font-size: 15px;
		color: white;
	}
}