/******************/
/* GLOBAL LAYOUT  */
/******************/
html{color: #333; width: 100%; margin: 0;}
body {font-size:100%; background-color:rgb(255,255,255); font-family: "Helvetica Neue",sans-serif; height:100%; margin:0; padding:0;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.header-red {background:#333333; border-bottom:1px solid rgba(0, 0, 0, 0.25)}
.header-red-contents {width: 1000px; margin: 0 auto; min-height:4.5rem; font-family: "Helvetica Neue",sans-serif;}
.header-red-contents-menu {float:right; padding-top:1.2em;}
.navbar {margin:0 auto; min-height :55px; background:#f7f7f7 repeat-x; opacity: 0.96; padding:0; border-bottom:1px solid rgba(0, 0, 0, 0.25); min-width:1000px; width:100%;}
.navbar.fixed { position:fixed; top: 0; width:100%; z-index:1000;}
.navbar.fixed .showme { display:inline-block;}
.navbarfixed {margin: 0 auto; width:1000px; min-height:45px /*Non-IE6*/; height:auto !important /*Non-IE6*/;}
.banner {background-size: cover !important; background-repeat: no-repeat; height:21rem; min-width:1000px; width:100%;}
.footer {clear:both; min-width:1000px; min-height:225px; padding:1.0em 0 1.0em 0; background:#fafafa repeat-x bottom; font-size:85%; overflow:hidden /*IE6*/; color:#666666;}
.desktop-hide {display:none;}
.row {width: 100%;/*display: block;*/display: table; padding:0 0 2em 0; min-width:1000px;  /*position: fixed; top: 25px;z-index: 0;*/}
#title {padding-bottom:0; padding-top:0; margin-top:2em;}
.inner {width: 100%; width: 980px; margin: 0 auto; padding-top:10px; padding-left:10px;}
.showme {display:none; float:right; margin-top:7px; margin-right:1em; font-weight: 400; opacity:1 !important; outline:none; padding:10px 10px !important; background-color: #1594d0; border: 0px #1C77B4 solid; font-family:'Montserrat', sans-serif; color: white !important; cursor:pointer;
font-style: normal; font-size: 1em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  /*Rounded angles*/-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; behavior: url(/css/border-radius.htc);}
.showme:hover {background-color:#1285bb; outline:none; text-decoration:none;}
.forms-header {background-color:#ec1c24; min-height:4rem;}
.inner-narrow {width: 100%; width: 800px; margin: 0 auto; padding-top:10px; padding-left:10px;}
@media only screen and (min-width: 481px) and (max-width: 770px) {
.header-red-contents {margin: 0 auto; height: 4rem; font-family: "Helvetica Neue",sans-serif;}
}


/****************/
/*  HEADER-TOP  */
/****************/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(/fonts/montserrat.woff) format('woff');
}
/* SITENAME AND SLOGAN */
.sitelogo {position:absolute; z-index:1; margin:10px 0 0 20px;}

/* GLOBAL NAVIGATION */

.header-red-contents ul {margin:5px 0 0 0;}
.header-red-contents ul li {display: inline; padding:0px 0 0 10px; background:none;}
.header-red-contents a{color: #fff; font-weight:500; text-decoration: none !important;}
.header-red-contents a:hover {color: #c1c1c1;}
.header-red-contents a.active {color: #c1c1c1 !important;}
.header-red-contents .show-menu {display:none;}
.header-red-contents input[type=checkbox]{display: none;}

.nav_sec_level-mob {display:none;}
.nav_sec_level {float:none; margin:0 auto; display:inline; padding-left:30px;}
.nav_sec_level h1 {text-decoration:none; font-size:1.8em; color:rgb(0,0,0); font-weight:bold; text-align:left;}
.nav_sec_level li {display:inline; list-style:none; background:none; margin:0; padding:0; color:#333333; line-height:3em;}
.nav_sec_level li.title {font-weight:normal; font-size:120%; display:inline; padding-right:2.0em;}
.nav_sec_level li a {display:inline; margin:0 15px 0 0; padding:2px 0px 2px 0px; color:#333333; font-weight:normal; text-decoration:none; font-size:78%;}
.nav_sec_level a:hover { color:#848484;}
.nav_sec_level li.selected {color:#848484;}
.nav_sec_level li.selected a {color:#848484;}
.nav_sec_level li.selected a:hover {text-decoration:none;}
 
.trial-header-cta {outline:none; padding:9px 8px !important; margin-left:10px; background-color:none; border: 2px rgb(255,255,255) solid; font-family: "Helvetica Neue",sans-serif; color: white !important; cursor:pointer;
font-style: normal; font-size: 1em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  /*Rounded angles*/-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; behavior: url(/css/border-radius.htc);}
.trial-header-cta:hover {background-color:#1285bb; outline:none; text-decoration:none;}


/************/
/*  FOOTER  */
/************/
.ctafooter {width: 100%; /*display: block;*/ display: table; padding: 25px 0; min-width: 1000px; background-color: #1594d0; border-top: 1px solid #eaeaea; /*position: fixed; top: 25px; z-index: 0;*/}

.footer p {clear:both; line-height:1.3em; text-align:center; font-weight:bold;}
.footer p.credits {clear:both; font-weight:normal;}
.footer a {text-decoration: none;color:#666666;}
.footer a:hover {color: #000; text-decoration: none;}

.footer {padding-top: 25px;}
.footer-navi {width: 960px; margin: 0 auto;}
 .footer-navi ul {padding:0; width:100%;}
.footer-navi ul li {display:inline-table; list-style: none; width: 140px; background:none; margin:0; padding:0 0 0 0.5em;}
.footer-navi ul li a{font-weight: bold; padding:0 0 0 0.5em;}
.footer-navi  ul.sub-menu {margin-top: 8px; padding:0;}
 .footer-navi ul.sub-menu a {padding:0 !important;}
.footer-navi ul.sub-menu li a {font-weight: normal;}
.footer-navi ul.sub-menu li a:hover {color:#000;text-decoration: none;}
.sub-footer-contents {float: left; margin: 0 auto; width: 960px; padding:15px 0; border-top: 1px solid #656565;}
.sub-footer {width: 960px; margin: 0 auto; font-weight: normal; display: block; padding: 0 5px; clear:both;}
.sub-footer .info{display: block; clear: both; text-align: center;}
.sub-footer .copy-nav{text-align: center;}
.sub-footer .social-links a{float: right;}

/*********************/
/*  ROUNDED CORNERS  */
/*********************/

/* PAGE */
.corner-page-top {width:800px; height:10px; background:transparent url(../img/bg_corner_page_top.gif) no-repeat; overflow:hidden;}
.corner-page-bottom {width:800px; height:10px; padding-bottom:20px; background:transparent url(../img/bg_corner_page_bottom.gif) no-repeat; overflow:hidden;}


/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-1col-nobox:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .subcontent-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after, .corner-subcontent-top:after, .corner-subcontent-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/  visibility:hidden;}

 /********************************************/
/*  USED ONLY FOR DEMO PAGE FOR GRID SETUP  */
/*  Do not use for operational purposes     */
/********************************************/
.main p.demo {margin:0; padding:10px 20px 50px 20px;}


/******************************************/
/*  YOUR OWN USER STYLES                  */
/*  If you want to add your own styles,   */
/*  then add them here below in order to  */
/*  avoid a mixup with default styles.    */
/******************************************/