/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 16 August 2015 21:36:03
*/


/* CSS reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0
}

html,body {
    margin:0;
    padding:0;
    background-color:#FFF
}



table {
    border-collapse:collapse;
    border-spacing:0
}

fieldset,img {
    border:0
}

address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:400
}

ol,ul {
    list-style:none;
    
}

caption,th {
    text-align:left
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:400
}

q:before,q:after {
    content:''
}

abbr,acronym {
    border:0
}
p{
   margin:16px 0;
   padding:2px;
 
}

.child p{
   margin:16px 0;
   padding:2px;
}
html,body,#wrapper {
    width:100%;
    height:100%
}

body {
    margin:0;
    padding:0
}

div:not('.detection'):empty {
   display: none;
}

p:empty {
   display: none;
}
.home .page-title{
display:none;
}

#homewrapper {
    height:100%;
    width:100%;
    z-index:1
}

#homewrapper #homebody {
    color:#000;
    position:relative;
    width:100%;
    height:100%
}

#homewrapper #main_section {
/* border:1px solid blue;*/
    -webkit-box-flex:1;
    -moz-box-flex:1;
    padding:0;
    height:100%;
    width:100%
}

#homewrapper #headerholder {
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:50
}

#homewrapper #header {
    width:100%;
    text-align:center;
    x-max-width:64em;
    height:32px;
    background-color:rgba(2, 55, 100, 0.82);
    -webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 3px 5px 0 rgba(0,0,0,0.75);
     padding: 7px 0;
}

#headerholder .header_market{
 x-font-family: klavika-light,Helvetica Neue,Arial,sans-serif;
 font-family: 'Michroma', sans-serif;
 color: white;
 float: none;
 font-size: 21px;
 text-transform: lowercase;

}
#headerholder .navigation {
    display:block;
    position:relative;
    width:90.7%;
    margin:0 auto;
    overflow:hidden;
    max-width:64em;
    background:none;
    float:none
}

#headerholder .navigation .logo {
   margin: 4px 0;
}

#headerholder .navigation ul {
    list-style:none;
    margin:0 15% 0 0;
    width:88%
}
#headerholder #hamburgerMenu{
width: 70px;
float: left;
margin: 4px -84px 0 0;
color: white;
cursor: pointer;
}

#headerholder #hamburgerMenu img{
 padding: 0px 5px 3px 0;
}

#headerholder #pullmenu{
    position: absolute;
    top: 46px;
    left: 0px;
    background-color:rgba(2, 55, 100, 0.82);
    -webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 3px 5px 0 rgba(0,0,0,0.75);
    text-align: left;
    display:none;

}

#content .top-anchor-link {
    clear: both;
    display: block;
    height: 3px;
    position: relative;
    width: 100%;
    margin: 4em auto;
}

.nav>li{
position: relative;
display: block;

 border-bottom: 1px solid #043966;

}

.nav>li a{
 color:white;
 font-size:13px;
 display:block;
 padding: 4px 45px 4px 15px;
}

.nav>li a:hover{
 background: #1991f5;
}

.whiteicon {
margin: 5px;
}

#headerholder .full-search {
    border-radius: 3px;
    padding: 10px;
    margin: 0px;
    position: absolute;
    left: auto;
    width: 16%;
    z-index: 1;
    background: rgba(7,36,73, 0.53);
    right: 0%;
    top: 2.8em;
   }
#headerholder .full-search input[type="text"] {
    width: 100%;
}
#homewrapper .page-title {
    display:none;
    position:absolute;
    height:105px;
    width:100%;
    margin:0;
    padding:0;
    z-index:49;
    overflow:hidden;
    background-color:rgba(255,255,255,0.5)
}

#homewrapper .page-title h1 {
    font-size:32px;
    display:block;
    margin:0 auto;
    padding:1.9em 0;
    color:#043966;
    background:none;
    -webkit-box-shadow:0 0 0;
    -moz-box-shadow:0 0 0;
    box-shadow:0 0 0;
    text-transform:none;
    text-align:center;
    x-max-width: 29em;
}

#homewrapper .feature-panel {
    background:url(http://#/__data/assets/image/0011/164/feature-bg-tile.jpg?v=0.1.1) #FFF repeat-x 0 0;
    z-index:2;
    border-bottom:#f3f9fe 10px solid
}

#homewrapper .column-wrapper {
    top:84%;
    position:absolute
}

.blank #homewrapper .column-wrapper {
    top:0;
    position:absolute
}

.child #homewrapper .column-wrapper {
    top:52%;
    position:absolute
}

.study #homewrapper .column-wrapper {
    top:593px;
    position:absolute
} 

#homewrapper .column-wrapper .main-column {
    width:100%;
    margin:0
}

#homewrapper #content-holder {
}

#homewrapper .feature-panel .inner {
    max-width:70em;
    margin:0 auto
}

.full_width_blue{
 width:100%;
background:#B6DEFF;
 
}

/* MARKET PAGE */

.market_section_holder {
    width:100%
}

.market_section {
    max-width:64em;
    margin:0 auto;
    padding:3em 0;
    overflow:hidden
}


.market_section div:empty {
    padding: 0;
}
.market_section img{
margin: 0 auto 20px;
display: block;
}

.market_section img.arrow{
margin: 0;
display: inline;
}


.market_section .container{
 box-shadow: none;
}



.market_section #main_statement {
    width:60%;
    font-size:25px;
    font-family: Arial,"΢ÈíÑźÚ","ËÎÌå","Microsoft YaHei",Helvetica Neue,Arial,sans-serif;
    line-height:1.1em;
    float:left
}

.market_section #main_statement p {
  font-size: 22px;
  margin-top: 1em;
  font-family: arial;
  line-height: 1.4em;
}

.market_section #main_statement p:first-child {
   margin-top: 0em;
   font-size: 18px;
   line-height: 1.7em;
   font-family: Arial,"΢ÈíÑźÚ","ËÎÌå","Microsoft YaHei",Helvetica Neue,Arial,sans-serif;
}


.market_section a {
    x-font-size:14px
}

.market_section .caption_holder {
    text-align:center;
    margin-bottom:50px
}

.market_section h2 {
    font-size:20px;
    font-family: Arial,"΢ÈíÑźÚ","ËÎÌå","Microsoft YaHei",Helvetica Neue,Arial,sans-serif;
    margin:15px 0;
}

.child .market_section h2 {
    font-size: 2em;
line-height: 1.1em;
color: #004076;

}


.market_section h3 {
    font-size:29px;
    font-family:klavika-light,Helvetica Neue,Arial,sans-serif;
    margin-bottom:10px;
    line-height: 1.1em;
    color: #004076;
}

.market_section h4 {
    font-size:20px;
    font-family:klavika-light,Helvetica Neue,Arial,sans-serif;
}

.market_section #top_quote {
    width:29%;
    float:right
}

.market_section #top_quote .quote_text {
    color:#043966;
    margin-bottom:-7px;
    display:block;
    font-size:21px;
    line-height:1.2em
}

.market_section #top_quote .quote_company {
    font-size:17px;
    display:block;
    margin-bottom:-12px;
    font-weight:700
}

#market_layout #solutions {
    background:#BADBF5
}

#solution_sets {
    text-align:center
}

#solution_sets .solution_set_item.brochure_box{
height: 230px; width: 180px; float:right; margin: 0 30px 30px 30px;
}

#solution_sets .solution_set_item.brochure_box img{
  margin: 0 auto 10px;
}

#solution_sets.inagrid{
 width: 60%; margin: 30px auto;
}
#solution_sets .solution_set_item, #non_solution_sets .solution_set_item {
    width:160px;
    background:#fff;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 0 5px 0 rgba(0,0,0,0.75);
    text-align:center;
    padding:15px;
    margin:5px;
    display:inline-block;
    vertical-align: top;
    position: relative;
}

#solution_sets .solution_set_item p, #non_solution_sets .solution_set_item p{
   margin-top: 10px;
   font-size: 14px;
   line-height: 1.3em;
}

#solution_sets .solution_set_item a{
   position: absolute;
   bottom: 7px;
   left: 50px;
}


#non_solution_sets .solution_set_item a{
   position: relative;
   bottom: 7px;
}

.solution_set_item.brochure_box{
height: 230px; width: 180px; float:right; margin: 0 30px 30px 30px;
}

.market_section .article-list.three-column > div,.article-list.three-column > ul {
    width:30%;
    float:left;
    padding-right:2%;
    margin-right:2%;
    border-right:none;
    list-style-image:none
}

.market_section ul {
    list-style-image:none;
    margin:40px;
    padding: 16px;
}
.market_section .content ul {
    margin-top: 0px;
    list-style-image: url("http://#/__data/assets/image/0007/205/bullet-arrow.png?v=0.1.13");
}

.market_section ul.withBullet {
    margin-top: 0px;
    list-style-image: url("http://#/__data/assets/image/0007/205/bullet-arrow.png?v=0.1.13");
    padding: 10px;
}
.market_section .article-list {
    overflow: auto;
    margin-top: 35px;
}
.market_section .theMenu.article-list {
    overflow: auto;
    margin-top: 10px;
}
.market_section .article-list ul {
    list-style-image:none;
    margin:0px;
    padding:0px;
}
.market_section .article-list ul li {
    border-bottom:#a9a9a9 1px solid;
    margin-bottom:12px;
    padding-bottom:12px
}

.market_section .feature-panel .feature-item{
 width: 33%;
 text-align:center;
}

.featurebannerOverlay{
 width:60%
}

.featurebannerOverlay.white h3, .featurebannerOverlay.white strong{
 color: #fff;
}

.featurebannerOverlay.blue h3, .featurebannerOverlay.blue strong{
 color: #043966;
 
}
.featurebannerOverlay h3{
   font-size: 22px;
  line-height: 1.7em;

}
.market_section .resource_box {
  width:165px;
  padding: 80px 15px 15px 15px; 
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75); 
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75); 
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.75); 
  margin: 20px 5px 0; 
  display: inline-block; 
  vertical-align: top;
  background-position-y: -50px;
}

h2.inline_header{
 display:inline; 
}

h2.inline_header + a{
 float: right;
margin-top: 17px;
}

h2.inline_header + a + ul{
 margin-top: 20px;
}

#call_to_action{
    background-color: #043966;
 color: white;
}

.call_to_action_holder{
margin: 0px auto; width: 370px; text-align: center;
}
.call_to_action_box{
 background-color: #FFF; 
 padding: 11px; 
 display: inline-block; 
 color: #043966;
}

.call_to_action_box img{
float: left;
margin:0 5px;
}

#homewrapper #fatfooterhardcoded {
    x-top:85%;
    top:100%;
    position:absolute;
    width:100%
}

#homewrapper #footer {
    position:absolute;
    width:100%;
    x-top:120%;
    top:140%;
    left:24%
}

#homewrapper #footer .footer-links {
    margin:0
}

#homewrapper #splashSection {
    max-width:1500px;
    height:200px;
    margin:0 auto
}

#homewrapper .splashBanner {
    width:24.86%;
    height:50px;
    float:left;
    border:1px #fff solid;
    padding-top:150px;
    text-align:center;
    font-family:klavika-regular,Helvetica Neue,Arial,sans-serif;
    font-size:1.2em;
    x-margin:-1px
}

#homewrapper .watchVid {
    color:#043966
}

#homewrapper #newseventsSection {
    width:960px;
    margin:0 Auto
}

#homewrapper #newsSection {
    width:80%;
    float:left
}

#homewrapper #newsSection .newsBanner {
    width:45%;
    height:165px;
    background-repeat:no-repeat;
    float:left;
    margin:5px;
    position:relative
}

#homewrapper #newsSection .newsBanner .newsBannerText {
    float:left;
    position:absolute;
    top:120px;
    height:38px;
    color:#fff;
    font-size:.8em;
    padding:7px 5px 0 10px;
    line-height:1.3em;
    background-color:rgba(0,0,0,0.71)
}

#homewrapper #eventsSection {
    width:20%;
    float:left
}

#homewrapper #eventsSection .eventsEvent {
    font-size:.9em;
    color:#4b4b4b;
    margin-bottom:15px
}

#homewrapper #eventsSection .eventsEvent .eventTitle {
    color:#043966
}

.vertDivider {
    height:450px;
    float:right;
    width:1px;
    margin:50px 30px 0 0;
    background:-webkit-linear-gradient(white,#9b9b9b,white);
    background:-o-linear-gradient(white,#9b9b9b,white);
    background:-moz-linear-gradient(white,#9b9b9b,white);
    background:linear-gradient(white,#9b9b9b,white)
}

/* resources page */
#resources_results{
x-margin-top: 40px;
}
.theMenu{
width: 25%;
float: left;

}

.theResourcelist{
float: left;
padding: 0px 20px;
width: 70%;
}
.theMenu a {
 cursor:pointer;
}

.theMenu.article-list ul li {
 margin-bottom: 0px;
 padding-bottom: 5px;
}
.theMenu li.active {
 background-color: rgb(240, 240, 240);
}
.theMenu li a {
  padding: 10px 0 0px 5px;
  display: block;
}
.theMenu li.active a {
 font-weight:bold;
 background-color: rgb(240, 240, 240);
}

.resource{
  margin-bottom: 30px;
  line-height: 1.7em;
}


/*news and events */

.news-listing .title, .events .title {
    color: #384652;
    font-size: 20px;
    font-weight: bold;
}

/*webinars */

.webinar-listing p {
  margin: 1em;
}

.webinar-listing tr {
  border-bottom:1px solid lightgrey;
}

.webinar-listing tr:first-child td {
  x-padding:0 10px 30px 10px;
}

.webinar-listing td {
  vertical-align: top; 
  padding:30px 10px;
}

.webinar-listing td:first-child {
 color: #043966;
  font-family: klavika-light,Helvetica Neue,Arial,sans-serif;
}

.webinar-listing ul{
 margin: 0 18px;
  padding: 0 16px 16px 0;
list-style-image: url(http://#/__data/assets/image/0007/205/bullet-arrow.png);
}

.webinar-listing a.webinar_link.clicked{
    color: #2d79b8;
  display: inline-block;
  background-color: white;
  border: 1px solid #2d79b8;
  padding: 11px;
}

.webinar-listing a.webinar_link{
    color: white;
  display: inline-block;
  background-color: #2d79b8;
    border: 1px solid #2d79b8;
  padding: 11px;
}

.webinar-listing a.webinar_link:hover{

  background-color: #043966;

}
 

/* case studies */

#content .summary h2{
 font-size: 22px;
 font-weight: bold;
}


.highlightsBox ul {
 margin: 0px;
 padding: 0px;
 
}

#content .summary .top-anchor-link{
 margin: 1.5em auto 1em;
}




.t1footer {
    width:900px;
    margin:0 auto;
    font-size:.7em
}

h1 {
    font-size:34px;
    position:relative;
    color:#000;
    font-weight:400;
    text-shadow:0 0 1px rgba(0,0,0,0.3);
    padding:20px;
    z-index:1000;
    text-transform:uppercase;
    text-align:center
}

h1 span {
    font-family:'Playfair Display',serif;
    font-style:italic;
    text-transform:none;
    font-size:20px
}

.back-to-top {
    width: 38px;
    height: 240px;
    position: fixed;
    z-index: 999999;
    bottom: 40px;
    right: 40px;
    background: transparent url(imagesreturn3.png) no-repeat 0 0;
    cursor: pointer;
    opacity: 0.6;
   display: none;
}


.back-to-top:hover {    
    opacity:1;
}



.footer_section { 
    width:100%; 
    height:350px; 
    background-color:#333;
}

.footer_section .wrapper  { 
    width:1024px;  
    margin:0 auto; 
}

.footer_section .market_section{
padding: 2em 0px;

}
.footer_section h3 {
    font-size:30px;
    font-family:klavika-light,Helvetica Neue,Arial,sans-serif;
    margin-bottom:10px;
    line-height: 1.1em;
    color: #999;
}

.footer_section a {
    font-size:14px;
    color:#999;
    text-decoration:none;
}

.footer_section a:hover {
    color:#fff;
}


.footer_section .two-column { 
    width: 50%; 
    float:left; 
    margin: 15px 0 0 0;
}

.footer_section .article-list {
    overflow: visible;
    margin-top: 35px;
}
.footer_section .article-list ul {
    list-style-image:none;
    margin:0px;
    padding:0 40px 0 0;
}

.footer_section .article-list ul li {
    border-bottom:#505050 1px solid;
    margin-bottom:12px;
    padding-bottom:12px;
    list-style:none;
    color:#999;
}

.footer_section img {
    margin: 0 0 10px 0; 
    opacity: 0.5;
}


.footer_section .article-list.two-column > div:first-child, .footer_section .article-list.two-column > ul:first-child {
    border-right: none;
    width: 85%;
}

}


@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
#homewrapper .column-wrapper {
    top:95%
}
.child #homewrapper .column-wrapper {
    top:95%;
    position:absolute
}
#homewrapper #fatfooterhardcoded {
    top:140%;
    position:absolute
}

#homewrapper #footer {
    position:relative;
    width:100%;
    top:120%;
    left:0
}
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
#homewrapper .column-wrapper {
    top:95%
}

#homewrapper #fatfooterhardcoded {
    top:120%;
    position:absolute
}

#homewrapper #footer {
    position:relative;
    width:100%;
    top:120%;
    left:0
}
}

@media only screen and (min-width: 0px) and (max-width: 679px) {
body .feature-panel .inner {
    background-image:none;
    padding:0
}

#homewrapper .column-wrapper {
    top: 97%;
    position: absolute;
}
.child #homewrapper .column-wrapper {
    top: 100%;
    position: absolute;
}
.left-column, .main-column, .asides, .wide-column {
    padding: 0px;
}

.market_section {
    padding: 3em 10px;
}

.market_section #main_statement {
    width: 90%;

}


.market_section #top_quote {
    width: 85%;
    float: none;
}

.call_to_action_holder{
margin: 0px auto; width: 100%; text-align: center;
}
.featurebannerOverlay {
    width: 96%;
}

.featurebannerOverlay h3 {
    font-size: 16px;
    line-height: 1.7em;
}

.fat-footer ul li {
    width:100%;
    float:none;
    margin-bottom:1em;
    padding-bottom:1em;
    border-bottom:1px solid #D2D2D2
}

.fat-footer ul li li,.fat-footer ul .col-2 li {
    margin-bottom:0;
    border:none;
    padding:0;
    float:none;
    width:100%
}

#homewrapper #footer {
    position:relative;
    width:100%;
    top:120%;
    left:0
}
.footer_section .market_section{

 overflow: visible;

}
.footer_section .two-column {
    float: left;
    width: 100%;
    background-color: #333;
    margin: 0px;
    padding: 0px 10px;
}

#header-personal {
    margin:0
}

#header:after {
    float:none
}
}