body{

      background-image:url('{!$Resource.LoginDiscoveryBG}');
            height: 90%;
            background-size:cover;
       background-position:center;


}

.staff-login{
        color: #0067B8;
        font-size: 0.8125rem;
        text-align: left;
        text-decoration: none;
        }

#content,.container{
background-color:#ffffff;
}
 #header{
     color:#51606E;
}
 #header,#footer{
     color:#000000;
}
 #signup{
     color:#000000;
}
 #use_new_identity{
     color: #000000;
     text-decoration:underline;
}
 #use_new_identity:hover,#use_new_identity:active{
     color:#000000;
}
 #or_use_idp,#employee_login{
     color:#000000;
}
 #cancel_idp,#cancel_idp_hint,#employee_login_link{
     color: #000000;
     text-decoration:underline;
}
 #cancel_idp:hover,#cancel_idp:active,#cancel_idp_hint:hover,#cancel_idp_hint:active,#employee_login_link:hover,#employee_login_link:active{
     color:#000000;
}
 .primarys{
     background-color:#005ca6d6;
     margin-left: 14pc;
}
 .primarys:hover,.primarys:focus {
     color: white;
}
 .primarys{
     color:#000000;
}
 .primarys{
     border:#CCB8A5;
}
 body{
     display: table;
     width:100%;
}
 #content{
     margin-bottom:24px;
}
 #wrap{
     height:100%;
}
 #right{
     display:none;
}
 .loginError{
     word-wrap:break-word;
}
 @font-face {
     font-family: 'SFS';
     src: url("/login/assets/fonts/SalesforceSans/SalesforceSans-Regular.eot");
    /* IE9 */
     src: url("/login/assets/fonts/SalesforceSans/SalesforceSans-Regular.eot?#iefix") format('embedded-opentype'), 
    /* IE6-IE8 */
     url("/login/assets/fonts/SalesforceSans/SalesforceSans-Regular.woff2") format('woff2'), 
    /* Chrome 26+, Opera 23+ */
     url("/login/assets/fonts/SalesforceSans/SalesforceSans-Regular.woff") format('woff'), 
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
     url("/login/assets/fonts/SalesforceSans/SalesforceSans-Regular.svg#web") format('svg');
    /* Legacy iOS */
}
 @font-face {
     font-family: 'SFSLight';
     src: url('/login/assets/fonts/SalesforceSans/SalesforceSans-Light.eot') format('eot');
    /* IE9 */
     src: url("/login/assets/fonts/SalesforceSans/SalesforceSans-Light.eot?#iefix") format('embedded-opentype'), 
    /* IE6-IE8 */
     url('/login/assets/fonts/SalesforceSans/SalesforceSans-Light.woff2') format('woff2'), 
    /* Chrome 26+, Opera 23+ */
     url('/login/assets/fonts/SalesforceSans/SalesforceSans-Light.woff') format('woff'), 
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
     url('/login/assets/fonts/SalesforceSans/SalesforceSans-Light.svg#web') format('svg');
    /* Legacy iOS */
}
 html, body {
     height: 100%;
     font-family: SFS, Arial, sans-serif;
     color: #16325c;
}
 body {
     padding: 0px;
     background-position: center;
     background-size: cover;
     margin: 0 auto;
     font-size: .8125rem;
}
 h1 {
     font-size: 1.5rem;
     font-family: SFSLight, Arial, sans-serif;
}
 h2 {
     font-size: 1.125rem;
     font-family: SFSLight, Arial, sans-serif;
}
 h3 {
     font-size: .875rem;
     font-family: SFSLight, Arial, sans-serif;
}
 :placeholder {
     color: #54698d;
}
 ::-webkit-input-placeholder {
     color: #54698d;
}
 :-moz-placeholder {
    /* Firefox 18- */
     color: #54698d;
     opacity: 1;
}
 ::-moz-placeholder {
    /* Firefox 19+ */
     color: #54698d;
     opacity: 1;
}
 :-ms-input-placeholder {
     color: #54698d;
}
/* Positioning */
 .pr {
     position: relative;
}
 .di {
     display: inline;
}
 .dib {
     display: inline-block;
}
 .tc {
     text-align: center;
}
 .tr {
     text-align: right;
}
/* Floats */
 .fl {
     float: left;
}
 .fr {
     float: right;
}
/* Margins */
 .ma {
     margin: 0 auto;
}
 .mr8 {
     margin-right: 8px;
}
 .mr16 {
     margin-right: 16px;
}
 .mb8 {
     margin-bottom: 8px;
}
 .mb12 {
     margin-bottom: .75rem;
}
 .mb14 {
     margin-bottom: .875rem;
}
 .mb16 {
     margin-bottom: 1rem;
}
 .mb20 {
     margin-bottom: 1.25rem;
}
 .mb24 {
     margin-bottom: 1.5rem;
}
 .mt8 {
     margin-top: .5rem;
}
 .mt16 {
     margin-top: 16px;
}
 .mt24 {
     margin-top: 24px;
}
/* Radius */
 .r4s {
     border-radius: 4px;
}
/* Padding */
 .p16 {
     padding: 16px 0;
}
 .pt16 {
     padding-top: 16px;
}
 .pt20 {
     padding-top: 20px;
}
 .pt40 {
     padding-top: 40px;
}
/* Borders */
 .bt {
     border-top: 1px solid #F4F6F9;
}
 img.logo {
     width: 160px;
}
 img {
     vertical-align: middle;
     border: 0;
}
 a {
     text-decoration: none;
     transition: all 0.1s;
}
 a:hover, a:active {
     color: #005fb2;
}
 a:focus {
     outline: thin dotted #333;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}
 .required {
     color: #CF4F43;
}
 p {
     display: block;
     text-align: left;
     text-align: start;
     margin:0px;
     line-height: 1.5rem;
}
 ul {
     padding-left:20px;
     list-style-type: disc;
}
 .whiteHeader {
     color: #fff;
}
/*the UL above seems to break the next element so put in a no-op*/
 code{
}
 .passwordul {
     padding-left:0px;
     list-style-type: none;
}
/*the UL above seems to break the next element so put in a no-op*/
 code{
}
 .passwordicon {
     padding-right:8px;
     width: 16px;
}
 .disabled {
}
 .small {
     font-size: .75rem;
}
 p.small a {
     font-size: .75rem;
}
 .label {
     font-size: 12px;
     color: #54698d;
     margin: 0 0 8px 0;
     line-height: inherit;
}
 div, form {
     margin: 0px;
     padding: 0px;
}
 .zen-assistiveText {
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
     clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
     clip: rect(1px, 1px, 1px, 1px);
}
 .buttons {
     padding: 12px 24px;
     border-radius: 4px;
     border: 0;
     font-size: .8125rem;
     font-family: SFS, Arial, sans-serif;
     color: white;
     cursor: pointer;
     background-image: none !important;
}
 .buttons:hover {
     color: white;
}
/* Style a link to look like a button */
 a.button {
     display: inline-block;
     box-sizing: border-box;
     text-align: center;
}
 a.primary, a.primary:link, a.primary:visited, a.primary:hover, a.primary:active {
     color: white;
}
 a.secondary, a.secondary:link, a.secondary:primary, a.secondary:hover, a.secondary:active {
     color: #CCB8A5;
}
 button#password-button:disabled {
     cursor: default;
}
 .fiftyfifty {
     width: 48%;
}
 .error {
     color: #CF4F43;
}
 .errorcode {
     font-size:10px;
     color: #54698d;
    /* Color for labels */
}
 .primary {
     background-color: #CCB8A5;
     color: white;
     transition: all 0.1s;
     border: 1px solid transparent;
}
 .primary:hover, .primary:focus {
     background-color: #CCB8A5;
}
 .secondary {
     background-color: #ffffff;
     border: 1px solid #D8DDE6;
     color: #CCB8A5 !important;
}
 .secondary:hover {
     background-color: #F4F6F9;
}
 .wides {
     width: 35%;
}
 .right {
     float:right;
}
/* Inputs */
 input {
     height: auto !important;
}
 input#answer {
     margin-top: 8px;
}
 input.input, select.input, input.answer-input.input, input.password-input.input {
     border: 1px solid #D8DDE6;
     border-radius: 4px;
     border-image-source: initial;
     border-image-slice: initial;
     border-image-width: initial;
     border-image-outset: initial;
     border-image-repeat: initial;
     background-color: #fff;
     font-family: SFS, Arial, sans-serif;
     box-sizing: border-box;
     -webkit-appearance: none;
     font-size: .8125rem;
     transition: all 0.1s;
}
 .input {
     padding: 12px;
}
 .password-input {
     padding: 12px !important;
}
 .answer-input {
     padding: 12px !important;
}
 select.input#question {
     padding: 12px 40px;
     background-image: url('/img/disclosure.gif');
     background-repeat: no-repeat;
     background-position: 14px 14px;
}
 .input:focus {
     background-color: #ffffff;
     border: 1px solid #1589ee;
     outline: 0;
     box-shadow: 0 0 3px #CCB8A5;
}
 input[type="checkbox"] {
     width: auto;
}
 input.twofactor {
     background-image: url('/img/keys.png');
     background-repeat: no-repeat;
     background-position: 12px, 12px;
     background-size: 14px 18px;
     padding: 12px 40px;
}
 input.error {
     border: 1px solid #C23934;
}
 input[type="radio"] {
     margin-right: 12px;
     margin-bottom: 12px;
}
/* Removes native iOS button styling */
 input[type='submit'] {
     -webkit-appearance: none;
}
 .tablewrapper {
     margin: 0px;
     padding: 0px;
     height: 100%;
     width: 100%;
}
 .username {
     display: block;
}
 .password {
     display: block;
}
 input.answer-input:focus, input.password-input:focus {
     background-color: #ffffff;
     border: 1px solid #1589ee;
     outline: 0;
}
 .password-wrapper {
     position: relative;
     background: #FFF;
}
 .password-message {
     display: block;
     line-height: 45px;
     font-size:10px;
     padding: 0 10px;
     pointer-events: none;
     position: absolute;
     right: 0;
     top: 0;
}
 html[dir="rtl"] .password-message {
     right: auto;
     left: 0;
}
 .password-none {
     border: 1px solid #1589ee;
}
 .password-none-color {
     color: #16325c;
}
 input.password-input.password-weak, input.password-input.password-weak:focus {
     border:1px solid #C23934;
}
 .password-weak-color {
     color: #CF4F43;
}
 input.password-input.password-good, input.password-input.password-good:focus {
     border:1px solid #4bca81;
}
 .password-good-color {
     color: green;
}
 .password-focus {
     border: 1px solid #1589ee;
}
 .password-strong {
}
 .twofactor-input {
     background-image: url('/img/iconCode.png');
     background-repeat: no-repeat;
     background-position: 12px, 12px;
     background-size: 14px 18px;
     padding: 12px 40px;
}
 .phone-input {
     background-image: url('/img/iconPhone.png');
     background-repeat: no-repeat;
     background-position: 12px, 12px;
     background-size: 14px 18px;
     padding: 12px 40px;
}
 .clear-input {
     background-image: url('/img/iconClear.png');
     background-repeat: no-repeat;
     background-position: 12px, 12px;
     background-size: 14px 18px;
     padding: 12px 40px;
}
 #wrapper {
     padding: 20px 0px 0px 0px;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left: auto;
     margin-right: auto;
     max-width: 380px;
     -moz-transition: all 0.25s;
     -webkit-transition: all 0.25s;
     -o-transition: all 0.25s;
     transition: all 0.25s;
}
 .standard_logo_wrapper {
     height: 113px;
     overflow: hidden;
     width: 180px;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     display: table;
}
 .logo_wrapper {
     height: 76;
     overflow: hidden;
     width: 170px;
     text-align: center;
     display: table;
}
 .standard_logo {
     margin-left: auto;
     margin-right: auto;
     vertical-align: middle;
     max-width: 203px;
     max-height: 113px;
}
 #header {
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     font-size: 1.5rem;
     font-family: SFSLight, Arial, sans-serif;
     display: block;
}
 #wrap {
     min-height: 100%;
}
 #main {
     overflow:auto;
     padding-bottom: 48px;
}
/* padding is footer height plus an extra 24px of spacing */
 #footer {
     position: relative;
       /*margin-top: -24px;
    /* negative value of footer height */
     height: 24px;
     width: 100%;
     clear:both;
     text-align: center;
     font-size: .75rem;
     color: white;
}
 #content {
     margin: 0px auto;
     padding: 1.25rem;
     border-radius: 0.25rem;
     border: 1px solid #D8DDE6;
     color: #16325c;
     background: white;
}
 p.large {
     font-size: 1.125rem;
     font-family: SFSLight, Arial, sans-serif;
}
 .important {
     font-weight: bold;
}
 .wordwrap {
     word-wrap: break-word;
}
 .nowrap {
     white-space: nowrap;
}
/* Login page sections */
 #left {
     display: table-cell;
     height: 100%;
}
 #right {
     display: table-cell;
     vertical-align: top;
     background-color: #D8DDE6;
     width: 50%;
     height: 100%;
     color: rgba(255, 255, 255, 0.6);
}
 #right iframe {
     width: 100%;
     height: 100%;
     overflow: hidden;
     border: none;
     float: right;
}
 .container {
     border: 1px solid #D8DDE6;
     padding: 20px;
     border-radius: 4px;
     color: #16325c;
}
/* Login form */
 #pwcaps {
     font-size: 12px;
     color: #54698d;
     margin-top: -8px;
}
 #pwcapsicon {
     margin-right: 8px;
}
 .inputgroup {
     position: relative;
     margin-bottom: 30px;
}
 .loginError {
     color: #C23934;
     margin-bottom: 14px;
     font-size: 12px;
}
 #idcard-container {
     background-color: #ffffff;
     border: 1px solid #D8DDE6;
     padding: 2px;
     border-radius: 4px;
}
 #idcard {
     padding: 3px;
     border-radius: 4px;
     position: relative;
}
 #idcard-identity {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     position: absolute;
     left: 43px;
     right: 36px;
     line-height: 32px;
}
 .avatar {
     width: 24px;
     height: 24px;
     border-radius: 24px;
     vertical-align: middle;
     margin-right: 8px;
     padding: 4px;
     display: inline-block;
}
 .clearlink {
     margin-right: 8px;
     margin-top: 8px;
     float: right;
}
 .clearicon {
     width: 16px;
     height: 16px;
     cursor: hand;
}
/* Login hint editing */
 .nonscrollable {
     border-bottom: 1px solid #D8DDE6;
     border-radius: 4px;
     border-top: 1px solid #D8DDE6;
}
 #manager ul {
     margin: 0;
     padding: 0;
}
 #manager li {
     list-style-type: none;
     padding: 12px;
     font-size: 14px;
     border-left: 1px solid #D8DDE6;
     border-right: 1px solid #D8DDE6;
     border-bottom: 1px solid #f4f6f9;
     position: relative;
}
 #manager li:hover, #manager li:focus {
     background-color:#f4f6f9;
}
 #manager span {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     position: absolute;
     left: 68px;
     right: 36px;
     line-height: 32px;
}
 .hintclearlink {
     margin-top: 8px;
     float: right;
}
 .hintclearicon {
     width: 16px;
     height: 16px;
     cursor: hand;
}
/* Login hint chooser */
 #chooser ul {
     margin: 0;
     padding: 0;
}
 #chooser li {
     list-style-type: none;
     font-size:14px;
     border-left:1px solid #D8DDE6;
     border-right:1px solid #D8DDE6;
     border-bottom:1px solid #f4f6f9;
     margin-bottom:0px;
     position: relative;
}
 #chooser li a:hover, #chooser li a:focus {
     background-color: #f4f6f9;
}
 #idlist span {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     position: absolute;
     left: 68px;
     right: 12px;
     line-height: 32px;
}
 #idlist a {
     color: #16325c;
     width: 100%;
     height: 100%;
     text-decoration: none;
     display: block;
     padding: 12px;
     font-size: 12px;
     box-sizing: border-box;
}
 .thumbnail, .thumbnail_img, .thumbnail_div {
     width:32px;
     height:32px;
     border-radius:32px;
     vertical-align:middle;
     margin-right:8px;
     display:inline-block;
}
 .thumbll_icon {
     position:absolute;
     width:20px;
     height:20px;
     left:30px;
     top:30px;
}
 .scrollable {
     border-bottom:1px solid #D8DDE6;
     border-radius: 4px;
     border-top:1px solid #D8DDE6;
     max-height: 200px;
     overflow: auto;
}
 .activity {
     width:8px;
     border-radius:0px;
     vertical-align:middle;
     margin-right:8px;
}
/* Login page IDP styling */
 #or_use_idp {
     font-size: 18px;
     font-family: SFSLight, Arial, sans-serif;
}
 #idp_section_buttons .thumbnail, #idp_section_chooser .thumbnail {
     width: 24px;
     height: 24px;
     border-radius: 4px;
}
/* button should be the same height with or without a logo */
 #idp_section_buttons button {
     min-height: 50px;
     word-wrap: break-word;
}
 #idp_chooser ul {
     margin: 0;
     padding: 0;
}
 #idp_chooser li {
     list-style-type: none;
     font-size:14px;
     border-left:1px solid #D8DDE6;
     border-right:1px solid #D8DDE6;
     border-bottom:1px solid #f4f6f9;
     margin-bottom: 0px;
}
 #idp_chooser li a:hover {
     background-color:#f4f6f9;
}
 #idp_chooser li a:focus {
     background-color:#f4f6f9;
}
 #idplist a {
     color: #16325c;
     text-decoration: none;
     display: block;
     padding: 12px;
     font-size: 14px;
     word-wrap: break-word;
}
 #idpscrollable {
     border-bottom:1px solid #D8DDE6;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
     border-top:1px solid #D8DDE6;
     max-height:190px;
     overflow: auto;
}
 #idp_search {
     background-image: url('/img/grey_magnifier.png');
     background-repeat: no-repeat;
     background-position: 15px 12px;
     background-size: 16px 19px;
     padding: 12px 12px 12px 44px;
     border-bottom: 0px;
     background-color: #ffffff;
}
 #idp_search:focus {
     border-bottom:0px;
     background-color: #ffffff;
     border: 1px solid #1589ee;
     outline: 0;
     box-shadow: 0 0 3px #CCB8A5;
}
 fieldset.borderless {
     border: 0;
     padding: 0 0 0 0;
     margin: 0;
     min-width: 0;
}
 @media only screen and (max-width: 1024px) {
     #left {
         width: 100%;
    }
     #right {
         display: none;
    }
}
 @media only screen and (max-width: 480px) {
     #wrapper {
         max-width: 100%;
         margin-left: inherit;
         left: inherit;
         padding-top: 20px !important;
    }
     #content {
         border-left: 0px;
         border-right: 0px;
         border-radius: 0px;
    }
     .button {
         font-size: 1rem;
    }
     .label, .small, #footer {
         font-size: .875rem;
    }
    /* font must be at least 16px to prevent auto-zooming on iOS devices */
     input.input {
         font-size: 200rem;
    }
}
 @media only screen and (min-height: 1200px) {
     #wrapper {
         padding-top: 240px;
    }
}
 @media only screen and (max-height: 1200px) {
     #wrapper {
         padding-top: 180px;
    }
}
 @media only screen and (max-height: 1000px) {
     #wrapper {
         padding-top: 140px;
    }
}
 @media only screen and (max-height: 900px) {
     #wrapper {
         padding-top: 100px;
    }
}
 @media only screen and (max-height: 736px) {
     #wrapper {
         padding-top: 60px;
    }
}
 @media only screen and (max-height: 670px) {
     #wrapper {
         padding-top: 40px;
    }
}
 @media only screen and (max-height: 610px) {
     #wrapper {
         padding-top: 20px;
    }
}
 @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
 .info-msg, .success-msg, .warning-msg, .error-msg {
     margin: 5px 0;
     padding: 0px;
     border-radius: 3px 3px 3px 3px;
}
 .info-msg {
     color: #059;
     background-color: #BEF;
}
 .success-msg {
     color: #270;
     background-color: #DFF2BF;
}
 .warning-msg {
     color: #e81123;
     font-size: 12px;
}
 .error-msg {
     color: #D8000C;
     background-color: #FFBABA;
}
/* Just for CodePen styling - don't include if you copy paste */
 html {
     font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     font-weight: 300;
}
 .signintext{
     font-size: 1.25rem;
     font-weight: 600;
     padding: 0;
     margin-top: auto;
     margin-bottom: 12px;
     font-family: "Segoe UI","Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
}
 html{
     font-family:sans-serif;
     -ms-text-size-adjust:100%;
     -webkit-text-size-adjust:100% 
}
 body{
     margin:0 
}
 article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
     display:block 
}
 audio,canvas,progress,video{
     display:inline-block;
     vertical-align:baseline 
}
 audio:not([controls]){
     display:none;
     height:0 
}
 [hidden],template{
     display:none 
}
 a{
     background-color:transparent 
}
 a:active,a:hover{
     outline:0 
}
 abbr[title]{
     border-bottom:1px dotted 
}
 b,strong{
     font-weight:bold 
}
 dfn{
     font-style:italic 
}
 h1{
     font-size:2em;
     margin:.67em 0 
}
 mark{
     background:#ff0;
     color:#000 
}
 small{
     font-size:80% 
}
 sub,sup{
     font-size:75%;
     line-height:0;
     position:relative;
     vertical-align:baseline 
}
 sup{
     top:-0.5em 
}
 sub{
     bottom:-0.25em 
}
 img{
     border:0 
}
 svg:not(:root){
     overflow:hidden 
}
 figure{
     margin:1em 40px 
}
 hr{
     -moz-box-sizing:content-box;
     box-sizing:content-box;
     height:0 
}
 pre{
     overflow:auto 
}
 code,kbd,pre,samp{
     font-family:monospace,monospace;
     font-size:1em 
}
 button,input,optgroup,select,textarea{
     color:inherit;
     font:inherit;
     margin:0 
}
 button{
     overflow:visible 
}
 button,select{
     text-transform:none 
}
 button,html input[type="button"],input[type="reset"],input[type="submit"]{
     -webkit-appearance:button;
     cursor:pointer 
}
 button[disabled],html input[disabled]{
     cursor:default 
}
 button::-moz-focus-inner,input::-moz-focus-inner{
     border:0;
     padding:0 
}
 input{
     line-height:normal 
}
 input[type="checkbox"],input[type="radio"]{
     box-sizing:border-box;
     padding:0 
}
 input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{
     height:auto 
}
 input[type="search"]{
     -webkit-appearance:textfield;
     -moz-box-sizing:content-box;
     -webkit-box-sizing:content-box;
     box-sizing:content-box 
}
 input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
     -webkit-appearance:none 
}
 fieldset{
     border:1px solid #c0c0c0;
     margin:0 2px;
     padding:.35em .625em .75em 
}
 legend{
     border:0;
     padding:0 
}
 textarea{
     overflow:auto 
}
 optgroup{
     font-weight:bold 
}
 table{
     border-collapse:collapse;
     border-spacing:0 
}
 td,th{
     padding:0 
}
 *{
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box 
}
 *:before,*:after{
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box 
}
 input,button,select,textarea{
     font-family:inherit;
     font-size:inherit;
     line-height:inherit 
}
 a:focus{
     outline:thin dotted;
     outline:5px auto -webkit-focus-ring-color;
     outline-offset:-2px 
}
 figure{
     margin:0 
}
 img{
     vertical-align:middle 
}
 .img-responsive{
     display:block;
     max-width:100%;
     height:auto 
}
 .img-circle{
     border-radius:50% 
}
 .sr-only{
     position:absolute;
     width:1px;
     height:1px;
     margin:-1px;
     padding:0;
     overflow:hidden;
     clip:rect(0, 0, 0, 0);
     border:0 
}
 .sr-only-focusable:active,.sr-only-focusable:focus{
     position:static;
     width:auto;
     height:auto;
     margin:0;
     overflow:visible;
     clip:auto 
}
 html{
     font-size:100% 
}
 body{
     font-family:"Segoe UI Webfont",-apple-system,"Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
     font-size:15px;
     line-height:20px;
     font-weight:400;
     font-size:.9375rem;
     line-height:1.25rem;
     padding-bottom:.227px;
     padding-top:.227px;
     color:#000;
     background-color:#fff 
}
 
 .text-center{
     text-align:center 
}
 .text-justify{
     text-align:justify 
}
 .text-nowrap{
     white-space:nowrap 
}
 .text-lowercase{
     text-transform:lowercase 
}
 .text-uppercase{
     text-transform:uppercase 
}
 .text-capitalize{
     text-transform:capitalize 
}
 ul,ol{
     margin-top:0;
     margin-bottom:10px 
}
 ul ul,ul ol,ol ul,ol ol{
     margin-bottom:0 
}
 abbr[title],abbr[data-original-title]{
     cursor:help 
}
 blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{
     margin-bottom:0 
}
 blockquote footer,blockquote small,blockquote .small{
     display:block 
}
 address{
     font-style:normal 
}
 @font-face{
     font-family:'Segoe UI Webfont';
     src:local("Segoe UI Light");
     font-weight:200;
     font-style:normal 
}
 @font-face{
     font-family:'Segoe UI Webfont';
     src:local("Segoe UI");
     font-weight:400;
     font-style:normal 
}
 @font-face{
     font-family:'Segoe UI Webfont';
     src:local("Segoe UI Semibold");
     font-weight:600;
     font-style:normal 
}
 h1,h2,h3,h4,h5,h6,.text-headline,.text-header,.text-subheader,.text-title,.text-subtitle,.text-body,.text-base,.text-caption,.text-caption-alt,.text-subcaption,p{
     margin-bottom:20px;
     margin-top:5px;
}
 .text-headline{
     font-size:62px;
     line-height:80px;
     font-weight:200;
     font-size:3.875rem;
     line-height:5rem;
     padding-bottom:2.2716px;
     padding-top:2.2716px 
}
 .text-headline.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:84.5432px;
     max-height:5.28395rem 
}
 .text-headline.text-maxlines-2{
     max-height:164.5432px;
     max-height:10.28395rem 
}
 .text-headline.text-maxlines-3{
     max-height:244.5432px;
     max-height:15.28395rem 
}
 .text-headline.text-maxlines-4{
     max-height:324.5432px;
     max-height:20.28395rem 
}
 .text-header,h1{
     font-size:46px;
     line-height:56px;
     font-weight:200;
     font-size:2.875rem;
     line-height:3.5rem;
}
 .text-header.text-maxlines-1,h1.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:62.7256px;
     max-height:3.92035rem 
}
 .text-header.text-maxlines-2,h1.text-maxlines-2{
     max-height:118.7256px;
     max-height:7.42035rem 
}
 .text-header.text-maxlines-3,h1.text-maxlines-3{
     max-height:174.7256px;
     max-height:10.92035rem 
}
 .text-header.text-maxlines-4,h1.text-maxlines-4{
     max-height:230.7256px;
     max-height:14.42035rem 
}
 .text-subheader,h2{
     font-size:34px;
     line-height:40px;
     font-weight:200;
     font-size:2.125rem;
     line-height:2.5rem;
     padding-bottom:3.1812px;
     padding-top:3.1812px 
}
 .text-subheader.text-maxlines-1,h2.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:46.3624px;
     max-height:2.89765rem 
}
 .text-subheader.text-maxlines-2,h2.text-maxlines-2{
     max-height:86.3624px;
     max-height:5.39765rem 
}
 .text-subheader.text-maxlines-3,h2.text-maxlines-3{
     max-height:126.3624px;
     max-height:7.89765rem 
}
 .text-subheader.text-maxlines-4,h2.text-maxlines-4{
     max-height:166.3624px;
     max-height:10.39765rem 
}
 .text-title,h3{
     font-size:24px;
     line-height:28px;
     font-weight:300;
     font-size:1.5rem;
     line-height:1.75rem;
     padding-bottom:2.3632px;
     padding-top:2.3632px 
}
 .text-title.text-maxlines-1,h3.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:32.7264px;
     max-height:2.0454rem 
}
 .text-title.text-maxlines-2,h3.text-maxlines-2{
     max-height:60.7264px;
     max-height:3.7954rem 
}
 .text-title.text-maxlines-3,h3.text-maxlines-3{
     max-height:88.7264px;
     max-height:5.5454rem 
}
 .text-title.text-maxlines-4,h3.text-maxlines-4{
     max-height:116.7264px;
     max-height:7.2954rem 
}
 .text-subtitle,h4{
     font-size:20px;
     line-height:24px;
     font-weight:400;
     font-size:1.25rem;
     line-height:1.5rem;
     padding-bottom:1.636px;
     padding-top:1.636px 
}
 .text-subtitle.text-maxlines-1,h4.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:27.272px;
     max-height:1.7045rem 
}
 .text-subtitle.text-maxlines-2,h4.text-maxlines-2{
     max-height:51.272px;
     max-height:3.2045rem 
}
 .text-subtitle.text-maxlines-3,h4.text-maxlines-3{
     max-height:75.272px;
     max-height:4.7045rem 
}
 .text-subtitle.text-maxlines-4,h4.text-maxlines-4{
     max-height:99.272px;
     max-height:6.2045rem 
}
 .text-caption,h5{
     font-size:12px;
     line-height:14px;
     font-weight:400;
     font-size:.75rem;
     line-height:.875rem;
     padding-bottom:1.1816px;
     padding-top:1.1816px 
}
 .text-caption.text-maxlines-1,h5.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:16.3632px;
     max-height:1.0227rem 
}
 .text-caption.text-maxlines-2,h5.text-maxlines-2{
     max-height:30.3632px;
     max-height:1.8977rem 
}
 .text-caption.text-maxlines-3,h5.text-maxlines-3{
     max-height:44.3632px;
     max-height:2.7727rem 
}
 .text-caption.text-maxlines-4,h5.text-maxlines-4{
     max-height:58.3632px;
     max-height:3.6477rem 
}
 .text-caption-alt,h6{
     font-size:10px;
     line-height:12px;
     font-weight:400;
     font-size:.625rem;
     line-height:.75rem;
     padding-bottom:.818px;
     padding-top:.818px 
}
 .text-caption-alt.text-maxlines-1,h6.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:13.636px;
     max-height:.85225rem 
}
 .text-caption-alt.text-maxlines-2,h6.text-maxlines-2{
     max-height:25.636px;
     max-height:1.60225rem 
}
 .text-caption-alt.text-maxlines-3,h6.text-maxlines-3{
     max-height:37.636px;
     max-height:2.35225rem 
}
 .text-caption-alt.text-maxlines-4,h6.text-maxlines-4{
     max-height:49.636px;
     max-height:3.10225rem 
}
 .text-subcaption{
     font-size:8px;
     line-height:10px;
     font-weight:400;
     font-size:.5rem;
     line-height:.625rem;
     padding-bottom:.4544px;
     padding-top:.4544px 
}
 .text-subcaption.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:10.9088px;
     max-height:.6818rem 
}
 .text-subcaption.text-maxlines-2{
     max-height:20.9088px;
     max-height:1.3068rem 
}
 .text-subcaption.text-maxlines-3{
     max-height:30.9088px;
     max-height:1.9318rem 
}
 .text-subcaption.text-maxlines-4{
     max-height:40.9088px;
     max-height:2.5568rem 
}
 .text-body,p{
     font-size:15px;
     line-height:20px;
     font-weight:400;
     font-size:.9375rem;
     line-height:1.25rem;
     padding-bottom:.227px;
     padding-top:.227px 
}
 .text-body.text-maxlines-1,p.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:20.454px;
     max-height:1.27838rem 
}
 .text-body.text-maxlines-2,p.text-maxlines-2{
     max-height:40.454px;
     max-height:2.52838rem 
}
 .text-body.text-maxlines-3,p.text-maxlines-3{
     max-height:60.454px;
     max-height:3.77838rem 
}
 .text-body.text-maxlines-4,p.text-maxlines-4{
     max-height:80.454px;
     max-height:5.02838rem 
}
 .text-base{
     font-size:15px;
     line-height:20px;
     font-weight:600;
     font-size:.9375rem;
     line-height:1.25rem;
     padding-bottom:.227px;
     padding-top:.227px 
}
 .text-base.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:20.454px;
     max-height:1.27838rem 
}
 .text-base.text-maxlines-2{
     max-height:40.454px;
     max-height:2.52838rem 
}
 .text-base.text-maxlines-3{
     max-height:60.454px;
     max-height:3.77838rem 
}
 .text-base.text-maxlines-4{
     max-height:80.454px;
     max-height:5.02838rem 
}
 [class*="text-maxlines"]{
     overflow:hidden 
}
 .text-left{
     text-align:left 
}
 .text-right{
     text-align:right 
}
 .list-unstyled{
     padding-left:0;
     list-style:none 
}
 ul{
     padding-left:0;
     list-style:none 
}
 ul,ol{
     margin-top:20px;
     margin-bottom:20px 
}
 ul li,ol li{
     margin-top:12px;
     margin-bottom:12px 
}
 .list-inline{
     padding-left:0;
     list-style:none;
     margin-left:-4px 
}
 .list-inline>li{
     display:inline-block;
     padding-left:4px;
     padding-right:4px 
}
 blockquote{
     padding:8px 12px;
     margin:0 0 12px 
}
 .blockquote-reverse,blockquote.pull-right{
     padding-right:12px;
     padding-left:0;
     text-align:right 
}
 address{
     margin-bottom:12px 
}
 .container,.container-fluid{
     margin-right:auto;
     margin-left:auto;
     padding-left:2px;
     padding-right:2px;
     width:90% 
}
 .container:before,.container:after,.container-fluid:before,.container-fluid:after{
     content:" ";
     display:table 
}
 .container:after,.container-fluid:after{
     clear:both 
}
 .container .container,.container-fluid .container{
     width:auto 
}
 .row{
     margin-left:-2px;
     margin-right:-2px 
}
 .row:before,.row:after{
     content:" ";
     display:table 
}
 .row:after{
     clear:both 
}
 .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,.col-xs-13,.col-sm-13,.col-md-13,.col-lg-13,.col-xs-14,.col-sm-14,.col-md-14,.col-lg-14,.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15,.col-xs-16,.col-sm-16,.col-md-16,.col-lg-16,.col-xs-17,.col-sm-17,.col-md-17,.col-lg-17,.col-xs-18,.col-sm-18,.col-md-18,.col-lg-18,.col-xs-19,.col-sm-19,.col-md-19,.col-lg-19,.col-xs-20,.col-sm-20,.col-md-20,.col-lg-20,.col-xs-21,.col-sm-21,.col-md-21,.col-lg-21,.col-xs-22,.col-sm-22,.col-md-22,.col-lg-22,.col-xs-23,.col-sm-23,.col-md-23,.col-lg-23,.col-xs-24,.col-sm-24,.col-md-24,.col-lg-24{
     position:relative;
     min-height:1px;
     padding-left:2px;
     padding-right:2px 
}
 .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-13,.col-xs-14,.col-xs-15,.col-xs-16,.col-xs-17,.col-xs-18,.col-xs-19,.col-xs-20,.col-xs-21,.col-xs-22,.col-xs-23,.col-xs-24{
     float:left 
}
 .col-xs-1{
     width:4.16667% 
}
 .col-xs-2{
     width:8.33333% 
}
 .col-xs-3{
     width:12.5% 
}
 .col-xs-4{
     width:16.66667% 
}
 .col-xs-5{
     width:20.83333% 
}
 .col-xs-6{
     width:25% 
}
 .col-xs-7{
     width:29.16667% 
}
 .col-xs-8{
     width:33.33333% 
}
 .col-xs-9{
     width:37.5% 
}
 .col-xs-10{
     width:41.66667% 
}
 .col-xs-11{
     width:45.83333% 
}
 .col-xs-12{
     width:50% 
}
 .col-xs-13{
     width:54.16667% 
}
 .col-xs-14{
     width:58.33333% 
}
 .col-xs-15{
     width:62.5% 
}
 .col-xs-16{
     width:66.66667% 
}
 .col-xs-17{
     width:70.83333% 
}
 .col-xs-18{
     width:75% 
}
 .col-xs-19{
     width:79.16667% 
}
 .col-xs-20{
     width:83.33333% 
}
 .col-xs-21{
     width:87.5% 
}
 .col-xs-22{
     width:91.66667% 
}
 .col-xs-23{
     width:95.83333% 
}
 .col-xs-24{
     width:100% 
}
 .col-xs-pull-0{
     right:auto 
}
 .col-xs-pull-1{
     right:4.16667% 
}
 .col-xs-pull-2{
     right:8.33333% 
}
 .col-xs-pull-3{
     right:12.5% 
}
 .col-xs-pull-4{
     right:16.66667% 
}
 .col-xs-pull-5{
     right:20.83333% 
}
 .col-xs-pull-6{
     right:25% 
}
 .col-xs-pull-7{
     right:29.16667% 
}
 .col-xs-pull-8{
     right:33.33333% 
}
 .col-xs-pull-9{
     right:37.5% 
}
 .col-xs-pull-10{
     right:41.66667% 
}
 .col-xs-pull-11{
     right:45.83333% 
}
 .col-xs-pull-12{
     right:50% 
}
 .col-xs-pull-13{
     right:54.16667% 
}
 .col-xs-pull-14{
     right:58.33333% 
}
 .col-xs-pull-15{
     right:62.5% 
}
 .col-xs-pull-16{
     right:66.66667% 
}
 .col-xs-pull-17{
     right:70.83333% 
}
 .col-xs-pull-18{
     right:75% 
}
 .col-xs-pull-19{
     right:79.16667% 
}
 .col-xs-pull-20{
     right:83.33333% 
}
 .col-xs-pull-21{
     right:87.5% 
}
 .col-xs-pull-22{
     right:91.66667% 
}
 .col-xs-pull-23{
     right:95.83333% 
}
 .col-xs-pull-24{
     right:100% 
}
 .col-xs-push-0{
     left:auto 
}
 .col-xs-push-1{
     left:4.16667% 
}
 .col-xs-push-2{
     left:8.33333% 
}
 .col-xs-push-3{
     left:12.5% 
}
 .col-xs-push-4{
     left:16.66667% 
}
 .col-xs-push-5{
     left:20.83333% 
}
 .col-xs-push-6{
     left:25% 
}
 .col-xs-push-7{
     left:29.16667% 
}
 .col-xs-push-8{
     left:33.33333% 
}
 .col-xs-push-9{
     left:37.5% 
}
 .col-xs-push-10{
     left:41.66667% 
}
 .col-xs-push-11{
     left:45.83333% 
}
 .col-xs-push-12{
     left:50% 
}
 .col-xs-push-13{
     left:54.16667% 
}
 .col-xs-push-14{
     left:58.33333% 
}
 .col-xs-push-15{
     left:62.5% 
}
 .col-xs-push-16{
     left:66.66667% 
}
 .col-xs-push-17{
     left:70.83333% 
}
 .col-xs-push-18{
     left:75% 
}
 .col-xs-push-19{
     left:79.16667% 
}
 .col-xs-push-20{
     left:83.33333% 
}
 .col-xs-push-21{
     left:87.5% 
}
 .col-xs-push-22{
     left:91.66667% 
}
 .col-xs-push-23{
     left:95.83333% 
}
 .col-xs-push-24{
     left:100% 
}
 .col-xs-offset-0{
     margin-left:0 
}
 .col-xs-offset-1{
     margin-left:4.16667% 
}
 .col-xs-offset-2{
     margin-left:8.33333% 
}
 .col-xs-offset-3{
     margin-left:12.5% 
}
 .col-xs-offset-4{
     margin-left:16.66667% 
}
 .col-xs-offset-5{
     margin-left:20.83333% 
}
 .col-xs-offset-6{
     margin-left:25% 
}
 .col-xs-offset-7{
     margin-left:29.16667% 
}
 .col-xs-offset-8{
     margin-left:33.33333% 
}
 .col-xs-offset-9{
     margin-left:37.5% 
}
 .col-xs-offset-10{
     margin-left:41.66667% 
}
 .col-xs-offset-11{
     margin-left:45.83333% 
}
 .col-xs-offset-12{
     margin-left:50% 
}
 .col-xs-offset-13{
     margin-left:54.16667% 
}
 .col-xs-offset-14{
     margin-left:58.33333% 
}
 .col-xs-offset-15{
     margin-left:62.5% 
}
 .col-xs-offset-16{
     margin-left:66.66667% 
}
 .col-xs-offset-17{
     margin-left:70.83333% 
}
 .col-xs-offset-18{
     margin-left:75% 
}
 .col-xs-offset-19{
     margin-left:79.16667% 
}
 .col-xs-offset-20{
     margin-left:83.33333% 
}
 .col-xs-offset-21{
     margin-left:87.5% 
}
 .col-xs-offset-22{
     margin-left:91.66667% 
}
 .col-xs-offset-23{
     margin-left:95.83333% 
}
 .col-xs-offset-24{
     margin-left:100% 
}
 @media (min-width:540px){
     .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-13,.col-sm-14,.col-sm-15,.col-sm-16,.col-sm-17,.col-sm-18,.col-sm-19,.col-sm-20,.col-sm-21,.col-sm-22,.col-sm-23,.col-sm-24{
         float:left 
    }
     .col-sm-1{
         width:4.16667% 
    }
     .col-sm-2{
         width:8.33333% 
    }
     .col-sm-3{
         width:12.5% 
    }
     .col-sm-4{
         width:16.66667% 
    }
     .col-sm-5{
         width:20.83333% 
    }
     .col-sm-6{
         width:25% 
    }
     .col-sm-7{
         width:29.16667% 
    }
     .col-sm-8{
         width:33.33333% 
    }
     .col-sm-9{
         width:37.5% 
    }
     .col-sm-10{
         width:41.66667% 
    }
     .col-sm-11{
         width:45.83333% 
    }
     .col-sm-12{
         width:50% 
    }
     .col-sm-13{
         width:54.16667% 
    }
     .col-sm-14{
         width:58.33333% 
    }
     .col-sm-15{
         width:62.5% 
    }
     .col-sm-16{
         width:66.66667% 
    }
     .col-sm-17{
         width:70.83333% 
    }
     .col-sm-18{
         width:75% 
    }
     .col-sm-19{
         width:79.16667% 
    }
     .col-sm-20{
         width:83.33333% 
    }
     .col-sm-21{
         width:87.5% 
    }
     .col-sm-22{
         width:91.66667% 
    }
     .col-sm-23{
         width:95.83333% 
    }
     .col-sm-24{
         width:100% 
    }
     .col-sm-pull-0{
         right:auto 
    }
     .col-sm-pull-1{
         right:4.16667% 
    }
     .col-sm-pull-2{
         right:8.33333% 
    }
     .col-sm-pull-3{
         right:12.5% 
    }
     .col-sm-pull-4{
         right:16.66667% 
    }
     .col-sm-pull-5{
         right:20.83333% 
    }
     .col-sm-pull-6{
         right:25% 
    }
     .col-sm-pull-7{
         right:29.16667% 
    }
     .col-sm-pull-8{
         right:33.33333% 
    }
     .col-sm-pull-9{
         right:37.5% 
    }
     .col-sm-pull-10{
         right:41.66667% 
    }
     .col-sm-pull-11{
         right:45.83333% 
    }
     .col-sm-pull-12{
         right:50% 
    }
     .col-sm-pull-13{
         right:54.16667% 
    }
     .col-sm-pull-14{
         right:58.33333% 
    }
     .col-sm-pull-15{
         right:62.5% 
    }
     .col-sm-pull-16{
         right:66.66667% 
    }
     .col-sm-pull-17{
         right:70.83333% 
    }
     .col-sm-pull-18{
         right:75% 
    }
     .col-sm-pull-19{
         right:79.16667% 
    }
     .col-sm-pull-20{
         right:83.33333% 
    }
     .col-sm-pull-21{
         right:87.5% 
    }
     .col-sm-pull-22{
         right:91.66667% 
    }
     .col-sm-pull-23{
         right:95.83333% 
    }
     .col-sm-pull-24{
         right:100% 
    }
     .col-sm-push-0{
         left:auto 
    }
     .col-sm-push-1{
         left:4.16667% 
    }
     .col-sm-push-2{
         left:8.33333% 
    }
     .col-sm-push-3{
         left:12.5% 
    }
     .col-sm-push-4{
         left:16.66667% 
    }
     .col-sm-push-5{
         left:20.83333% 
    }
     .col-sm-push-6{
         left:25% 
    }
     .col-sm-push-7{
         left:29.16667% 
    }
     .col-sm-push-8{
         left:33.33333% 
    }
     .col-sm-push-9{
         left:37.5% 
    }
     .col-sm-push-10{
         left:41.66667% 
    }
     .col-sm-push-11{
         left:45.83333% 
    }
     .col-sm-push-12{
         left:50% 
    }
     .col-sm-push-13{
         left:54.16667% 
    }
     .col-sm-push-14{
         left:58.33333% 
    }
     .col-sm-push-15{
         left:62.5% 
    }
     .col-sm-push-16{
         left:66.66667% 
    }
     .col-sm-push-17{
         left:70.83333% 
    }
     .col-sm-push-18{
         left:75% 
    }
     .col-sm-push-19{
         left:79.16667% 
    }
     .col-sm-push-20{
         left:83.33333% 
    }
     .col-sm-push-21{
         left:87.5% 
    }
     .col-sm-push-22{
         left:91.66667% 
    }
     .col-sm-push-23{
         left:95.83333% 
    }
     .col-sm-push-24{
         left:100% 
    }
     .col-sm-offset-0{
         margin-left:0 
    }
     .col-sm-offset-1{
         margin-left:4.16667% 
    }
     .col-sm-offset-2{
         margin-left:8.33333% 
    }
     .col-sm-offset-3{
         margin-left:12.5% 
    }
     .col-sm-offset-4{
         margin-left:16.66667% 
    }
     .col-sm-offset-5{
         margin-left:20.83333% 
    }
     .col-sm-offset-6{
         margin-left:25% 
    }
     .col-sm-offset-7{
         margin-left:29.16667% 
    }
     .col-sm-offset-8{
         margin-left:33.33333% 
    }
     .col-sm-offset-9{
         margin-left:37.5% 
    }
     .col-sm-offset-10{
         margin-left:41.66667% 
    }
     .col-sm-offset-11{
         margin-left:45.83333% 
    }
     .col-sm-offset-12{
         margin-left:50% 
    }
     .col-sm-offset-13{
         margin-left:54.16667% 
    }
     .col-sm-offset-14{
         margin-left:58.33333% 
    }
     .col-sm-offset-15{
         margin-left:62.5% 
    }
     .col-sm-offset-16{
         margin-left:66.66667% 
    }
     .col-sm-offset-17{
         margin-left:70.83333% 
    }
     .col-sm-offset-18{
         margin-left:75% 
    }
     .col-sm-offset-19{
         margin-left:79.16667% 
    }
     .col-sm-offset-20{
         margin-left:83.33333% 
    }
     .col-sm-offset-21{
         margin-left:87.5% 
    }
     .col-sm-offset-22{
         margin-left:91.66667% 
    }
     .col-sm-offset-23{
         margin-left:95.83333% 
    }
     .col-sm-offset-24{
         margin-left:100% 
    }
}
 @media (min-width:768px){
     .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-13,.col-md-14,.col-md-15,.col-md-16,.col-md-17,.col-md-18,.col-md-19,.col-md-20,.col-md-21,.col-md-22,.col-md-23,.col-md-24{
         float:left 
    }
     .col-md-1{
         width:4.16667% 
    }
     .col-md-2{
         width:8.33333% 
    }
     .col-md-3{
         width:12.5% 
    }
     .col-md-4{
         width:16.66667% 
    }
     .col-md-5{
         width:20.83333% 
    }
     .col-md-6{
         width:25% 
    }
     .col-md-7{
         width:29.16667% 
    }
     .col-md-8{
         width:33.33333% 
    }
     .col-md-9{
         width:37.5% 
    }
     .col-md-10{
         width:41.66667% 
    }
     .col-md-11{
         width:45.83333% 
    }
     .col-md-12{
         width:50% 
    }
     .col-md-13{
         width:54.16667% 
    }
     .col-md-14{
         width:58.33333% 
    }
     .col-md-15{
         width:62.5% 
    }
     .col-md-16{
         width:66.66667% 
    }
     .col-md-17{
         width:70.83333% 
    }
     .col-md-18{
         width:75% 
    }
     .col-md-19{
         width:79.16667% 
    }
     .col-md-20{
         width:83.33333% 
    }
     .col-md-21{
         width:87.5% 
    }
     .col-md-22{
         width:91.66667% 
    }
     .col-md-23{
         width:95.83333% 
    }
     .col-md-24{
         width:100% 
    }
     .col-md-pull-0{
         right:auto 
    }
     .col-md-pull-1{
         right:4.16667% 
    }
     .col-md-pull-2{
         right:8.33333% 
    }
     .col-md-pull-3{
         right:12.5% 
    }
     .col-md-pull-4{
         right:16.66667% 
    }
     .col-md-pull-5{
         right:20.83333% 
    }
     .col-md-pull-6{
         right:25% 
    }
     .col-md-pull-7{
         right:29.16667% 
    }
     .col-md-pull-8{
         right:33.33333% 
    }
     .col-md-pull-9{
         right:37.5% 
    }
     .col-md-pull-10{
         right:41.66667% 
    }
     .col-md-pull-11{
         right:45.83333% 
    }
     .col-md-pull-12{
         right:50% 
    }
     .col-md-pull-13{
         right:54.16667% 
    }
     .col-md-pull-14{
         right:58.33333% 
    }
     .col-md-pull-15{
         right:62.5% 
    }
     .col-md-pull-16{
         right:66.66667% 
    }
     .col-md-pull-17{
         right:70.83333% 
    }
     .col-md-pull-18{
         right:75% 
    }
     .col-md-pull-19{
         right:79.16667% 
    }
     .col-md-pull-20{
         right:83.33333% 
    }
     .col-md-pull-21{
         right:87.5% 
    }
     .col-md-pull-22{
         right:91.66667% 
    }
     .col-md-pull-23{
         right:95.83333% 
    }
     .col-md-pull-24{
         right:100% 
    }
     .col-md-push-0{
         left:auto 
    }
     .col-md-push-1{
         left:4.16667% 
    }
     .col-md-push-2{
         left:8.33333% 
    }
     .col-md-push-3{
         left:12.5% 
    }
     .col-md-push-4{
         left:16.66667% 
    }
     .col-md-push-5{
         left:20.83333% 
    }
     .col-md-push-6{
         left:25% 
    }
     .col-md-push-7{
         left:29.16667% 
    }
     .col-md-push-8{
         left:33.33333% 
    }
     .col-md-push-9{
         left:37.5% 
    }
     .col-md-push-10{
         left:41.66667% 
    }
     .col-md-push-11{
         left:45.83333% 
    }
     .col-md-push-12{
         left:50% 
    }
     .col-md-push-13{
         left:54.16667% 
    }
     .col-md-push-14{
         left:58.33333% 
    }
     .col-md-push-15{
         left:62.5% 
    }
     .col-md-push-16{
         left:66.66667% 
    }
     .col-md-push-17{
         left:70.83333% 
    }
     .col-md-push-18{
         left:75% 
    }
     .col-md-push-19{
         left:79.16667% 
    }
     .col-md-push-20{
         left:83.33333% 
    }
     .col-md-push-21{
         left:87.5% 
    }
     .col-md-push-22{
         left:91.66667% 
    }
     .col-md-push-23{
         left:95.83333% 
    }
     .col-md-push-24{
         left:100% 
    }
     .col-md-offset-0{
         margin-left:0 
    }
     .col-md-offset-1{
         margin-left:4.16667% 
    }
     .col-md-offset-2{
         margin-left:8.33333% 
    }
     .col-md-offset-3{
         margin-left:12.5% 
    }
     .col-md-offset-4{
         margin-left:16.66667% 
    }
     .col-md-offset-5{
         margin-left:20.83333% 
    }
     .col-md-offset-6{
         margin-left:25% 
    }
     .col-md-offset-7{
         margin-left:29.16667% 
    }
     .col-md-offset-8{
         margin-left:33.33333% 
    }
     .col-md-offset-9{
         margin-left:37.5% 
    }
     .col-md-offset-10{
         margin-left:41.66667% 
    }
     .col-md-offset-11{
         margin-left:45.83333% 
    }
     .col-md-offset-12{
         margin-left:50% 
    }
     .col-md-offset-13{
         margin-left:54.16667% 
    }
     .col-md-offset-14{
         margin-left:58.33333% 
    }
     .col-md-offset-15{
         margin-left:62.5% 
    }
     .col-md-offset-16{
         margin-left:66.66667% 
    }
     .col-md-offset-17{
         margin-left:70.83333% 
    }
     .col-md-offset-18{
         margin-left:75% 
    }
     .col-md-offset-19{
         margin-left:79.16667% 
    }
     .col-md-offset-20{
         margin-left:83.33333% 
    }
     .col-md-offset-21{
         margin-left:87.5% 
    }
     .col-md-offset-22{
         margin-left:91.66667% 
    }
     .col-md-offset-23{
         margin-left:95.83333% 
    }
     .col-md-offset-24{
         margin-left:100% 
    }
}
 @media (min-width:992px){
     .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-13,.col-lg-14,.col-lg-15,.col-lg-16,.col-lg-17,.col-lg-18,.col-lg-19,.col-lg-20,.col-lg-21,.col-lg-22,.col-lg-23,.col-lg-24{
         float:left 
    }
     .col-lg-1{
         width:4.16667% 
    }
     .col-lg-2{
         width:8.33333% 
    }
     .col-lg-3{
         width:12.5% 
    }
     .col-lg-4{
         width:16.66667% 
    }
     .col-lg-5{
         width:20.83333% 
    }
     .col-lg-6{
         width:25% 
    }
     .col-lg-7{
         width:29.16667% 
    }
     .col-lg-8{
         width:33.33333% 
    }
     .col-lg-9{
         width:37.5% 
    }
     .col-lg-10{
         width:41.66667% 
    }
     .col-lg-11{
         width:45.83333% 
    }
     .col-lg-12{
         width:50% 
    }
     .col-lg-13{
         width:54.16667% 
    }
     .col-lg-14{
         width:58.33333% 
    }
     .col-lg-15{
         width:62.5% 
    }
     .col-lg-16{
         width:66.66667% 
    }
     .col-lg-17{
         width:70.83333% 
    }
     .col-lg-18{
         width:75% 
    }
     .col-lg-19{
         width:79.16667% 
    }
     .col-lg-20{
         width:83.33333% 
    }
     .col-lg-21{
         width:87.5% 
    }
     .col-lg-22{
         width:91.66667% 
    }
     .col-lg-23{
         width:95.83333% 
    }
     .col-lg-24{
         width:100% 
    }
     .col-lg-pull-0{
         right:auto 
    }
     .col-lg-pull-1{
         right:4.16667% 
    }
     .col-lg-pull-2{
         right:8.33333% 
    }
     .col-lg-pull-3{
         right:12.5% 
    }
     .col-lg-pull-4{
         right:16.66667% 
    }
     .col-lg-pull-5{
         right:20.83333% 
    }
     .col-lg-pull-6{
         right:25% 
    }
     .col-lg-pull-7{
         right:29.16667% 
    }
     .col-lg-pull-8{
         right:33.33333% 
    }
     .col-lg-pull-9{
         right:37.5% 
    }
     .col-lg-pull-10{
         right:41.66667% 
    }
     .col-lg-pull-11{
         right:45.83333% 
    }
     .col-lg-pull-12{
         right:50% 
    }
     .col-lg-pull-13{
         right:54.16667% 
    }
     .col-lg-pull-14{
         right:58.33333% 
    }
     .col-lg-pull-15{
         right:62.5% 
    }
     .col-lg-pull-16{
         right:66.66667% 
    }
     .col-lg-pull-17{
         right:70.83333% 
    }
     .col-lg-pull-18{
         right:75% 
    }
     .col-lg-pull-19{
         right:79.16667% 
    }
     .col-lg-pull-20{
         right:83.33333% 
    }
     .col-lg-pull-21{
         right:87.5% 
    }
     .col-lg-pull-22{
         right:91.66667% 
    }
     .col-lg-pull-23{
         right:95.83333% 
    }
     .col-lg-pull-24{
         right:100% 
    }
     .col-lg-push-0{
         left:auto 
    }
     .col-lg-push-1{
         left:4.16667% 
    }
     .col-lg-push-2{
         left:8.33333% 
    }
     .col-lg-push-3{
         left:12.5% 
    }
     .col-lg-push-4{
         left:16.66667% 
    }
     .col-lg-push-5{
         left:20.83333% 
    }
     .col-lg-push-6{
         left:25% 
    }
     .col-lg-push-7{
         left:29.16667% 
    }
     .col-lg-push-8{
         left:33.33333% 
    }
     .col-lg-push-9{
         left:37.5% 
    }
     .col-lg-push-10{
         left:41.66667% 
    }
     .col-lg-push-11{
         left:45.83333% 
    }
     .col-lg-push-12{
         left:50% 
    }
     .col-lg-push-13{
         left:54.16667% 
    }
     .col-lg-push-14{
         left:58.33333% 
    }
     .col-lg-push-15{
         left:62.5% 
    }
     .col-lg-push-16{
         left:66.66667% 
    }
     .col-lg-push-17{
         left:70.83333% 
    }
     .col-lg-push-18{
         left:75% 
    }
     .col-lg-push-19{
         left:79.16667% 
    }
     .col-lg-push-20{
         left:83.33333% 
    }
     .col-lg-push-21{
         left:87.5% 
    }
     .col-lg-push-22{
         left:91.66667% 
    }
     .col-lg-push-23{
         left:95.83333% 
    }
     .col-lg-push-24{
         left:100% 
    }
     .col-lg-offset-0{
         margin-left:0 
    }
     .col-lg-offset-1{
         margin-left:4.16667% 
    }
     .col-lg-offset-2{
         margin-left:8.33333% 
    }
     .col-lg-offset-3{
         margin-left:12.5% 
    }
     .col-lg-offset-4{
         margin-left:16.66667% 
    }
     .col-lg-offset-5{
         margin-left:20.83333% 
    }
     .col-lg-offset-6{
         margin-left:25% 
    }
     .col-lg-offset-7{
         margin-left:29.16667% 
    }
     .col-lg-offset-8{
         margin-left:33.33333% 
    }
     .col-lg-offset-9{
         margin-left:37.5% 
    }
     .col-lg-offset-10{
         margin-left:41.66667% 
    }
     .col-lg-offset-11{
         margin-left:45.83333% 
    }
     .col-lg-offset-12{
         margin-left:50% 
    }
     .col-lg-offset-13{
         margin-left:54.16667% 
    }
     .col-lg-offset-14{
         margin-left:58.33333% 
    }
     .col-lg-offset-15{
         margin-left:62.5% 
    }
     .col-lg-offset-16{
         margin-left:66.66667% 
    }
     .col-lg-offset-17{
         margin-left:70.83333% 
    }
     .col-lg-offset-18{
         margin-left:75% 
    }
     .col-lg-offset-19{
         margin-left:79.16667% 
    }
     .col-lg-offset-20{
         margin-left:83.33333% 
    }
     .col-lg-offset-21{
         margin-left:87.5% 
    }
     .col-lg-offset-22{
         margin-left:91.66667% 
    }
     .col-lg-offset-23{
         margin-left:95.83333% 
    }
     .col-lg-offset-24{
         margin-left:100% 
    }
}
 @media (min-width:1400px){
     .col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-13,.col-xl-14,.col-xl-15,.col-xl-16,.col-xl-17,.col-xl-18,.col-xl-19,.col-xl-20,.col-xl-21,.col-xl-22,.col-xl-23,.col-xl-24{
         float:left 
    }
     .col-xl-1{
         width:4.16667% 
    }
     .col-xl-2{
         width:8.33333% 
    }
     .col-xl-3{
         width:12.5% 
    }
     .col-xl-4{
         width:16.66667% 
    }
     .col-xl-5{
         width:20.83333% 
    }
     .col-xl-6{
         width:25% 
    }
     .col-xl-7{
         width:29.16667% 
    }
     .col-xl-8{
         width:33.33333% 
    }
     .col-xl-9{
         width:37.5% 
    }
     .col-xl-10{
         width:41.66667% 
    }
     .col-xl-11{
         width:45.83333% 
    }
     .col-xl-12{
         width:50% 
    }
     .col-xl-13{
         width:54.16667% 
    }
     .col-xl-14{
         width:58.33333% 
    }
     .col-xl-15{
         width:62.5% 
    }
     .col-xl-16{
         width:66.66667% 
    }
     .col-xl-17{
         width:70.83333% 
    }
     .col-xl-18{
         width:75% 
    }
     .col-xl-19{
         width:79.16667% 
    }
     .col-xl-20{
         width:83.33333% 
    }
     .col-xl-21{
         width:87.5% 
    }
     .col-xl-22{
         width:91.66667% 
    }
     .col-xl-23{
         width:95.83333% 
    }
     .col-xl-24{
         width:100% 
    }
     .col-xl-pull-0{
         right:auto 
    }
     .col-xl-pull-1{
         right:4.16667% 
    }
     .col-xl-pull-2{
         right:8.33333% 
    }
     .col-xl-pull-3{
         right:12.5% 
    }
     .col-xl-pull-4{
         right:16.66667% 
    }
     .col-xl-pull-5{
         right:20.83333% 
    }
     .col-xl-pull-6{
         right:25% 
    }
     .col-xl-pull-7{
         right:29.16667% 
    }
     .col-xl-pull-8{
         right:33.33333% 
    }
     .col-xl-pull-9{
         right:37.5% 
    }
     .col-xl-pull-10{
         right:41.66667% 
    }
     .col-xl-pull-11{
         right:45.83333% 
    }
     .col-xl-pull-12{
         right:50% 
    }
     .col-xl-pull-13{
         right:54.16667% 
    }
     .col-xl-pull-14{
         right:58.33333% 
    }
     .col-xl-pull-15{
         right:62.5% 
    }
     .col-xl-pull-16{
         right:66.66667% 
    }
     .col-xl-pull-17{
         right:70.83333% 
    }
     .col-xl-pull-18{
         right:75% 
    }
     .col-xl-pull-19{
         right:79.16667% 
    }
     .col-xl-pull-20{
         right:83.33333% 
    }
     .col-xl-pull-21{
         right:87.5% 
    }
     .col-xl-pull-22{
         right:91.66667% 
    }
     .col-xl-pull-23{
         right:95.83333% 
    }
     .col-xl-pull-24{
         right:100% 
    }
     .col-xl-push-0{
         left:auto 
    }
     .col-xl-push-1{
         left:4.16667% 
    }
     .col-xl-push-2{
         left:8.33333% 
    }
     .col-xl-push-3{
         left:12.5% 
    }
     .col-xl-push-4{
         left:16.66667% 
    }
     .col-xl-push-5{
         left:20.83333% 
    }
     .col-xl-push-6{
         left:25% 
    }
     .col-xl-push-7{
         left:29.16667% 
    }
     .col-xl-push-8{
         left:33.33333% 
    }
     .col-xl-push-9{
         left:37.5% 
    }
     .col-xl-push-10{
         left:41.66667% 
    }
     .col-xl-push-11{
         left:45.83333% 
    }
     .col-xl-push-12{
         left:50% 
    }
     .col-xl-push-13{
         left:54.16667% 
    }
     .col-xl-push-14{
         left:58.33333% 
    }
     .col-xl-push-15{
         left:62.5% 
    }
     .col-xl-push-16{
         left:66.66667% 
    }
     .col-xl-push-17{
         left:70.83333% 
    }
     .col-xl-push-18{
         left:75% 
    }
     .col-xl-push-19{
         left:79.16667% 
    }
     .col-xl-push-20{
         left:83.33333% 
    }
     .col-xl-push-21{
         left:87.5% 
    }
     .col-xl-push-22{
         left:91.66667% 
    }
     .col-xl-push-23{
         left:95.83333% 
    }
     .col-xl-push-24{
         left:100% 
    }
     .col-xl-offset-0{
         margin-left:0 
    }
     .col-xl-offset-1{
         margin-left:4.16667% 
    }
     .col-xl-offset-2{
         margin-left:8.33333% 
    }
     .col-xl-offset-3{
         margin-left:12.5% 
    }
     .col-xl-offset-4{
         margin-left:16.66667% 
    }
     .col-xl-offset-5{
         margin-left:20.83333% 
    }
     .col-xl-offset-6{
         margin-left:25% 
    }
     .col-xl-offset-7{
         margin-left:29.16667% 
    }
     .col-xl-offset-8{
         margin-left:33.33333% 
    }
     .col-xl-offset-9{
         margin-left:37.5% 
    }
     .col-xl-offset-10{
         margin-left:41.66667% 
    }
     .col-xl-offset-11{
         margin-left:45.83333% 
    }
     .col-xl-offset-12{
         margin-left:50% 
    }
     .col-xl-offset-13{
         margin-left:54.16667% 
    }
     .col-xl-offset-14{
         margin-left:58.33333% 
    }
     .col-xl-offset-15{
         margin-left:62.5% 
    }
     .col-xl-offset-16{
         margin-left:66.66667% 
    }
     .col-xl-offset-17{
         margin-left:70.83333% 
    }
     .col-xl-offset-18{
         margin-left:75% 
    }
     .col-xl-offset-19{
         margin-left:79.16667% 
    }
     .col-xl-offset-20{
         margin-left:83.33333% 
    }
     .col-xl-offset-21{
         margin-left:87.5% 
    }
     .col-xl-offset-22{
         margin-left:91.66667% 
    }
     .col-xl-offset-23{
         margin-left:95.83333% 
    }
     .col-xl-offset-24{
         margin-left:100% 
    }
}
 fieldset{
     padding:0;
     margin:0;
     border:0;
     min-width:0 
}
 legend{
     display:block;
     width:100%;
     padding:0;
     border:0 
}
 label{
     display:inline-block;
     max-width:100% 
}
 input[type="search"]{
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box 
}
 input[type="file"]{
     display:block 
}
 input[type="range"]{
     display:block;
     width:100% 
}
 select[multiple],select[size]{
     height:auto 
}
 input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{
     outline:thin dotted;
     outline:5px auto -webkit-focus-ring-color;
     outline-offset:-2px 
}
 output{
     display:block;
     padding-top:7px 
}
 .form-control{
     display:block;
     width:100%;
     background-image:none 
}
 textarea.form-control{
     height:auto 
}
 input[type="search"]{
     -webkit-appearance:none 
}
 input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{
     line-height:34px;
     line-height:1.42857 \0 
}
 .radio,.checkbox{
     position:relative;
     display:block 
}
 .radio label,.checkbox label{
     min-height:20px;
     margin-bottom:0;
     cursor:pointer 
}
 .radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled] .checkbox label{
     cursor:not-allowed 
}
 .help-block{
     display:block;
     margin-top:5px;
     margin-bottom:10px 
}
 @media (min-width:540px){
     .form-inline .form-group{
         display:inline-block;
         margin-bottom:0;
         vertical-align:middle 
    }
     .form-inline .form-control{
         display:inline-block;
         width:auto;
         vertical-align:middle 
    }
     .form-inline .input-group{
         display:inline-table;
         vertical-align:middle 
    }
     .form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{
         width:auto 
    }
     .form-inline .input-group>.form-control{
         width:100% 
    }
     .form-inline .control-label{
         margin-bottom:0;
         vertical-align:middle 
    }
     .form-inline .radio,.form-inline .checkbox{
         display:inline-block;
         margin-top:0;
         margin-bottom:0;
         vertical-align:middle 
    }
}
 input,button,textarea,select,option,progress{
     max-width:100%;
     line-height:inherit 
}
 input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],textarea{
     padding:4px 8px;
     border-style:solid;
     border-width:2px;
     border-color:rgba(0,0,0,0.4);
     background-color:rgba(255,255,255,0.4);
     height:32px;
     height:2rem 
}
 input[type="color"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="email"]:focus,input[type="month"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="time"]:focus,input[type="url"]:focus,input[type="week"]:focus,textarea:focus{
     border-color:#0067b8;
     background-color:#fff 
}
 input[type="color"]::-moz-placeholder,input[type="date"]::-moz-placeholder,input[type="datetime"]::-moz-placeholder,input[type="datetime-local"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="month"]::-moz-placeholder,input[type="number"]::-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="search"]::-moz-placeholder,input[type="tel"]::-moz-placeholder,input[type="text"]::-moz-placeholder,input[type="time"]::-moz-placeholder,input[type="url"]::-moz-placeholder,input[type="week"]::-moz-placeholder,textarea::-moz-placeholder{
     color:rgba(0,0,0,0.6);
     opacity:1 
}
 input[type="color"]:-ms-input-placeholder,input[type="date"]:-ms-input-placeholder,input[type="datetime"]:-ms-input-placeholder,input[type="datetime-local"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="month"]:-ms-input-placeholder,input[type="number"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="search"]:-ms-input-placeholder,input[type="tel"]:-ms-input-placeholder,input[type="text"]:-ms-input-placeholder,input[type="time"]:-ms-input-placeholder,input[type="url"]:-ms-input-placeholder,input[type="week"]:-ms-input-placeholder,textarea:-ms-input-placeholder{
     color:rgba(0,0,0,0.6) 
}
 input[type="color"]::-webkit-input-placeholder,input[type="date"]::-webkit-input-placeholder,input[type="datetime"]::-webkit-input-placeholder,input[type="datetime-local"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="month"]::-webkit-input-placeholder,input[type="number"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="search"]::-webkit-input-placeholder,input[type="tel"]::-webkit-input-placeholder,input[type="text"]::-webkit-input-placeholder,input[type="time"]::-webkit-input-placeholder,input[type="url"]::-webkit-input-placeholder,input[type="week"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
     color:rgba(0,0,0,0.6) 
}
 input[type="color"][disabled],input[type="color"][readonly],fieldset[disabled] input[type="color"],input[type="date"][disabled],input[type="date"][readonly],fieldset[disabled] input[type="date"],input[type="datetime"][disabled],input[type="datetime"][readonly],fieldset[disabled] input[type="datetime"],input[type="datetime-local"][disabled],input[type="datetime-local"][readonly],fieldset[disabled] input[type="datetime-local"],input[type="email"][disabled],input[type="email"][readonly],fieldset[disabled] input[type="email"],input[type="month"][disabled],input[type="month"][readonly],fieldset[disabled] input[type="month"],input[type="number"][disabled],input[type="number"][readonly],fieldset[disabled] input[type="number"],input[type="password"][disabled],input[type="password"][readonly],fieldset[disabled] input[type="password"],input[type="search"][disabled],input[type="search"][readonly],fieldset[disabled] input[type="search"],input[type="tel"][disabled],input[type="tel"][readonly],fieldset[disabled] input[type="tel"],input[type="text"][disabled],input[type="text"][readonly],fieldset[disabled] input[type="text"],input[type="time"][disabled],input[type="time"][readonly],fieldset[disabled] input[type="time"],input[type="url"][disabled],input[type="url"][readonly],fieldset[disabled] input[type="url"],input[type="week"][disabled],input[type="week"][readonly],fieldset[disabled] input[type="week"],textarea[disabled],textarea[readonly],fieldset[disabled] textarea{
     border-color:#ccc !important;
     background-color:rgba(0,0,0,0.2) !important;
     color:rgba(0,0,0,0.2) !important 
}
 .form-group.has-error input[type="color"],input[type="color"].has-error,.form-group.has-error input[type="date"],input[type="date"].has-error,.form-group.has-error input[type="datetime"],input[type="datetime"].has-error,.form-group.has-error input[type="datetime-local"],input[type="datetime-local"].has-error,.form-group.has-error input[type="email"],input[type="email"].has-error,.form-group.has-error input[type="month"],input[type="month"].has-error,.form-group.has-error input[type="number"],input[type="number"].has-error,.form-group.has-error input[type="password"],input[type="password"].has-error,.form-group.has-error input[type="search"],input[type="search"].has-error,.form-group.has-error input[type="tel"],input[type="tel"].has-error,.form-group.has-error input[type="text"],input[type="text"].has-error,.form-group.has-error input[type="time"],input[type="time"].has-error,.form-group.has-error input[type="url"],input[type="url"].has-error,.form-group.has-error input[type="week"],input[type="week"].has-error,.form-group.has-error textarea,textarea.has-error{
     border-color:#e81123 
}
 textarea{
     height:auto 
}
 input::-ms-clear,input::-ms-reveal{
     height:100%;
     padding:4px 8px;
     margin-right:-8px;
     margin-left:4px 
}
 input::-ms-clear:hover,input::-ms-reveal:hover{
     color:#0067b8 
}
 input::-ms-clear:active,input::-ms-reveal:active{
     color:#fff;
     background-color:#0067b8 
}
 .form-group.has-error input::-ms-clear:hover,.form-group.has-error input::-ms-reveal:hover,input.has-error::-ms-clear:hover,input.has-error::-ms-reveal:hover{
     color:#e81123 
}
 .form-group.has-error input::-ms-clear:active,.form-group.has-error input::-ms-reveal:active,input.has-error::-ms-clear:active,input.has-error::-ms-reveal:active{
     color:#fff;
     background-color:#e81123 
}
 input[type="radio"]{
     width:20px;
     height:20px 
}
 input[type="radio"]::-ms-check{
     background-color:#fff;
     color:#000;
     border-style:solid;
     border-width:2px;
     border-color:rgba(0,0,0,0.6) 
}
 input[type="radio"]:checked::-ms-check{
     color:#000;
     border-color:#0067b8 
}
 input[type="radio"]:hover::-ms-check{
     border-color:#000 
}
 input[type="radio"]:hover:checked::-ms-check{
     border-color:#0067b8 
}
 input[type="radio"]:active::-ms-check{
     color:rgba(0,0,0,0.6);
     border-color:rgba(0,0,0,0.6) 
}
 input[type="radio"]:active:checked::-ms-check{
     border-color:rgba(0,0,0,0.6) 
}
 input[type="radio"][disabled]::-ms-check,fieldset[disabled] input[type="radio"]::-ms-check{
     background-color:#fff !important;
     color:rgba(0,0,0,0.2) !important;
     border-color:rgba(0,0,0,0.2) !important 
}
 input[type="radio"][disabled]:checked::-ms-check,fieldset[disabled] input[type="radio"]:checked::-ms-check{
     color:rgba(0,0,0,0.2) !important 
}
 input[type="checkbox"]{
     width:20px;
     height:20px 
}
 input[type="checkbox"]::-ms-check{
     border-style:solid;
     border-width:2px;
     background-color:transparent;
     color:#000;
     border-color:rgba(0,0,0,0.8) 
}
 input[type="checkbox"]:checked::-ms-check{
     background-color:#0067b8;
     border-color:#0067b8 
}
 input[type="checkbox"]:hover::-ms-check{
     border-color:#000 
}
 input[type="checkbox"]:active::-ms-check{
     background-color:rgba(0,0,0,0.6);
     border-color:transparent 
}
 input[type="checkbox"][disabled]::-ms-check,fieldset[disabled] input[type="checkbox"]::-ms-check{
     border-color:rgba(0,0,0,0.2) !important;
     background-color:transparent !important;
     color:rgba(0,0,0,0.2) !important 
}
 progress{
     height:4px;
     border-style:none;
     color:#0067b8;
     background-color:#ccc;
     -webkit-appearance:none;
     display:block 
}
 progress::-ms-fill{
     color:#0067b8 
}
 progress::-webkit-progress-value{
     background-color:#0067b8 
}
 progress::-webkit-progress-bar{
     background-color:#ccc 
}
 progress::-moz-progress-bar{
     background-color:#0067b8 
}
 input[type="range"]{
     height:42px;
     padding-bottom:16px;
     padding-top:16px;
     border-style:none 
}
 input[type="range"]::-ms-track{
     height:2px;
     border-style:none;
     background-color:transparent;
     color:transparent 
}
 input[type="range"]::-ms-fill-lower{
     background-color:#0067b8 
}
 input[type="range"]::-ms-fill-upper{
     background-color:rgba(0,0,0,0.4) 
}
 input[type="range"]::-ms-thumb{
     background-color:#0067b8;
     width:24px;
     height:8px;
     border-radius:4px;
     border-style:none 
}
 input[type="range"]:hover::-ms-thumb{
     background-color:#1f1f1f 
}
 input[type="range"]:active::-ms-thumb{
     background-color:#ccc 
}
 input[type="range"]:disabled::-ms-fill-lower,input[type="range"]:disabled::-ms-fill-upper{
     background-color:rgba(0,0,0,0.2) !important 
}
 input[type="range"]:disabled::-ms-thumb{
     background-color:#ccc !important 
}
 legend{
     margin-bottom:12px 
}
 .form-group{
     margin-bottom:12px 
}
 .form-group label{
     margin-top:0;
     margin-bottom:8px 
}
 .radio,.checkbox{
     margin-top:12px;
     margin-bottom:12px 
}
 .radio label,.checkbox label{
     padding-left:28px 
}
 .radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{
     position:absolute;
     margin-left:-28px 
}
 input[type="radio"][disabled],input[type="radio"].disabled,fieldset[disabled] input[type="radio"],input[type="checkbox"][disabled],input[type="checkbox"].disabled,fieldset[disabled] input[type="checkbox"]{
     cursor:not-allowed 
}
 input[type="radio"][disabled]+span,input[type="radio"].disabled+span,fieldset[disabled] input[type="radio"]+span,input[type="checkbox"][disabled]+span,input[type="checkbox"].disabled+span,fieldset[disabled] input[type="checkbox"]+span{
     color:rgba(0,0,0,0.2) 
}
 select{
     border:2px solid rgba(0,0,0,0.4);
     background-clip:padding-box;
     color:#000 
}
 select:focus option{
     background-color:#fff 
}
 select:hover{
     border-color:rgba(0,0,0,0.6) 
}
 select:active{
     background-color:#fff 
}
 select[multiple]:focus{
     background-color:#fff 
}
 select[disabled],select.disabled,fieldset[disabled] select{
     cursor:not-allowed;
     background-color:rgba(0,0,0,0.2) !important;
     border-color:rgba(0,0,0,0.2) !important;
     color:rgba(0,0,0,0.6) !important 
}
 select[disabled] option:hover,select[disabled] option:focus,select[disabled] option:active,select.disabled option:hover,select.disabled option:focus,select.disabled option:active,fieldset[disabled] select option:hover,fieldset[disabled] select option:focus,fieldset[disabled] select option:active{
     background-color:transparent !important 
}
 ::-ms-expand{
     margin:0 6px 0 20px;
     background-color:transparent;
     border:0 
}
 .person{
     border-radius:50%;
     display:block;
     padding:4px;
     border:1px dotted transparent 
}
 .person .person-graphic{
     display:block;
     background-size:cover;
     background-position:center center;
     background-repeat:no-repeat;
     border-radius:50% 
}
 .person.person-small{
     width:54px;
     height:54px 
}
 .person.person-small .person-graphic{
     width:44px;
     height:44px 
}
 .person.person-medium{
     width:110px;
     height:110px 
}
 .person.person-medium .person-graphic{
     width:100px;
     height:100px 
}
 .person.person-large{
     width:210px;
     height:210px 
}
 .person.person-large .person-graphic{
     width:200px;
     height:200px 
}
 .person:focus{
     outline-style:none;
     border-color:#000 
}
 table{
     background-color:transparent 
}
 th{
     text-align:left 
}
 .table{
     width:100%;
     max-width:100% 
}
 .table>thead>tr>th,.table>thead>tr>td,.table>tbody>tr>th,.table>tbody>tr>td,.table>tfoot>tr>th,.table>tfoot>tr>td{
     padding:16px;
     vertical-align:top 
}
 .table>thead>tr>th{
     vertical-align:bottom 
}
 .table>caption+thead>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>th,.table>thead:first-child>tr:first-child>td{
     border-top:0 
}
 table col[class*="col-"]{
     position:static;
     float:none;
     display:table-column 
}
 table td[class*="col-"],table th[class*="col-"]{
     position:static;
     float:none;
     display:table-cell 
}
 .table-responsive{
     overflow-x:auto;
     min-height:.01% 
}
 @media screen and (max-width:539px){
     .table-responsive{
         width:100%;
         margin-bottom:15px;
         overflow-y:hidden;
         -ms-overflow-style:-ms-autohiding-scrollbar 
    }
     .table-responsive>.table{
         margin-bottom:0 
    }
     .table-responsive>.table>thead>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>tfoot>tr>td{
         white-space:nowrap 
    }
}
 .table>thead>tr>th{
     font-size:12px;
     line-height:14px;
     font-weight:400;
     font-size:.75rem;
     line-height:.875rem;
     padding-bottom:1.1816px;
     padding-top:1.1816px;
     padding:0 16px 10px 16px 
}
 .table>thead>tr>th.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:16.3632px;
     max-height:1.0227rem 
}
 .table>thead>tr>th.text-maxlines-2{
     max-height:30.3632px;
     max-height:1.8977rem 
}
 .table>thead>tr>th.text-maxlines-3{
     max-height:44.3632px;
     max-height:2.7727rem 
}
 .table>thead>tr>th.text-maxlines-4{
     max-height:58.3632px;
     max-height:3.6477rem 
}
 .table>tbody>tr:nth-child(odd){
     background-color:#f2f2f2 
}
 .section{
     margin-top:30px;
     margin-bottom:30px 
}
 @media (min-width:320px){
     .section{
         margin-top:42px;
         margin-bottom:42px 
    }
}
 .section .section-header{
     padding-bottom:10px;
     border-bottom:1px solid #e6e6e6;
     margin-bottom:16px 
}
 @media (min-width:320px){
     .section .section-header{
         margin-bottom:32px 
    }
}
 .section .section-title{
     display:block;
     margin-top:0;
     margin-bottom:0;
     font-size:15px;
     line-height:20px;
     font-weight:600;
     font-size:.9375rem;
     line-height:1.25rem;
     padding-bottom:.227px;
     padding-top:.227px;
     color:#000 
}
 .section .section-title.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:20.454px;
     max-height:1.27838rem 
}
 .section .section-title.text-maxlines-2{
     max-height:40.454px;
     max-height:2.52838rem 
}
 .section .section-title.text-maxlines-3{
     max-height:60.454px;
     max-height:3.77838rem 
}
 .section .section-title.text-maxlines-4{
     max-height:80.454px;
     max-height:5.02838rem 
}
 @media (min-width:320px){
     .section .section-title{
         font-size:24px;
         line-height:28px;
         font-weight:300;
         font-size:1.5rem;
         line-height:1.75rem;
         padding-bottom:2.3632px;
         padding-top:2.3632px 
    }
     .section .section-title.text-maxlines-1{
         white-space:nowrap;
         text-overflow:ellipsis;
         max-height:32.7264px;
         max-height:2.0454rem 
    }
     .section .section-title.text-maxlines-2{
         max-height:60.7264px;
         max-height:3.7954rem 
    }
     .section .section-title.text-maxlines-3{
         max-height:88.7264px;
         max-height:5.5454rem 
    }
     .section .section-title.text-maxlines-4{
         max-height:116.7264px;
         max-height:7.2954rem 
    }
}
 .section .section-subtitle{
     display:block;
     font-size:15px;
     line-height:20px;
     font-weight:400;
     font-size:.9375rem;
     line-height:1.25rem;
     padding-bottom:.227px;
     padding-top:.227px;
     color:#767676 
}
 .section .section-subtitle.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:20.454px;
     max-height:1.27838rem 
}
 .section .section-subtitle.text-maxlines-2{
     max-height:40.454px;
     max-height:2.52838rem 
}
 .section .section-subtitle.text-maxlines-3{
     max-height:60.454px;
     max-height:3.77838rem 
}
 .section .section-subtitle.text-maxlines-4{
     max-height:80.454px;
     max-height:5.02838rem 
}
 .section .header-action{
     display:table-cell;
     vertical-align:bottom;
     white-space:nowrap;
     font-size:12px;
     line-height:14px;
     font-weight:400;
     font-size:.75rem;
     line-height:.875rem;
     padding-bottom:1.1816px;
     padding-top:1.1816px 
}
 .section .header-action.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:16.3632px;
     max-height:1.0227rem 
}
 .section .header-action.text-maxlines-2{
     max-height:30.3632px;
     max-height:1.8977rem 
}
 .section .header-action.text-maxlines-3{
     max-height:44.3632px;
     max-height:2.7727rem 
}
 .section .header-action.text-maxlines-4{
     max-height:58.3632px;
     max-height:3.6477rem 
}
 .section p{
     margin-top:12px;
     margin-bottom:12px 
}
 .section p .more-container{
     display:block;
     margin-top:6px 
}
 .section.remove-header-rule>.section-header{
     border-style:none 
}
 .section.has-header-action .header-titles{
     display:table-cell 
}
 .section.has-header-action .titles-outer{
     display:table;
     table-layout:fixed;
     width:100% 
}
 .section.has-header-action .titles-inner{
     display:table-cell;
     padding-right:10px 
}
 .section.item-section{
     margin-bottom:32px 
}
 .section.item-section .section-header{
     margin-bottom:16px;
     border-style:none;
     padding-bottom:0 
}
 .section.item-section .section-title{
     color:#000;
     font-size:15px;
     line-height:20px;
     font-weight:600;
     font-size:.9375rem;
     line-height:1.25rem;
     padding-bottom:.227px;
     padding-top:.227px 
}
 .section.item-section .section-title.text-maxlines-1{
     white-space:nowrap;
     text-overflow:ellipsis;
     max-height:20.454px;
     max-height:1.27838rem 
}
 .section.item-section .section-title.text-maxlines-2{
     max-height:40.454px;
     max-height:2.52838rem 
}
 .section.item-section .section-title.text-maxlines-3{
     max-height:60.454px;
     max-height:3.77838rem 
}
 .section.item-section .section-title.text-maxlines-4{
     max-height:80.454px;
     max-height:5.02838rem 
}
 .caret{
     display:inline-block;
     width:0;
     height:0;
     margin-left:2px;
     vertical-align:middle;
     border-top:4px solid;
     border-right:4px solid transparent;
     border-left:4px solid transparent 
}
 .dropdown{
     position:relative 
}
 .dropdown-toggle:focus{
     outline:0 
}
 .dropdown-menu{
     position:absolute;
     top:100%;
     left:0;
     z-index:1000;
     display:none;
     float:left;
     min-width:160px;
     padding:5px 0;
     margin:2px 0 0;
     list-style:none;
     font-size:14px;
     text-align:left;
     background-color:#fff;
     border:1px solid #ccc;
     border:1px solid rgba(0,0,0,0.15);
     border-radius:4px;
     -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);
     box-shadow:0 6px 12px rgba(0,0,0,0.175);
     background-clip:padding-box 
}
 .dropdown-menu.pull-right{
     right:0;
     left:auto 
}
 .dropdown-menu .divider{
     height:1px;
     margin:9px 0;
     overflow:hidden;
     background-color:#e5e5e5 
}
 .dropdown-menu>li>a{
     display:block;
     padding:3px 20px;
     clear:both;
     font-weight:normal;
     line-height:1.42857;
     color:#333;
     white-space:nowrap 
}
 .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{
     text-decoration:none;
     color:#262626;
     background-color:#f5f5f5 
}
 .dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{
     color:#fff;
     text-decoration:none;
     outline:0;
     background-color:#428bca 
}
 .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{
     color:#777 
}
 .dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{
     text-decoration:none;
     background-color:transparent;
     background-image:none;
     filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
     cursor:not-allowed 
}
 .open>.dropdown-menu{
     display:block 
}
 .open>a{
     outline:0 
}
 .dropdown-menu-right{
     left:auto;
     right:0 
}
 .dropdown-menu-left{
     left:0;
     right:auto 
}
 .dropdown-header{
     display:block;
     padding:3px 20px;
     font-size:12px;
     line-height:1.42857;
     color:#777;
     white-space:nowrap 
}
 .dropdown-backdrop{
     position:fixed;
     left:0;
     right:0;
     bottom:0;
     top:0;
     z-index:990 
}
 .pull-right>.dropdown-menu{
     right:0;
     left:auto 
}
 .dropup .caret,.navbar-fixed-bottom .dropdown .caret{
     border-top:0;
     border-bottom:4px solid;
     content:"" 
}
 .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{
     top:auto;
     bottom:100%;
     margin-bottom:1px 
}
 @media (min-width:768px){
     .navbar-right .dropdown-menu{
         right:0;
         left:auto 
    }
     .navbar-right .dropdown-menu-left{
         left:0;
         right:auto 
    }
}
 .input-group{
     position:relative;
     display:table;
     border-collapse:separate 
}
 .input-group[class*="col-"]{
     float:none;
     padding-left:0;
     padding-right:0 
}
 .input-group .form-control{
     position:relative;
     z-index:2;
     float:left;
     width:100%;
     margin-bottom:0 
}
 .input-group-addon{
     padding:6px 12px;
     font-size:14px;
     font-weight:normal;
     line-height:1;
     color:#555;
     text-align:center;
     background-color:#eee;
     border:1px solid #ccc;
     border-radius:4px 
}
 .input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{
     margin-top:0 
}
 .input-group-addon:last-child{
     border-left:0 
}
 .alert{
     margin-bottom:8px;
     margin-top:8px 
}
 .alert-error{
     color:#e81123 
}
 .modal-open{
     overflow:hidden 
}
 .modal{
     display:none;
     overflow:hidden;
     position:fixed;
     top:0;
     right:0;
     bottom:0;
     left:0;
     z-index:1040;
     -webkit-overflow-scrolling:touch;
     outline:0 
}
 .modal-open .modal{
     overflow-x:hidden;
     overflow-y:auto 
}
 .modal-dialog{
     position:relative;
     width:auto 
}
 .modal-content{
     position:relative;
     background-color:#fff;
     background-clip:padding-box;
     outline:0 
}
 .modal-backdrop{
     position:fixed;
     top:0;
     right:0;
     bottom:0;
     left:0;
     background-color:#000 
}
 .modal-backdrop.fade{
     opacity:0;
     filter:alpha(opacity=0) 
}
 .modal-backdrop.in{
     opacity:.5;
     filter:alpha(opacity=50) 
}
 .modal-header{
     min-height:16.42857px 
}
 .modal-title{
     margin:0;
     line-height:1.42857 
}
 .modal-body{
     position:relative 
}
 .modal-footer:before,.modal-footer:after{
     content:" ";
     display:table 
}
 .modal-footer:after{
     clear:both 
}
 .modal-scrollbar-measure{
     position:absolute;
     top:-9999px;
     width:50px;
     height:50px;
     overflow:scroll 
}
 @media (min-width:540px){
     .modal-dialog{
         width:600px 
    }
     .modal-sm{
         width:300px 
    }
}
 @media (min-width:768px){
     .modal-lg{
         width:900px 
    }
}
 .modal .modal-dialog{
     margin:50vh auto;
     -webkit-transform:translate(0, -50%);
     -ms-transform:translate(0, -50%);
     -o-transform:translate(0, -50%);
     transform:translate(0, -50%);
     border:2px solid #0067b8 
}
 .modal .modal-content{
     padding:16px 
}
 .modal p:first-child{
     margin-top:0 
}
 .tooltip{
     position:absolute;
     z-index:1070;
     display:block;
     
}
 .tooltip-inner{
     text-decoration:none 
}
 .tooltip .tooltip-inner{
     background:#f2f2f2;
     color:#000;
     border:1px solid #ccc;
     padding:5px 8px 7px 8px;
     max-width:320px 
}
 .clearfix:before,.clearfix:after{
     content:" ";
     display:table 
}
 .clearfix:after{
     clear:both 
}
 .center-block{
     display:block;
     margin-left:auto;
     margin-right:auto 
}
 .hide{
     display:none !important 
}
 .show{
     display:block !important 
}
 .invisible{
     visibility:hidden 
}
 .text-hide{
     font:0/0 a;
     color:transparent;
     text-shadow:none;
     background-color:transparent;
     border:0 
}
 .hidden{
     display:none !important;
     visibility:hidden !important 
}
 .affix{
     position:fixed 
}
 .pull-right{
     float:right !important 
}
 .pull-left{
     float:left !important 
}
 @-ms-viewport{
     width:device-width 
}
 @media (max-width:539px){
     .visible-xs{
         display:block !important 
    }
     table.visible-xs{
         display:table 
    }
     tr.visible-xs{
         display:table-row !important 
    }
     th.visible-xs,td.visible-xs{
         display:table-cell !important 
    }
}
 @media (max-width:539px){
     .visible-xs-block{
         display:block !important 
    }
}
 @media (max-width:539px){
     .visible-xs-inline{
         display:inline !important 
    }
}
 @media (max-width:539px){
     .visible-xs-inline-block{
         display:inline-block !important 
    }
}
 @media (min-width:540px) and (max-width:767px){
     .visible-sm{
         display:block !important 
    }
     table.visible-sm{
         display:table 
    }
     tr.visible-sm{
         display:table-row !important 
    }
     th.visible-sm,td.visible-sm{
         display:table-cell !important 
    }
}
 @media (min-width:540px) and (max-width:767px){
     .visible-sm-block{
         display:block !important 
    }
}
 @media (min-width:540px) and (max-width:767px){
     .visible-sm-inline{
         display:inline !important 
    }
}
 @media (min-width:540px) and (max-width:767px){
     .visible-sm-inline-block{
         display:inline-block !important 
    }
}
 @media (min-width:768px) and (max-width:991px){
     .visible-md{
         display:block !important 
    }
     table.visible-md{
         display:table 
    }
     tr.visible-md{
         display:table-row !important 
    }
     th.visible-md,td.visible-md{
         display:table-cell !important 
    }
}
 @media (min-width:768px) and (max-width:991px){
     .visible-md-block{
         display:block !important 
    }
}
 @media (min-width:768px) and (max-width:991px){
     .visible-md-inline{
         display:inline !important 
    }
}
 @media (min-width:768px) and (max-width:991px){
     .visible-md-inline-block{
         display:inline-block !important 
    }
}
 @media (min-width:992px){
     .visible-lg{
         display:block !important 
    }
     table.visible-lg{
         display:table 
    }
     tr.visible-lg{
         display:table-row !important 
    }
     th.visible-lg,td.visible-lg{
         display:table-cell !important 
    }
}
 @media (min-width:992px){
     .visible-lg-block{
         display:block !important 
    }
}
 @media (min-width:992px){
     .visible-lg-inline{
         display:inline !important 
    }
}
 @media (min-width:992px){
     .visible-lg-inline-block{
         display:inline-block !important 
    }
}
 @media (max-width:539px){
     .hidden-xs{
         display:none !important 
    }
}
 @media (min-width:540px) and (max-width:767px){
     .hidden-sm{
         display:none !important 
    }
}
 @media (min-width:768px) and (max-width:991px){
     .hidden-md{
         display:none !important 
    }
}
 @media (min-width:992px){
     .hidden-lg{
         display:none !important 
    }
}
 .visible-print{
     display:none !important 
}
 @media print{
     .visible-print{
         display:block !important 
    }
     table.visible-print{
         display:table 
    }
     tr.visible-print{
         display:table-row !important 
    }
     th.visible-print,td.visible-print{
         display:table-cell !important 
    }
}
 .visible-print-block{
     display:none !important 
}
 @media print{
     .visible-print-block{
         display:block !important 
    }
}
 .visible-print-inline{
     display:none !important 
}
 @media print{
     .visible-print-inline{
         display:inline !important 
    }
}
 .visible-print-inline-block{
     display:none !important 
}
 @media print{
     .visible-print-inline-block{
         display:inline-block !important 
    }
}
 @media print{
     .hidden-print{
         display:none !important 
    }
}
 .visible-xs,.visible-sm,.visible-md,.visible-lg,.visible-xl{
     display:none !important 
}
 .visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-xl-block,.visible-xl-inline,.visible-xl-inline-block{
     display:none !important 
}
 @media (min-width:1400px){
     .visible-xl{
         display:block !important 
    }
     table.visible-xl{
         display:table 
    }
     tr.visible-xl{
         display:table-row !important 
    }
     th.visible-xl,td.visible-xl{
         display:table-cell !important 
    }
}
 @media (min-width:1400px){
     .visible-xl-block{
         display:block !important 
    }
}
 @media (min-width:1400px){
     .visible-xl-inline{
         display:inline !important 
    }
}
 @media (min-width:1400px){
     .visible-xl-inline-block{
         display:inline-block !important 
    }
}
 @media (min-width:1400px){
     .hidden-xl{
         display:none !important 
    }
}
 @font-face{
     font-family:"Segoe UI Webfont";
     font-weight:300;
     src:local("Segoe UI Semilight") 
}
 @font-face{
     font-family:"Segoe UI Webfont";
     font-weight:700;
     src:local("Segoe UI Bold") 
}
 @font-face{
     font-family:"Segoe UI Webfont";
     font-style:italic;
     font-weight:400;
     src:local("Segoe UI Italic") 
}
 @font-face{
     font-family:"Segoe UI Webfont";
     font-style:italic;
     font-weight:700;
     src:local("Segoe UI Bold Italic") 
}
 .container,.container-fluid{
     width:100% 
}
 .IE_M8 select{
     background-color:#fff !important 
}
 body.IE_M7.rtl{
     font-family:"Segoe UI","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math" 
}
 .IE_M7 ul{
     margin-left:0 
}
 .IE_M7 input[type="button"],.IE_M7 input[type="submit"],.IE_M7 button,.IE_M7 input[type="button"].btn,.IE_M7 input[type="submit"].btn,.IE_M7 button.btn{
     line-height:142%;
     overflow:visible 
}
 .IE_M7 div.input-group{
     float:left;
     z-index:5000 
}
 .IE_M7 div.input-group button,.IE_M7 div.input-group button.btn{
     overflow:hidden 
}
 .IE_M7 div.input-group label.input-group-addon{
     width:auto;
     float:left 
}
 .IE_M7 div.input-group div.input-group-btn{
     float:left 
}
 .text-caption{
     margin:.5rem 0 .5rem 0;
     margin:8px 0 8px 0 
}
 select{
     padding-top:3px;
     padding-bottom:3px;
     padding-left:6px 
}
 .section{
     margin-top:0 
}
 body{
     direction:ltr 
}
 body #maincontent,body #c_content{
     margin:0 auto 
}
 body #maincontent{
     width:90%;
     min-height:400px 
}
 .ltr_override,.dirltr{
     direction:ltr;
     text-align:left 
}
 label.label-margin{
     margin-top:0;
     margin-bottom:8px 
}
 label.disabled{
     border:0;
     background-color:rgba(0,0,0,0.2) !important 
}
 label.focus-border-color.input-group-addon.has-error,label.input-group-addon.has-error{
     border-color:#e81123 
}
 .bold{
     font-weight:600 
}
 .modal-header h4.UserTitle,.wrap-content{
     word-wrap:break-word 
}
 label.placeholder{
     display:none !important 
}
 .text-secondary{
     color:rgba(0,0,0,0.7);
     font-size:13px 
}
 .agreement-layout{
     white-space:pre-wrap;
     word-wrap:break-word;
     overflow-x:hidden 
}
 body.cb{
     text-align:center 
}
 body.cb #ftrLogo{
     margin:0 
}
 body.cb #maincontent{
     max-width:384px;
     padding-left:12px;
     padding-right:12px 
}
 body.cb .text-13{
     font-size:.8125rem 
}
 body.cb .radio,body.cb .alert-error{
     text-align:left 
}
 body.cb div.placeholderContainer{
     width:100%;
     position:relative 
}
 body.cb div.placeholderInnerContainer{
     left:0;
     top:0;
     width:100%;
     position:absolute;
     z-index:5 
}
 body.cb div.placeholder{
     color:#666;
     background-color:transparent;
     margin-top:6px;
     margin-left:9px;
     white-space:nowrap;
     text-align:left;
     cursor:text 
}
 body.cb div.placeholder.ltr_override{
     margin-left:11px;
     margin-right:auto;
     text-align:left 
}
 body.cb .modalDialogOverlay{
     position:fixed;
     top:0;
     left:0;
     width:100%;
     height:100%;
     background-color:#000;
     opacity:.5;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
     filter:alpha(opacity=50);
     z-index:50000 
}
 body.cb .modalDialogContainer{
     position:fixed;
     top:60px;
     max-width:356px;
     width:83%;
     width:calc(90% - 28px);
     max-height:80%;
     max-height:calc(100% - 80px);
     margin-left:-2px;
     margin-right:-2px;
     border:1px solid #0067b8;
     background-color:#fff;
     z-index:50001;
     overflow:auto;
     overflow-x:hidden 
}
 body.cb .modalDialogPadding{
     padding:11px 12px 12px 12px 
}
 body.cb .msa-helpCell{
     margin-bottom:24px;
     position:relative 
}
 body.cb .msa-helpSVG{
     float:left;
     position:absolute 
}
 body.cb .msa-helpCellDiv{
     overflow:hidden;
     margin-left:44px 
}
 body.cb #learnMoreLink,body.cb #signup,body.cb #idA_MSAccLearnMore{
     white-space:nowrap 
}
 body.cb .modalDialogContent{
     width:100%;
     position:relative;
     margin:0 auto 
}
 body.cb .img-centipede{
     width:100%;
     max-width:266px;
     height:auto 
}
 body.cb .align-center{
     margin-left:auto;
     margin-right:auto;
     display:inline-block 
}
 body.cb #icdHIP table{
     width:100% !important 
}
 body.cb input.hip{
     width:100% !important;
     padding:4px 8px !important;
     margin-top:12px !important 
}
 body.cb tr#wlspispHIPErrorContainer>td{
     width:100% !important 
}
 body.cb .hip-erroricon{
     display:none !important 
}
 .no-margin-top{
     margin-top:0 
}
 .no-margin-bottom{
     margin-bottom:0 
}
 .no-padding-left-right{
     padding-left:0;
     padding-right:0 
}
 .display-block{
     display:block 
}
 .display-inline-block{
     display:inline-block;
     white-space:nowrap 
}
 @media (max-width:319px){
     body.cb #ftr{
         margin-top:60px 
    }
}
 @media (min-height:800px){
     body.cb #ftr{
         margin-top:60px 
    }
}
 @media (max-height:400px){
     body.cb .modalDialogContainer{
         top:0;
         max-height:100% 
    }
}
 .progress{
     overflow:hidden 
}
 .progress>div{
     position:absolute;
     height:5px;
     width:5px;
     background-color:#0067b8;
     z-index:100;
     border-radius:50%;
     opacity:0 
}
 .progress>img{
     position:absolute 
}
 .progress-container{
     width:100%;
     position:relative;
     margin-top:48px;
     margin-bottom:24px;
     outline-color:transparent 
}
 .progress-container-tile{
     width:100%;
     position:relative;
     top:1px 
}
 .progress-container-tile-content{
     width:100%;
     position:relative;
     top:15px 
}
 .progress{
     position:absolute;
     top:0;
     left:0;
     height:5px;
     width:100% 
}
 @keyframes pulse{
     from{
         opacity:.4 
    }
}
 @-o-keyframes pulse{
     from{
         opacity:.4 
    }
}
 @-moz-keyframes pulse{
     from{
         opacity:.4 
    }
}
 @-webkit-keyframes pulse{
     from{
         opacity:.4 
    }
}
 .animate-pulse{
     -webkit-animation:pulse 1s infinite alternate;
     -moz-animation:pulse 1s infinite alternate;
     -o-animation:pulse 1s infinite alternate;
     animation:pulse 1s infinite alternate 
}
 .row.tile:focus .progress>div,.row.tile:focus:hover .progress>div,.row.tile:active .progress>div{
     background-color:#fff 
}
 .progress>div{
     -webkit-animation:progressDot 2s infinite;
     -moz-animation:progressDot 2s infinite;
     -o-animation:progressDot 2s infinite;
     animation:progressDot 2s infinite 
}
 .progress>div:nth-child(1){
     -webkit-animation-delay:.05s;
     -moz-animation-delay:.05s;
     -o-animation-delay:.05s;
     animation-delay:.05s 
}
 .progress>div:nth-child(2){
     -webkit-animation-delay:.2s;
     -moz-animation-delay:.2s;
     -o-animation-delay:.2s;
     animation-delay:.2s 
}
 .progress>div:nth-child(3){
     -webkit-animation-delay:.35s;
     -moz-animation-delay:.35s;
     -o-animation-delay:.35s;
     animation-delay:.35s 
}
 .progress>div:nth-child(4){
     -webkit-animation-delay:.5s;
     -moz-animation-delay:.5s;
     -o-animation-delay:.5s;
     animation-delay:.5s 
}
 .progress>div:nth-child(5){
     -webkit-animation-delay:.65s;
     -moz-animation-delay:.65s;
     -o-animation-delay:.65s;
     animation-delay:.65s 
}
 @-webkit-keyframes progressDot{
     0%,20%{
         left:0;
         -webkit-animation-timing-function:ease-out;
         opacity:0 
    }
     25%{
         opacity:1 
    }
     35%{
         left:45%;
         -webkit-animation-timing-function:linear 
    }
     65%{
         left:60%;
         -webkit-animation-timing-function:ease-in 
    }
     75%{
         opacity:1 
    }
     80%,100%{
         left:100%;
         opacity:0 
    }
}
 @-moz-keyframes progressDot{
     0%,20%{
         left:0;
         -moz-animation-timing-function:ease-out;
         opacity:0 
    }
     25%{
         opacity:1 
    }
     35%{
         left:45%;
         -moz-animation-timing-function:linear 
    }
     65%{
         left:60%;
         -moz-animation-timing-function:ease-in 
    }
     75%{
         opacity:1 
    }
     80%,100%{
         left:100%;
         opacity:0 
    }
}
 @-o-keyframes progressDot{
     0%,20%{
         left:0;
         -o-animation-timing-function:ease-out;
         opacity:0 
    }
     25%{
         opacity:1 
    }
     35%{
         left:45%;
         -o-animation-timing-function:linear 
    }
     65%{
         left:60%;
         -o-animation-timing-function:ease-in 
    }
     75%{
         opacity:1 
    }
     80%,100%{
         left:100%;
         opacity:0 
    }
}
 @keyframes progressDot{
     0%,20%{
         left:0;
         animation-timing-function:ease-out;
         opacity:0 
    }
     25%{
         opacity:1 
    }
     35%{
         left:45%;
         animation-timing-function:linear 
    }
     65%{
         left:60%;
         animation-timing-function:ease-in 
    }
     75%{
         opacity:1 
    }
     80%,100%{
         left:100%;
         opacity:0 
    }
}
 @keyframes fadeIn{
     from{
         opacity:0 
    }
     to{
         opacity:1 
    }
}
 @-o-keyframes fadeIn{
     from{
         opacity:0 
    }
     to{
         opacity:1 
    }
}
 @-moz-keyframes fadeIn{
     from{
         opacity:0 
    }
     to{
         opacity:1 
    }
}
 @-webkit-keyframes fadeIn{
     from{
         opacity:0 
    }
     to{
         opacity:1 
    }
}
 div.links a{
     margin-left:16px;
     margin-right:16px 
}
 div.links a.first{
     padding-left:0 
}
 body.cb{
     color:#262626;
     text-align:left 
}
 .fadeIn{
     -webkit-animation:fadeIn 1s;
     -moz-animation:fadeIn 1s;
     -o-animation:fadeIn 1s;
     animation:fadeIn 1s 
}
 .backgroundImage{
     -webkit-animation:fadeIn 1s;
     -moz-animation:fadeIn 1s;
     -o-animation:fadeIn 1s;
     animation:fadeIn 1s 
}
 .background-logo{
     max-width:256px;
     max-height:36px;
     display:block;
     margin-left:auto;
     margin-right:auto;
     -webkit-animation:fadeIn 1s;
     -moz-animation:fadeIn 1s;
     -o-animation:fadeIn 1s;
     animation:fadeIn 1s 
}
 .background-logo-holder{
     height:36px;
     margin-bottom:24px 
}
 .background{
     background:#f2f2f2 
}
 .background,.background>div{
     position:fixed;
     top:0;
     width:100%;
     height:100% 
}
 .background>div{
     background-repeat:no-repeat,no-repeat;
     background-position:center center,center center;
     background-size:cover,cover 
}
 .background-overlay{
     background:rgba(0,0,0,0.55);
     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8C000000', endColorstr='#8C000000');
     width:100%;
     height:100% 
}
 .footer{
     position:fixed;
     bottom:0;
     width:100%;
     overflow:visible;
     z-index:99;
     clear:both;
     background-color:rgba(0,0,0,0.6);
     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000') 
}
 .outer{
     display:table;
     position:absolute;
     height:100%;
     width:100% 
}
 .middle{
     display:table-cell;
     vertical-align:middle 
}
 .inner{
     margin-left:auto;
     margin-right:auto;
     position:relative;
     max-width:440px;
     width:calc(100% - 40px);
     padding:44px;
     margin-bottom:28px;
     background-color:#fff;
     -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);
     -moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);
     box-shadow:0 2px 6px rgba(0,0,0,0.2);
     min-width:320px;
     min-height:338px;
     overflow:hidden 
}
 .inner.transparent-lightbox{
     background-color:rgba(255,255,255,0.65) 
}
 .inner.has-popup{
     margin-bottom:20px 
}
 a:hover{
     text-decoration:underline 
}
 .promoted-fed-cred-holder{
     overflow:hidden 
}
 .promoted-fed-cred-box{
     margin-left:auto;
     margin-right:auto;
     position:relative;
     max-width:440px;
     width:calc(100% - 40px);
     padding:44px;
     margin-bottom:28px;
     line-height:16px;
     min-width:320px;
     padding:0 
}
 .promoted-fed-cred-box>*{
     word-wrap:break-word 
}
 .promoted-fed-cred-content{
     background-color:#fff;
     -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);
     -moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);
     box-shadow:0 2px 6px rgba(0,0,0,0.2);
     padding-left:44px;
     padding-right:44px 
}
 .promoted-fed-cred-content.transparent-lightbox{
     background-color:rgba(255,255,255,0.65) 
}
 .promoted-fed-cred-content .row.tile .table{
     padding-top:8px;
     padding-bottom:8px 
}
 .new-session-popup-v2sso{
     margin-left:auto;
     margin-right:auto;
     position:relative;
     max-width:440px;
     width:calc(100% - 40px);
     padding:44px;
     margin-bottom:28px;
     background-color:#fff;
     -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);
     -moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);
     box-shadow:0 2px 6px rgba(0,0,0,0.2);
     line-height:16px;
     min-width:320px;
     padding-top:24px;
     padding-bottom:24px 
}
 .new-session-popup-v2sso.transparent-lightbox{
     background-color:rgba(255,255,255,0.65) 
}
 .new-session-popup-v2sso>*{
     word-wrap:break-word 
}
 .wide{
     max-width:640px 
}
 pre{
     font-family:inherit 
}
 .pre-wrap-format{
     white-space:pre-wrap;
     word-wrap:break-word;
     overflow-x:hidden 
}
 input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],textarea,select{
     padding:6px 10px;
     border-width:1px;
     border-color:#666;
     border-color:rgba(0,0,0,0.6);
     height:36px;
     outline:none;
     border-radius:0;
     -webkit-border-radius:0;
     background-color:transparent 
}
 input[type="color"]:hover,input[type="date"]:hover,input[type="datetime"]:hover,input[type="datetime-local"]:hover,input[type="email"]:hover,input[type="month"]:hover,input[type="number"]:hover,input[type="password"]:hover,input[type="search"]:hover,input[type="tel"]:hover,input[type="text"]:hover,input[type="time"]:hover,input[type="url"]:hover,input[type="week"]:hover,textarea:hover,select:hover{
     border-color:#323232;
     border-color:rgba(0,0,0,0.8) 
}
 input[type="color"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="email"]:focus,input[type="month"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="time"]:focus,input[type="url"]:focus,input[type="week"]:focus,textarea:focus,select:focus{
     border-color:#0067b8;
     background-color:transparent 
}
 input[type="color"]:focus.has-error,input[type="date"]:focus.has-error,input[type="datetime"]:focus.has-error,input[type="datetime-local"]:focus.has-error,input[type="email"]:focus.has-error,input[type="month"]:focus.has-error,input[type="number"]:focus.has-error,input[type="password"]:focus.has-error,input[type="search"]:focus.has-error,input[type="tel"]:focus.has-error,input[type="text"]:focus.has-error,input[type="time"]:focus.has-error,input[type="url"]:focus.has-error,input[type="week"]:focus.has-error,textarea:focus.has-error,select:focus.has-error{
     border-color:#e81123 
}
 body.cb div.placeholder{
     margin-top:8px;
     margin-left:0 
}
 .logo{
     max-width:256px;
     height:24px 
}
 .identityBanner{
     height:24px;
     margin-top:16px;
     margin-bottom:-4px 
}
 .identity{
     line-height:24px;
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis 
}
 .backButton{
     height:24px;
     width:24px;
     min-width:24px;
     float:left;
     padding:0;
     background-color:#fff;
     border-width:0;
     border-radius:12px;
     margin-right:2px 
}
 .backButton:hover{
     background-color:#e6e6e6;
     background-color:rgba(0,0,0,0.1) 
}
 .backButton:hover:focus{
     background-color:#ccc;
     background-color:rgba(0,0,0,0.2) 
}
 .backButton:active{
     background-color:#b3b3b3;
     background-color:rgba(0,0,0,0.3) 
}
 .backButton:focus{
     background-color:#e6e6e6;
     background-color:rgba(0,0,0,0.1);
     outline:none 
}
 .boilerplate-text{
     background-color:#f2f2f2;
     padding:24px 44px 36px 44px;
     margin:76px -44px -44px -44px 
}
 .boilerplate-text.transparent-lightbox{
     background-color:rgba(242,242,242,0.2) 
}
 .boilerplate-text>p:first-child{
     margin-top:0 
}
 .boilerplate-text>p:last-child{
     margin-bottom:0 
}
 .tile-container,.relative{
     position:relative 
}
 .table{
     width:100%;
     display:table;
     table-layout:fixed 
}
 .table .table-row{
     display:table-row 
}
 .table .table-cell{
     display:table-cell;
     vertical-align:middle 
}
 .row{
     margin-left:0;
     margin-right:0 
}
 .row.tile{
     margin-bottom:0;
     cursor:pointer;
     outline:none;
     color:inherit;
     display:block;
     margin-left:-44px;
     margin-right:-44px 
}
 .row.tile .content{
     line-height:16px;
     padding-left:12px;
     padding-right:12px 
}
 .row.tile .content>*{
     word-wrap:break-word 
}
 .row.tile .tile-menu{
     width:23px 
}
 .row.tile:hover{
     background-color:#e6e6e6;
     background-color:rgba(0,0,0,0.1);
     color:inherit 
}
 .row.tile:active{
     background-color:#b3b3b3;
     background-color:rgba(0,0,0,0.3);
     color:inherit 
}
 .row.tile .table{
     padding:12px 44px 
}
 .row.tile .table:focus{
     outline:#000 dashed 1px;
     background:#ccc;
     background:rgba(0,0,0,0.1) 
}
 .row.tile .table[role=listitem]{
     display:table;
     margin-left:0 
}
 .row.tile .table-cell:first-child+.table-cell{
     width:100% 
}
 .tile-img{
     position:relative;
     width:48px;
     height:48px 
}
 .tile-img.medium{
     width:32px;
     height:32px 
}
 .tile-img.small{
     width:24px;
     height:24px;
     float:left;
     margin-right:8px 
}
 .tile-img .tile-badge{
     position:absolute;
     right:0;
     bottom:0 
}
 div.footerNode{
     margin:0;
     float:right 
}
 div.footerNode a,div.footerNode span{
     color:#fff;
     font-size:12px;
     line-height:28px;
     white-space:nowrap;
     display:inline-block;
     margin-left:8px;
     margin-right:8px 
}
 h3,.text-body,p{
     padding:0;
     margin-top:16px;
     margin-bottom:12px 
}
 .form-group{
     margin-bottom:16px 
}
 .form-group label{
     margin-top:0;
     margin-bottom:0 
}
 .btn,button,input[type='button'],input[type='submit'],input[type='reset']{
     margin-top:0;
     margin-bottom:0 
}
 .col-xs-12.secondary{
     padding-right:4px 
}
 .col-xs-12.primary{
     padding-left:4px 
}
 .no-margin{
     margin:0 
}
 .no-margin-bottom{
     margin-bottom:0 
}
 .no-margin-top-bottom{
     margin-top:0;
     margin-bottom:0 
}
 .overflow-hidden{
     overflow:hidden 
}
 .menu-dots{
     padding:24px 0;
     position:absolute;
     right:0;
     top:2px 
}
 .menu-dots>div{
     padding:0 5px 
}
 .menu-dots>div:focus{
     outline:#000 dashed 1px;
     background:none 
}
 .menu{
     position:absolute;
     background-color:#fff;
     border:1px solid #e6e6e6;
     border:1px solid rgba(0,0,0,0.1);
     background-clip:padding-box;
     z-index:2;
     top:0;
     right:10px;
     width:160px 
}
 .menu li{
     margin:0 
}
 .menu li a{
     display:block;
     padding:11px 12px 13px;
     background-color:#f2f2f2;
     background-color:rgba(0,0,0,0.05);
     outline:none;
     color:inherit;
     cursor:pointer 
}
 .menu li a:focus{
     outline:#000 dashed 1px;
     background-color:#e6e6e6;
     background-color:rgba(0,0,0,0.1) 
}
 .menu li a:hover{
     background-color:#e6e6e6;
     background-color:rgba(0,0,0,0.1) 
}
 .menu li a:active{
     background-color:#b3b3b3;
     background-color:rgba(0,0,0,0.3) 
}
 .moveOffScreen{
     position:fixed;
     bottom:0;
     right:0;
     height:0 !important;
     width:0 !important;
     overflow:hidden;
     opacity:0;
     filter:alpha(opacity=0) 
}
 .largePadding{
     padding:40px 
}
 .displaySign{
     text-align:center;
     font-size:2.5rem;
     margin-top:16px;
     margin-bottom:16px 
}
 .banner-logo{
     max-height:36px 
}
 .debug-details-banner{
     position:fixed;
     bottom:40px;
     right:12px;
     color:#262626;
     background-color:#fff;
     padding:24px;
     font-size:13px;
     width:380px;
     z-index:100;
     -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);
     -moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);
     box-shadow:0 2px 6px rgba(0,0,0,0.2) 
}
 .debug-details-banner .table-cell:first-child{
     width:100% 
}
 .debug-details-banner .override-ltr{
     text-align:left 
}
 .dialog-outer{
     display:table;
     position:absolute;
     height:100%;
     width:100%;
     z-index:100;
     background:rgba(0,0,0,0.55);
     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8C000000', endColorstr='#8C000000') 
}
 .dialog-outer .dialog-middle{
     display:table-cell;
     vertical-align:middle 
}
 .dialog-outer .dialog-middle .dialog-inner{
     position:relative;
     margin-left:auto;
     margin-right:auto;
     padding:28px;
     max-width:562px;
     background-color:#fff;
     border:2px #4f74b2 solid;
     z-index:100 
}
 .dialog-outer .dialog-middle .dialog-inner .dialog-content{
     position:relative 
}
 .dialog-outer .dialog-middle .dialog-inner .dialog-content .text-title{
     font-size:18px;
     font-weight:400;
     padding:0;
     margin-top:0;
     margin-bottom:12px 
}
 .appInfoPopOver{
     bottom:auto;
     margin-left:auto;
     margin-right:auto;
     left:0;
     right:0;
     width:434px;
     padding:22px;
     border:2px solid #e6e6e6 
}
 .appInfoPopOver .title{
     font-weight:600;
     font-weight:bold;
     font-size:16px 
}
 .appInfoPopOver .table{
     display:inline-grid;
     max-width:95% 
}
 .appInfoPopOver .table .row{
     display:table-row;
     padding-top:8px;
     word-break:break-word 
}
 .appInfoPopOver .table .label{
     font-weight:600;
     font-weight:bold 
}
 .appInfoPopOver .button{
     float:right 
}
 .moreOptions .mobileMode{
     display:none 
}
 .no-outline{
     outline:none 
}
 .no-wrap{
     white-space:nowrap 
}
 .form-group-last-child{
     margin-bottom:20px 
}
 .position-buttons>div:first-child{
     display:inline-block;
     width:100%;
     margin-bottom:36px 
}
 ul{
     margin:0 
}
 .scope{
     margin-bottom:8px;
     margin-top:8px 
}
 .scope .text-caption{
     margin:8px 0 0 28px 
}
 .scope .toggle{
     cursor:pointer 
}
 .scope .toggle .chevron{
     width:20px;
     float:left 
}
 .scope .toggle .label{
     margin:0;
     margin-left:8px 
}
 .button-container{
     position:absolute;
     bottom:0;
     right:0;
     text-align:right 
}
 .agreement-buttons div.button-container{
     position:relative;
     bottom:auto;
     right:auto;
     text-align:right 
}
 .move-buttons div.button-container{
     bottom:auto 
}
 .help-button{
     cursor:pointer 
}
 @media (max-width:600px),(max-height:366px){
     .background,.background>div{
         display:none 
    }
     .background.app,.background.app>div{
         display:inherit 
    }
     .background-logo-holder{
         margin-top:24px 
    }
     .middle{
         vertical-align:top 
    }
     .middle.app{
         padding-left:8px;
         padding-right:8px 
    }
     .inner{
         padding:24px;
         margin-bottom:68px;
         width:100%;
         width:100vw;
         -webkit-box-shadow:none;
         -moz-box-shadow:none;
         box-shadow:none;
         border:0 
    }
     .inner.app{
         min-width:304px;
         width:calc(100vw - 16px) 
    }
     .inner.app{
         -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);
         -moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);
         box-shadow:0 2px 6px rgba(0,0,0,0.2);
         border:1px solid #818c94;
         border:1px solid rgba(0,0,0,0.4) 
    }
     .inner.has-popup{
         padding-bottom:0;
         margin-bottom:0 
    }
     .inner.has-popup.app{
         padding-bottom:24px;
         margin-bottom:20px 
    }
     .promoted-fed-cred-box{
         padding:24px;
         margin-bottom:68px;
         width:100%;
         width:100vw;
         padding:0 24px 
    }
     .promoted-fed-cred-box.app{
         min-width:304px;
         width:calc(100vw - 16px) 
    }
     .promoted-fed-cred-box.app{
         padding:0 
    }
     .promoted-fed-cred-content{
         -webkit-box-shadow:none;
         -moz-box-shadow:none;
         box-shadow:none;
         border:0;
         padding-left:24px;
         padding-right:24px;
         border:1px solid #818c94;
         border:1px solid rgba(0,0,0,0.4) 
    }
     .promoted-fed-cred-content.app{
         -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);
         -moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);
         box-shadow:0 2px 6px rgba(0,0,0,0.2);
         border:1px solid #818c94;
         border:1px solid rgba(0,0,0,0.4) 
    }
     .row.tile{
         margin-left:-24px;
         margin-right:-24px 
    }
     .row.tile .table{
         padding:12px 24px 
    }
     .wide{
         max-width:440px 
    }
     .footer{
         position:absolute;
         margin-bottom:-24px;
         left:0 
    }
     .footer.default{
         background:#fff;
         margin-bottom:0 
    }
     .footer.default div.footerNode a,.footer.default div.footerNode span{
         color:#747474 
    }
     .footer:lang(ru-ru),.footer:lang(uk-ua){
         position:relative 
    }
     div.footerNode{
         float:left;
         margin:0 24px !important 
    }
     .boilerplate-text{
         padding:20px;
         margin-top:56px;
         margin-right:0;
         margin-bottom:0;
         margin-left:0 
    }
     .debug-details-banner{
         position:fixed;
         width:100%;
         top:auto;
         left:0;
         right:0;
         background-color:#f2f2f2;
         -webkit-box-shadow:none;
         -moz-box-shadow:none;
         box-shadow:none 
    }
     .appInfoPopOver{
         margin-left:auto;
         margin-right:auto;
         left:0;
         right:0;
         width:396px;
         background-color:#fff;
         -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);
         -moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);
         box-shadow:0 2px 6px rgba(0,0,0,0.2) 
    }
     .moreOptions .mobileMode{
         display:inline-block 
    }
     .moreOptions .desktopMode{
         display:none 
    }
     .footerSignout,.footerSignout>a{
         color:#262626 !important 
    }
     .move-buttons div.button-container{
         bottom:auto 
    }
}
 .page-description-with-icon{
     margin-left:34px 
}
 .bold{
     font-weight:bold 
}
 .stack-trace{
     color:black;
     font-family:"Consolas",monospace;
     overflow:auto 
}
 .stack-trace p{
     margin-top:15px 
}
 .stack-trace ul{
     list-style:none 
}
 .stack-trace ul li{
     margin-top:15px 
}
 .stack-trace fieldset{
     color:black;
     border:0;
     border-top:1px solid white;
     margin-bottom:50px 
}
 .stack-trace hr{
     border:none;
     border-top:solid 1px white 
}
 .linked-in-consent{
     position:relative 
}
 .linked-in-consent img{
     width:100% 
}
 .linked-in-consent .display-name{
     width:100%;
     text-align:center;
     bottom:10px;
     font-weight:600;
     position:absolute 
}
 .inline-block{
     display:inline-block 
}
 input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"]{
     border-top-width:0;
     border-left-width:0;
     border-right-width:0;
     padding-left:0 
}
 body.cb input[type="text"].hip{
     border-width:0 !important;
     border-bottom-width:1px !important;
     padding:6px 0 !important 
}
 select{
     border-top-width:0;
     border-left-width:0;
     border-right-width:0;
     padding:6px 0 
}
 select:hover{
     background:transparent 
}
 select:focus{
     background:#eee 
}
 .text-title{
     color:#404040;
     font-size:1.5rem;
     font-weight:600;
     padding:0;
     margin-top:16px;
     margin-bottom:12px;
     font-family:"Segoe UI","Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math" 
}
 .text-title:lang(zh-cn),.text-title:lang(zh-tw){
     font-family:"Segoe UI","Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math" 
}
 .app-name{
     margin-bottom:20px;
     margin-top:20px;
     margin-bottom:1.25rem;
     margin-top:1.25rem;
     font-size:24px;
     line-height:28px;
     font-weight:300;
     line-height:1.75rem;
     padding-bottom:2.3632px;
     padding-top:2.3632px;
     color:#404040;
     font-size:1.5rem;
     font-weight:600;
     padding:0;
     margin-top:16px;
     margin-bottom:12px;
     font-family:"Segoe UI","Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
     margin-top:0;
     margin-bottom:0;
     font-size:.9375rem;
     line-height:1.25rem 
}
 .secondary-text{
     font-size:.85rem 
}
 .alert{
     margin-bottom:0;
     margin-top:0 
}
 .alert.alert-margin-bottom{
     margin-bottom:12px 
}
 .text-base{
     font-size:.85rem 
}
 .dropdown-toggle.membernamePrefillSelect{
     padding:0;
     border-width:1px;
     height:36px;
     outline:none;
     border-left:none;
     border-right:none;
     border-top:none;
     border-color:#666;
     background-color:transparent 
}
 .dropdown-toggle.membernamePrefillSelect:active{
     transform:none;
     border:1px solid #0078d7;
     border-top-width:0;
     border-left-width:0;
     border-right-width:0 
}
 .dropdown-toggle.membernamePrefillSelect:focus{
     transform:none;
     border:1px solid #0078d7;
     border-top-width:0;
     border-left-width:0;
     border-right-width:0;
     background-color:#eee !important 
}
 .dropdown-toggle.membernamePrefillSelect:hover,.open .dropdown-toggle.membernamePrefillSelect{
     border:1px solid #0078d7;
     border-top-width:0;
     border-left-width:0;
     border-right-width:0;
     background-color:#eee !important 
}
 .dropdown-toggle.membernamePrefillSelect.has-error,.dropdown-toggle.membernamePrefillSelect.has-error:hover{
     border-width:1px;
     border-color:#e81123 
}
 .outlookEmailLabel{
     border-left:none;
     border-right:none;
     border-top:none;
     padding-right:0 
}
 .subtitle{
     font-weight:400;
     line-height:20px 
}
 .section{
     margin-bottom:0 
}
 .radio{
     margin-top:20px;
     margin-bottom:20px 
}
 div[role=radiogroup]>div[class="radio"]:first-child{
     margin-top:0 
}
 .form-group-top{
     margin-top:16px 
}
 div[role=listitem],.list-item{
     margin-left:20px;
     display:list-item;
     list-style:circle;
     list-style-type:disc 
}
 .phoneCountryCode{
     position:absolute;
     width:100%;
     left:0;
     padding:6px 4px;
     height:36px;
     border-bottom-width:1px;
     border-color:#666;
     border-color:rgba(0,0,0,0.6);
     border-bottom-style:solid 
}
 .phoneCountryCode.hasFocus{
     background-color:#eee;
     border:1px solid #eee;
     border-bottom-color:#0067b8;
     margin:-1px -1px 0 -1px 
}
 .phoneCountryCode.has-error{
     border-color:#e81123 
}
 .phoneCountry{
     left:0;
     opacity:0;
     cursor:pointer;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" 
}
 .phoneCountryBox{
     display:inline-block 
}
 .downArrow{
     position:absolute;
     right:-6px;
     padding:6px 0;
     height:36px 
}
 .phoneNumber{
     display:inline-block;
     padding-left:16px 
}
 .row-app-info{
     table-layout:auto 
}
 .row-app-info .logo{
     display:table-cell;
     width:32px;
     height:32px;
     padding-right:8px 
}
 .row-app-info .logo img{
     width:inherit;
     height:inherit 
}
 .pagination-view{
     position:relative;
     min-height:206px 
}
 .pagination-view.has-identity-banner{
     min-height:170px 
}
 .zero-opacity{
     opacity:0 
}
 .lightbox-cover{
     background-color:white;
     opacity:0;
     filter:alpha(opacity=0);
     z-index:-1;
     height:100%;
     width:100%;
     position:absolute;
     top:0;
     left:0;
     transition:all .5s ease-in;
     -o-transition:all .5s ease-in;
     -moz-transition:all .5s ease-in;
     -webkit-transition:all .5s ease-in 
}
 .lightbox-cover.disable-lightbox{
     z-index:10;
     opacity:.5;
     filter:alpha(opacity=0) 
}
 .cc-banner{
     position:relative;
     font-size:12px;
     display:table-row;
     height:2em 
}
 .cc-banner div,.cc-banner span,.cc-banner a,.cc-banner svg{
     margin:0;
     padding:0;
     text-decoration:none 
}
 .cc-banner .cc-v-center{
     display:inline;
     vertical-align:middle;
     line-height:2em 
}
 .cc-text>a{
     float:right 
}
 .cc-banner{
     color:#231f20;
     background:#f2f2f2;
     text-align:center;
     padding:0 1em;
     margin:0 
}
 .cc-banner>.cc-container{
     text-align:left;
     padding:.75em;
     display:inline-block;
     width:100% 
}
 @media (min-width:768px){
     .cc-banner{
         font-size:13px 
    }
}
 @media (min-width:1084px){
     .cc-banner{
         padding:0 
    }
     .cc-banner>.cc-container{
         width:90%;
         max-width:1600px 
    }
}
 .cc-banner.active{
     display:block 
}
 .cc-banner .cc-icon{
     height:1.846em;
     width:1.846em 
}
 .cc-banner .cc-text{
     margin-left:.5em;
     margin-right:1.5em 
}
 .cc-banner .cc-link{
     color:#0067b8 
}
 .cc-banner .cc-link:hover,.cc-banner .cc-link:focus{
     text-decoration:underline 
}
 .cc-banner .cc-link:focus{
     outline:0;
     background:#dae6ef;
     background:content-box rgba(0,120,215,0.1) 
}
 .env-banner{
     display:table;
     max-width:200px;
     min-height:50px;
     max-height:100px;
     overflow:hidden;
     background:#0067b8;
     color:#fff;
     position:absolute;
     margin:10px;
     font-weight:bold;
     top:0;
     right:0;
     z-index:100 
}
 .env-banner-inner{
     display:table-cell;
     vertical-align:middle;
     padding:5px;
     text-align:left;
     direction:ltr 
}
 body a.env-banner-link{
     text-decoration:underline 
}
 .env-banner-link:hover,.env-banner-link:link,.env-banner-link:visited,.env-banner-link:visited:hover,.env-banner-link:link:hover,.env-banner-link:active,.env-banner-link:link:active,.env-banner-link:visited:active{
     color:#fff 
}
 .env-banner-text{
     display:inline-block;
     font-weight:normal 
}
 .fade-in-lightbox{
     animation:fadeIn .3s ease-in;
     -webkit-animation:fadeIn .3s ease-in;
     -moz-animation:fadeIn .3s ease-in;
     -ms-animation:fadeIn .3s ease-in;
     -o-animation:fadeIn .3s ease-in 
}
 .animate{
     animation-duration:.25s;
     -webkit-animation-duration:.25s;
     -moz-animation-duration:.25s;
     -ms-animation-duration:.25s;
     -o-animation-duration:.25s;
     animation-timing-function:cubic-bezier(.5, 0, .5, 1);
     -webkit-animation-timing-function:cubic-bezier(.5, 0, .5, 1);
     -moz-animation-timing-function:cubic-bezier(.5, 0, .5, 1);
     -ms-animation-timing-function:cubic-bezier(.5, 0, .5, 1);
     -o-animation-timing-function:cubic-bezier(.5, 0, .5, 1);
     animation-fill-mode:both;
     -webkit-animation-fill-mode:both;
     -moz-animation-fill-mode:both;
     -ms-animation-fill-mode:both;
     -o-animation-fill-mode:both 
}
 html[dir=ltr] .animate.slide-out-next,html[dir=rtl] .animate.slide-out-back{
     animation-name:hide-to-left;
     -webkit-animation-name:hide-to-left;
     -moz-animation-name:hide-to-left;
     -ms-animation-name:hide-to-left;
     -o-animation-name:hide-to-left 
}
 html[dir=ltr] .animate.slide-in-next,html[dir=rtl] .animate.slide-in-back{
     animation-name:show-from-right;
     -webkit-animation-name:show-from-right;
     -moz-animation-name:show-from-right;
     -ms-animation-name:show-from-right;
     -o-animation-name:show-from-right 
}
 html[dir=ltr] .animate.slide-out-back,html[dir=rtl] .animate.slide-out-next{
     animation-name:hide-to-right;
     -webkit-animation-name:hide-to-right;
     -moz-animation-name:hide-to-right;
     -ms-animation-name:hide-to-right;
     -o-animation-name:hide-to-right 
}
 html[dir=ltr] .animate.slide-in-back,html[dir=rtl] .animate.slide-in-next{
     animation-name:show-from-left;
     -webkit-animation-name:show-from-left;
     -moz-animation-name:show-from-left;
     -ms-animation-name:show-from-left;
     -o-animation-name:show-from-left 
}
 @keyframes hide-to-left{
     from{
         transform:translateX(0);
         opacity:1 
    }
     to{
         transform:translateX(-200px);
         opacity:0 
    }
}
 @keyframes show-from-right{
     from{
         transform:translateX(200px);
         opacity:0 
    }
     to{
         transform:translateX(0);
         opacity:1 
    }
}
 @keyframes hide-to-right{
     from{
         transform:translateX(0);
         opacity:1 
    }
     to{
         transform:translateX(200px);
         opacity:0 
    }
}
 @keyframes show-from-left{
     from{
         transform:translateX(-200px);
         opacity:0 
    }
     to{
         transform:translateX(0);
         opacity:1 
    }
}
 @-webkit-keyframes hide-to-left{
     from{
         -webkit-transform:translateX(0);
         opacity:1 
    }
     to{
         -webkit-transform:translateX(-200px);
         opacity:0 
    }
}
 @-webkit-keyframes show-from-right{
     from{
         -webkit-transform:translateX(200px);
         opacity:0 
    }
     to{
         -webkit-transform:translateX(0);
         opacity:1 
    }
}
 @-webkit-keyframes hide-to-right{
     from{
         -webkit-transform:translateX(0);
         opacity:1 
    }
     to{
         -webkit-transform:translateX(200px);
         opacity:0 
    }
}
 @-webkit-keyframes show-from-left{
     from{
         -webkit-transform:translateX(-200px);
         opacity:0 
    }
     to{
         -webkit-transform:translateX(0);
         opacity:1 
    }
}
 @-moz-keyframes hide-to-left{
     from{
         -moz-transform:translateX(0);
         opacity:1 
    }
     to{
         -moz-transform:translateX(-200px);
         opacity:0 
    }
}
 @-moz-keyframes show-from-right{
     from{
         -moz-transform:translateX(200px);
         opacity:0 
    }
     to{
         -moz-transform:translateX(0);
         opacity:1 
    }
}
 @-moz-keyframes hide-to-right{
     from{
         -moz-transform:translateX(0);
         opacity:1 
    }
     to{
         -moz-transform:translateX(200px);
         opacity:0 
    }
}
 @-moz-keyframes show-from-left{
     from{
         -moz-transform:translateX(-200px);
         opacity:0 
    }
     to{
         -moz-transform:translateX(0);
         opacity:1 
    }
}
 @-ms-keyframes hide-to-left{
     from{
         -ms-transform:translateX(0);
         opacity:1 
    }
     to{
         -ms-transform:translateX(-200px);
         opacity:0 
    }
}
 @-ms-keyframes show-from-right{
     from{
         -ms-transform:translateX(200px);
         opacity:0 
    }
     to{
         -ms-transform:translateX(0);
         opacity:1 
    }
}
 @-ms-keyframes hide-to-right{
     from{
         -ms-transform:translateX(0);
         opacity:1 
    }
     to{
         -ms-transform:translateX(200px);
         opacity:0 
    }
}
 @-ms-keyframes show-from-left{
     from{
         -ms-transform:translateX(-200px);
         opacity:0 
    }
     to{
         -ms-transform:translateX(0);
         opacity:1 
    }
}
 @-o-keyframes hide-to-left{
     from{
         -o-transform:translateX(0);
         opacity:1 
    }
     to{
         -o-transform:translateX(-200px);
         opacity:0 
    }
}
 @-o-keyframes show-from-right{
     from{
         -o-transform:translateX(200px);
         opacity:0 
    }
     to{
         -o-transform:translateX(0);
         opacity:1 
    }
}
 @-o-keyframes hide-to-right{
     from{
         -o-transform:translateX(0);
         opacity:1 
    }
     to{
         -o-transform:translateX(200px);
         opacity:0 
    }
}
 @-o-keyframes show-from-left{
     from{
         -o-transform:translateX(-200px);
         opacity:0 
    }
     to{
         -o-transform:translateX(0);
         opacity:1 
    }
}