/* Table of Content
==================================================
	#Reset & Basics
	#Site Styles
	#Navigation
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Table
	#Misc
    #colors
       h1 main titles  #3F4553
        h2 gn titles    #69a787
        h3 bu titles    #2f86bc
        dark grey       #6b767e
        p body text     #888f9c
*/

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
   font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}






* { font-family: 'open_sansregular', Helvetica, Arial, Sans-serif; font-size: 100%; text-rendering: optimizeLegibility;}
.validation-summary-errors > ul > li { text-rendering: auto; }

/* #Reset & Basics 
================================================== */
html  {  -webkit-font-smoothing: antialiased !important; }

body { font-family: 'open_sansregular',Helvetica,Arial,sans-serif; color: #636b7e;}

a{	-webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;	-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*-webkit-transform: translate3d(0,0,0);*/ color:#2f86bc;font-size-adjust: none;
font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; font-size: inherit; text-rendering: auto; /*transform: translate(0px, 0px);*/}
a:hover, a:focus, a:active {text-decoration:underline;color:#2f86bc; }
a:focus, a:active {text-decoration:none;outline:none !important;}

/*link colors*/
a.purple{ color:#cc66cc;}
a.purple:hover{ color:#993399;}
a.orange{ color:#ff6600;}
a.orange:hover { color:#ff3300;}
a.white{color:#ffffff;}
a.white:hover{color:#f2f2f2;}
a.success{ color:#99cc00;}
a.success:hover { color:#669900;}
a.info{color:#33cccc;}
a.info:hover{color:#33cccc;}
a.warning{color:#ff9900;}
a.warning:hover{color:#ff9900;}
a.danger{color:#cc0000;}
a.danger:hover{color:#cc0000;}

.btn {	-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;/*-webkit-transform: translate3d(0,0,0);*/}

/* #Typography 
================================================== */

h1, .h1 {font: 24px 'open_sansregular', Helvetica, Arial, Sans-serif; margin:0 0 12px; color:#3F4553; line-height:30px;  letter-spacing: -0.5px;}
h2, .h2 {font: 21px 'open_sansregular', Helvetica, Arial, Sans-serif; margin:0 0 10px;text-transform: uppercase; color:#69a787;  letter-spacing: -0.5px; }
h3, .h3 {font: 20px 'open_sansregular', Helvetica, Arial, Sans-serif; margin:0 0 15px; color:#2f86bc; line-height:24px; }
h3 .sublink {font-size: 22px; line-height: 28px; font-family: 'open_sansregular', Helvetica, Arial, Sans-serif; margin: 20px 0 20px 0;  color: #2f86bc; font-weight:normal; }
h4, .h4 {font: 22px 'open_sansregular', Helvetica, Arial, Sans-serif;line-height: 28px; color:#3F4553; }
h5, .h5 {font: 18px 'open_sansregular', Helvetica, Arial, Sans-serif; line-height: 26px; color:#2f86bc;  margin: 0 0 10px 0 ;}
h6, .h6 {font: 16px 'open_sansregular', Helvetica, Arial, Sans-serif; }
p { color: #636b7e;   font-size: 15px; line-height: 23px;  }
p .disclaimer{  font-size: 13px; line-height: 18px;  color: #636b7e; }
h1 sup { font-size:50%;}
h2 sup { font-size:50%; padding-left: 2px;}
h3 sup { font-size:50%; padding-left: 2px;}
/*i, em {  font-style:italic }
p em { font-style:italic }
blockquote em { font-style:italic}
h1 em { font-style:italic }
h2 em {  font-style:italic }
h4 em { font-style:italic }*/
strong em { font-style:italic; font-weight: bold }

h4.modal-title { font: 24px 'open_sansregular',Helvetica,Arial,Sans-serif; color: #4e535c; line-height: 30px;}
/* Login Banner */
.loginbanner { background-color: #dce6f0; height: 196px; background: url(../images/homepage/banner-bk-rpt.jpg) repeat-x 0 0;  margin-bottom: 20px; position: relative}
.banner { max-width: 1170px; margin: 0 auto; padding: 0px 20px;}
.banner .image { float: right; margin: 0; padding: 0;  position: absolute; top: 0}
.banner .text { float: left; margin:50px 0 0 0px; padding: 0; }
.banner .text h1 {
  font-size: 28px;
  line-height: 32px;
  color: #4E535C;
  text-align: left;
  text-shadow: none;
}
.banner .text p {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 27px;
  color: #6b767e;
  text-align: left;
  text-shadow: none;
  font-family: 'open_sansregular', Helvetica, Arial, Sans-serif;
}
.banner .text p em {
  font-style: italic;
}
.banner .text p sup {
  position: relative;
  font-size: 55%;
  line-height: 0;
  vertical-align: baseline;
  color: #4e535c;
}



/* Special Headings */

/* big text lead */
.lead { margin-bottom: 15px; font-size: 14px; line-height: 24px; color:#636b7e;  font-family:'open_sansregular', Helvetica, Arial, Sans-serif; }
p.lead { margin-bottom: 15px; font-size: 14px; line-height: 24px; color:#636b7e;  font-family:'open_sansregular', Helvetica, Arial, Sans-serif; }
p.lead em {  font-family:'open_sansregular_italic', Helvetica, Arial, Sans-serif; font-style: normal; padding-top: 5px; }
.leadall { font-size: 14px; line-height: 26px; color:#636b7e;  font-family:'open_sansregular', Helvetica, Arial, Sans-serif; width: 100% }
.transform-none { text-transform:  none;}

/* Buttons */
.btn { font-size: 18px;  font-family:'open_sansregular', Helvetica, Arial, Sans-serif; text-transform: uppercase;padding: 6px 20px;}

.btn-primary {
  color: #ffffff;
  background-color: #55a2d1;
  border-color: #55a2d1;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #0675b4;
  border-color: #55a2d1;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #55a2d1;
  border-color: #55a2d1;
}

.btn-subdue {
  color: #ffffff;
  background-color: #a2aab8;
  border-color: #a2aab8;
}

.btn-subdue:hover,
.btn-subdue:focus,
.btn-subdue:active,
.btn-subdue.active,
.open .dropdown-toggle.btn-subdue {
  color: #ffffff;
  background-color: #7f899a;
  border-color: #a2aab8;
}

.btn-subdue:active,
.btn-subdue.active,
.open .dropdown-toggle.btn-subdue {
  background-image: none;
}

.btn-subdue.disabled,
.btn-subdue[disabled],
fieldset[disabled] .btn-subdue,
.btn-subdue.disabled:hover,
.btn-subdue[disabled]:hover,
fieldset[disabled] .btn-subdue:hover,
.btn-subdue.disabled:focus,
.btn-subdue[disabled]:focus,
fieldset[disabled] .btn-subdue:focus,
.btn-subdue.disabled:active,
.btn-subdue[disabled]:active,
fieldset[disabled] .btn-subdue:active,
.btn-subdue.disabled.active,
.btn-subdue[disabled].active,
fieldset[disabled] .btn-subdue.active {
  background-color: #a2aab8;
  border-color: #a2aab8;
}




/* #Site Styles 
================================================== */
.logo   {padding: 4px 0 10px 10px;}


/*==== Site Wrappers ====*/
.page-wrapper{overflow-x:hidden; background:#fff;}
/*use this class to have boxed version of the website*/
.page-wrapper.boxed{ max-width:1210px; margin:0px auto; -webkit-box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15); -moz-box-shadow:    0 3px 14px rgba(50, 50, 50, 0.15); box-shadow:         0 3px 14px rgba(50, 50, 50, 0.15)}
.header-bottom { z-index:100; position:relative;background-color:#2f86bc;}
.header-wrapper{ position:relative;}
.slider-wrapper{ float: left; margin-top: -35px; overflow: hidden;  position: relative;  width: 100%;  z-index: 9;}
.slider-wrapper ul > li { padding:0;}
.main-wrapper {   clear: both; }
.footer-wrapper{}
.footer-wrapper .lead{ font-size:20px;}





/*==== Site Blocks ====*/

/*==== Header Top ====*/
.header-top{background:#505763; padding: 4px 0;}
.topnav { background: url(../images/header-bkgd.png) no-repeat scroll top center #fff;  margin: 0; padding: 0; height:100px; }

/* top menu left and right */
ul.tertiarymenu { position: absolute; right: 10px; top: 5px; z-index: 10;}
ul.tertiarymenu li { float: right; list-style: none; padding: 0; margin: 0}
ul.tertiarymenu li a:link, ul.tertiarymenu li a:hover,ul.tertiarymenu li a:visited, ul.tertiarymenu li a:active { color: #2f86bc; font-size: 11px; text-decoration: none; padding: 5px 15px; margin: 0;  }

ul#iconmenu {  margin: 0; list-style: none; position: absolute; right: 20px; top: 58px; z-index: 10; font-size: 11px;}
ul#iconmenu li { display: inline; float: left}
ul#iconmenu li.search { display: inline; float: right; position: relative;margin-top:10px}
ul#iconmenu li.search input { display: inline; float: left; position: relative; border: none; background: none; text-align: right; padding: 5px 10px 5px 5px;margin: -2px 0 0 0; width: 100px}
ul#iconmenu li.search a {  float: right; }
ul#iconmenu li.search a img { position: relative; }
ul#iconmenu li.search a img.searchbutton { display: inline;cursor:pointer; }
ul#iconmenu li a { display: inline; float: right; height: 31px;}

ul#iconmenu li a.contactus { background-image: url(../images/icon-sp-contactus.png.html); width: 69px; background-position: center 0;        margin: 0 5px 0 0px;}
ul#iconmenu li a.contactus:hover, ul#iconmenu li a.contactus:focus { background-position:  center -31px;        }
ul#iconmenu li a.advmarkets { background-image: url(../images/icon-sp-advmarkets.png.html); width: 68px; background-position: center 0; }
ul#iconmenu li a.advmarkets:hover, ul#iconmenu li a.advmarkets:focus { background-position:  center -31px;}
ul#iconmenu li a.forms { background-image: url(../images/icon-sp-forms.png.html); width: 54px; background-position: center 0;margin: 0 0px 0 0px; }
ul#iconmenu li a.forms:hover, ul#iconmenu li a.forms:focus { background-position:  center -31px;}
ul#iconmenu li a.officesafe { background-image: url(../images/icon-sp-officesafe.png.html); width: 50px; background-position: center 0; margin: 0 20px 0 15px;}
ul#iconmenu li a.officesafe:hover, ul#iconmenu li a.officesafe:focus { background-position:  center -31px;}
ul#iconmenu li a.igoeapp { background-image: url(../images/icon-sp-igoeapp.png.html); width: 53px; background-position: center 0;      }
ul#iconmenu li a.igoeapp:hover, ul#iconmenu li a.igoeapp:focus { background-position:  center -31px;}

ul#iconmenu li a.nbreporting, a.nbreporting:visited, a.nbreporting:active { background-image: url(../images/icon-sp-nbreporting.png.html); width: 70px; background-position: center 0;        }
ul#iconmenu li a.nbreporting:hover, ul#iconmenu li a.nbreporting:focus { background-position:  center -31px;}

#listicons {  padding-left: 0; margin-left: 0;list-style-type: none;margin: 0 }
#listicons li{ padding: 2px 0 10px 35px; font-size: 15px; line-height: 20px;}
#listicons li.website { background-image: url(../images/icon-website-24x24-2x.png.html); background-size:24px 24px; background-repeat:no-repeat; background-position: 0 0}
#listicons li.video { background-image: url(../images/icon-watch-webinar-2x.png.html); background-size:27px 24px; background-repeat:no-repeat; background-position: 0 0;}
#listicons li.email { background-image: url(../images/icon-email-2x.png.html); background-size:27px 24px; background-repeat:no-repeat; background-position: 0 0;}
#listicons li.pdf { background-image: url(../images/icon-pdf-23x23-2x.png.html); background-size:24px 24px; background-repeat:no-repeat; background-position: 0 0;}

#listicons li a {color:#2f86bc;}
#listicons li a:hover, a:focus, a:active, .footer-custom-menu li a:hover {color:#2f86bc; text-decoration:underline}

.fontawesome-icon-list .fa-hover-add { width: 100%; list-style: none; padding-left: 0px; }
.fontawesome-icon-list ul.fa-hover-add { margin-bottom: 0; }
.fontawesome-icon-list ul.fa-hover-add li { margin-bottom: 0; }
.fontawesome-icon-list .fa-hover-add a { color: #2f86bc; border-radius: 3px; margin: 0 0 0 0; padding: 4px 15px 6px 5px; text-overflow: clip; overflow: hidden; text-decoration: none; text-align: left; display: inline-block; position: relative; padding-left: 40px; vertical-align: middle; font-size: 15px; line-height: 20px; }
.fontawesome-icon-list .fa-hover-add a .fa { font-size: 16px; text-align: right; vertical-align: -2px; margin-right: 8px; position: absolute; left: 15px; top: 50%; margin-top: -9px; }
.fontawesome-icon-list .fa-hover-add a:hover { background-color: #55a2d1; color: #ffffff; text-decoration: none; margin: 0 0 0 0; padding: 4px 15px 6px 5px; display: inline-block; position: relative; padding-left: 40px; vertical-align: middle; }
.fontawesome-icon-list .fa-hover-add a:hover i { font-size: 16px; text-align: right; vertical-align: -2px; margin-right: 8px; position: absolute; left: 15px; top: 50%; margin-top: -9px; }

ul.list-inline li.textsm { margin-bottom: 0;  font-size: 15px; line-height:30px}
.list-inline > li.textsm{ margin-bottom: 0;  font-size: 15px; line-height:28px}
p.textsm{ margin-bottom: 0;  font-size: 15px; line-height:22px}

.fontawesome-icon-list {  }
.fontawesome-icon-list .fa-hover { width: 100%; list-style: none; padding-left: 0;}
.fontawesome-icon-list .fa-hover a{ color: #2f86bc;  border-radius: 4px;  margin: 0 0 0 0; padding: 10px 20px 10px 15px; text-overflow: clip; overflow: hidden; text-decoration: none; text-align:left;
                                     display: inline-block; position: relative; padding-left: 50px; vertical-align: middle;font-size: 15px; line-height:22px;}
.fontawesome-icon-list .fa-hover a .fa { font-size: 20px;text-align: right;  vertical-align: -2px; margin-right: 8px; position: absolute; left: 20px; top: 50%; margin-top: -11px;  }
.fontawesome-icon-list .fa-hover a:hover { background-color: #55a2d1; color: #ffffff; text-decoration: none; margin: 0 0 0 0; padding: 10px 20px 10px 15px; display: inline-block; position: relative; padding-left: 50px; vertical-align: middle; }
.fontawesome-icon-list .fa-hover a:hover i { font-size: 20px; text-align: right;  vertical-align: -2px; margin-right: 8px; position: absolute; left: 20px; top: 50%; margin-top: -11px;  }
.fontawesome-icon-list .fa-hover a:hover .fa-angle-right { color:#ffffff; }

.clx-icon-list {  }
.clx-icon-list .icon-hover { width: 100%; list-style: none; padding-left: 0;}
.clx-icon-list .icon-hover a{ color: #2f86bc;  border-radius: 4px;  margin: 0 0 0 0; padding: 10px 15px 10px 15px; text-overflow: clip; overflow: hidden; text-decoration: none; text-align:left;
                                     display: inline-block; position: relative; padding-left: 55px; vertical-align: middle;  font-size: 15px; }
.clx-icon-list .icon-hover a .icon { font-size: 26px;text-align: right;  vertical-align: -2px; margin-right: 8px; position: absolute; left: 20px; top: 50%; margin-top: -12px;  }
.clx-icon-list .icon-hover a:hover { background-color: #55a2d1; color: #ffffff; text-decoration: none; margin: 0 0 0 0; padding: 10px 15px 10px 15px; display: inline-block; position: relative; padding-left: 55px; vertical-align: middle; }
.clx-icon-list .icon-hover a:hover i { font-size: 26px; text-align: right;  vertical-align: -2px; margin-right: 8px; position: absolute; left: 20px; top: 50%; margin-top: -12px;  }

.clx-icon-list .icon-hover a .icon.icon-us-map {
  font-size: 38px;
  text-align: right;
  vertical-align: -2px;
  margin-right: 8px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -18px;
}

.icon { display: inline-block; font: normal normal normal 14px/1 clx-icons; font-size: inherit; text-rendering: auto;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);}
.icon-ul { padding-left: 0;  margin-left: 1.4em;  list-style-type: none;   padding-right: 10px; }
.icon-ul > li { position: relative;}
.icon-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.24285714em;text-align: center;}

/*=============================
Top Header Styles
===============================*/

/*==== Header Bottom ====
.header-bottom { z-index:100; position:relative;background-color:#2f86bc;}*/
/* container menu 
.header-bottom .container {  background: none; }
*/
/*==== Back To Top ====*/
.scrollup{ border: none;  bottom: -1px; display: none;  font-size: 16px;  left: 50%;  margin-left: -30px;  opacity: 0.6;  position: fixed; background:#55a2d1; text-align: center; width: 60px;  z-index: 999;}
.scrollup .fa { color:#ffffff;}
.scrollup:hover{ opacity:0.9; background:#1188cc;}


/***** Main Container ********************************/
/* Spacers and Horizontal Rulers*/
.blank-spacer{ min-height:1px; float:none; clear:both;}
.blank-spacer:before, .blank-spacer:after{ content: " "; display: table;}
.blank-spacer:after {clear: both;}
.hr-wrapper{ width:100%; display:block; float:left;}



/*********************  PAGES  ****************************************/


/***** Header Inner Pages *****/

.icon-marleft { margin-left: 10px }
.icon-marright { margin-right: 10px }

/*general inner header*/
.page-header{ padding: 3px 0 3px 0px; margin:0px 0 0; background-color:#f1f4f9; border:none;}
.page-header .page-title { margin:0; line-height:1.7;}
.page-header h1, .page-header h2, .page-header h3{ color:#636b7e;}

/*******  Breadcrumbs *******************/
.breadcrumb { margin:0; background:#f1f4f9; line-height: 1.0; text-align:left; padding:10px 0 8px 0px; color:#636b7e; font-size:13px; text-transform:lowercase}
.breadcrumb li { float:none; width:auto;}
.breadcrumb > li + li:before {content: "\f105";font-family: 'FontAwesome'; color: #636b7e;padding-right: 8px}
.breadcrumb > .active {color: #636b7e;}

/* Align*/
.alignleft { float: left; margin: 0 20px 10px 0;}
.alignright { float: right;  margin: 0 0 10px 20px;}
.aligncenter {display: block; margin: 0 auto;}
.alignnone { float: none; margin: 0 auto;}

/* Margins */
/*top*/
.margin-top0{margin-top:0px !important;}
.margin-top10{margin-top:10px !important;}
.margin-top20{margin-top:20px !important;}
.margin-top30{margin-top:30px !important;}
.margin-top40{margin-top:40px !important;}
.margin-top50{margin-top:50px !important;}
.margin-top60{margin-top:60px !important;}
.margin-top70{margin-top:70px !important;}
.margin-top80{margin-top:80px !important;}
.margin-top90{margin-top:90px !important;}
.margin-top100{margin-top:100px !important;}

/*bottom*/
.margin-bottom0{margin-bottom:0px !important;}
.margin-bottom10{margin-bottom:10px !important;}
.margin-bottom15{margin-bottom:15px !important;}
.margin-bottom20{margin-bottom:20px !important;}
.margin-bottom30{margin-bottom:30px !important;}
.margin-bottom40{margin-bottom:40px !important;}
.margin-bottom50{margin-bottom:50px !important;}
.margin-bottom60{margin-bottom:60px !important;}
.margin-bottom70{margin-bottom:70px !important;}
.margin-bottom80{margin-bottom:80px !important;}
.margin-bottom90{margin-bottom:90px !important;}
.margin-bottom100{margin-bottom:100px !important;}



/* Padding */
/*top*/
.padding-top0{padding-top:0px !important;}
.padding-top10{padding-top:10px !important;}
.padding-top20{padding-top:20px !important;}
.padding-top30{padding-top:30px !important;}
.padding-top40{padding-top:40px !important;}
.padding-top50{padding-top:50px !important;}
.padding-top60{padding-top:60px !important;}
.padding-top70{padding-top:70px !important;}
.padding-top80{padding-top:80px !important;}
.padding-top90{padding-top:90px !important;}
.padding-top100{padding-top:100px !important;}

/*bottom*/
.padding-bottom0{padding-bottom:0px !important;}
.padding-bottom10{padding-bottom:10px !important;}
.padding-bottom20{padding-bottom:20px !important;}
.padding-bottom30{padding-bottom:30px !important;}
.padding-bottom40{padding-bottom:40px !important;}
.padding-bottom50{padding-bottom:50px !important;}
.padding-bottom60{padding-bottom:60px !important;}
.padding-bottom70{padding-bottom:70px !important;}
.padding-bottom80{padding-bottom:80px !important;}
.padding-bottom90{padding-bottom:90px !important;}
.padding-bottom100{padding-bottom:100px !important;}

.padding-none { padding:0 !important;}
.padding-xsmall { padding:5px 0 !important;}
.padding-small { padding:20px 0 !important;}
.padding-medium{ padding:40px 0 !important;}
.padding-large { padding: 60px 0 !important;}
/*left*/
.padding-left0{padding-left:0px;}
.padding-left10{padding-left:10px;}
.padding-left40 {padding-left:40px}

.padding-right0{padding-right:0px;}
.padding-right6{padding-right: 6px;}
.padding-right10{padding-right:10px;}
.padding-right40{padding-right:40px;}




/*==== Back To Top ====*/
.scrollup { border: none;  bottom: -1px;  left: 50%;  margin-left: -30px;  opacity: 0.6;  position: fixed; background:#55a2d1; text-align: center; width: 60px;  z-index: 999;}
.scrollup .fa { color:#ffffff;}
.scrollup:hover{ opacity:0.9; background:#1188cc;}

/*******  Product Pages
*******************/
.product-post{    border-bottom: none;  margin: 0 0 40px;  overflow: hidden;  padding: 0;  position: relative;  width: 100%;}
.product-post .read-more{ margin-bottom:-1px;}
.product-image{ margin:0;padding:0px; border: none; position:relative; text-align:left;box-shadow:  none}
.product-image img{ margin:0 0;}
.post-info{ min-height:60px; margin-bottom:20px;}

.product-info{ margin-bottom:0; padding:0 20px;}
.product-content{ padding:0 20px;}



/*********************
Footer Styles
**********************/


/* footer top */
.footer-top{ position:relative; width:100%;}

/* footer middle */
.footer-middle { background:#505763; color:#bfc5cf; }
.footer-widget { padding:20px 0; }
.footer-widget h3 {   color: #bfc5cf; font-size: 12px; line-height:16px; text-align: left; text-transform: uppercase; margin: 0 0 12px; font-family: 'open_sansregular', Helvetica, Arial, Sans-serif;}
.footer-widget p {   color: #bfc5cf; font-size: 12px; line-height:16px; text-align: left;}
.footer-middle .fa-ul li { margin-bottom:12px; padding-left:10px;}

/* footer bottom */
.footer-bottom { background-color:#404752; color:#bfc5cf; padding:10px 0 0px 0;}
.footer-bottom a { color:#bfc5cf;}
.footer-bottom a:hover { color:#e5e5e5;}
.logo-bottom { line-height: 52px;margin-bottom:20px;}
.footer-bottom p {   color: #bfc5cf; font-size: 11px; line-height:16px; text-align: center}


.footer-bottom .footer-menu { float:right; width:100%; text-align:center; margin-bottom:20px;}
.footer-bottom .footer-menu li{border-left:1px solid rgba(255, 255, 255, .6); padding:0 10px; line-height: 1.2;}
.footer-bottom .footer-menu li:first-child{ border-left:none; padding-left:0; }

/* Footer Custom Menu */
.footer-custom-menu{list-style: none outside none;  padding-left: 0px;	color: #bfc5cf; font: 'open_sansregular', Helvetica, Arial, Sans-serif;  font-size: 12px; line-height:16px;  text-align: left;margin: 0;}
.footer-custom-menu li {padding: 5px 0 5px 0; margin: 0;}
.footer-custom-menu li:first-child{border-top: none; margin-top: 0px; padding-top: 0px;}
.footer-custom-menu li a{ color:#bfc5cf;}
.footer-custom-menu li a:hover {color:#2f86bc; text-decoration:underline}


.footer-bottom .copyright { text-align: left}
.footer-bottom .copyright-right {   text-align: right;}
.footer-bottom .copyright-mobile { display: none}

.footer-custom-menu li a.homefooter { font-size:36px; margin: -10px 0 0 0; padding:0 0 0 10px; text-decoration: none; color: #bfc5cf;}
.footer-custom-menu li a.homefooter:hover {  text-decoration: none;}



.equal, .equal > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

@media (min-width: 768px) and (max-width: 979px) {

.logo {
  padding: 0px 0 10px 0px;   margin-left: -20px;
}
.footer-custom-menu li a.homefooter { font-size:36px; margin: 10px 0 0 0; padding:0 0 0 0px; text-decoration: none; color: #bfc5cf;}
.footer-custom-menu li a.homefooter:hover { color:#2f86bc; text-decoration:none}


}


@media (max-width: 767px) { 
p { color: #636b7e;   font-size: 16px; line-height: 24px;  }
.logomobile { padding: 0 0 0 43%; z-index: 200; position: absolute; margin: 0; }
.logomobile img { width: 50px;  height: 50px; margin-top: 2px; }

.searchmobile {   padding: 0; z-index: 200; position: absolute; margin: 0; font-size: 34px; color: #ffffff; top: 6px; }
.searchmobile a { color: #ffffff; }
.searchmobile img { width: 28px; height: 28px; margin-top: 12px; }

.equal, .equal > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
    flex:1 1 auto;
}
.padding-left0{padding-left:15px;}
.padding-left015{padding-left:0px;}


.footer-widget { padding:0;}
.footer-bottom p {   color: #bfc5cf; font-size: 11px; line-height:14px; text-align:center}

.footer-custom-menu-sm li {padding: 20px 10px 0px 10px;color: #bfc5cf;  font-size: 12px; line-height: 16px;}
.footer-custom-menu-sm li:first-child { padding: 20px 10px 0px 70px; margin-top: 0px; color: #bfc5cf;}
.footer-custom-menu-sm li:last-child { margin-left:40px}
.footer-custom-menu-sm li a{ color: #bfc5cf; }
.footer-custom-menu-sm li a:hover {color:#2f86bc; text-decoration:underline}
.footer-custom-menu-sm li a.homefooter { font-size:36px; margin: 0 0 0 10px; padding:0 0 0 10px; text-decoration: none; color: #bfc5cf;position: absolute; top: 10px; left: 0px;}
.footer-custom-menu-sm li a.homefooter:hover { color:#2f86bc; text-decoration:none}

.footer-bottom .copyright { display: none}
.footer-bottom .copyright-right { float: right;  display:inline; padding-top:10px}
.footer-bottom .copyright-mobile { float: left; display:inline; padding-top:10px}

.fontawesome-icon-list {  font-size: 17px; line-height: 21px;}
.fontawesome-icon-list .fa-hover { width: 100%; list-style: none;  padding-left: 0;  }
.fontawesome-icon-list .fa-hover a .fa { font-size: 22px;  top: 45%;  left: 15px;}
.fontawesome-icon-list .fa-hover a:hover i { font-size: 22px;  top: 45%; left: 15px;}
.btn { font-size: 20px;  }



.clx-icon-list {  font-size: 28px; line-height: 23px;}
.clx-icon-list .fa-hover { width: 100%; list-style: none;  padding-left: 0;  }
.clx-icon-list .fa-hover a .fa { font-size: 28px;  top: 45%;  left: 15px;}
.clx-icon-list .fa-hover a:hover i { font-size: 28px;  top: 45%; left: 15px;}


.clx-icon-list .icon-hover { width: 100%; list-style: none;  padding-left: 0;  }
.clx-icon-list .icon-hover a .fa { font-size: 28px;  top: 45%;  left: 15px;}
.clx-icon-list .icon-hover a:hover i { font-size: 28px;  top: 45%; left: 15px;}
.clx-icon-list .icon-hover a {
    color: #2f86bc;
    border-radius: 4px;
    margin: 0px;
    padding: 10px 25px 10px 55px;
    text-overflow: clip;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 18px;
    text-align: right;
}

}




/*==== Site Wrappers ====
.page-wrapper{overflow-x:hidden; background:#fff;}*/
/*use this class to have boxed version of the website
.page-wrapper.boxed{ max-width:1210px; margin:0px auto; -webkit-box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15); -moz-box-shadow:    0 3px 14px rgba(50, 50, 50, 0.15); box-shadow:         0 3px 14px rgba(50, 50, 50, 0.15)}
.header-wrapper{ position:relative;}*/
/*==== Header Top ====
.header-top{background:#505763; padding: 4px 0;}
.topnav { background: url(../images/header-bkgd.png) no-repeat scroll top center #fff;  margin: 0; padding: 0; height:100px; }

.header { margin: 0 auto; background: url(../images/homepage/header-bkgd.png) no-repeat center 0; height: 108px;border-top: 8px solid #5e5e5e;}
.header  img{ max-width: 195px; margin: 10px 0 0 5px; }
.navbarempty { background-color: #2f86bc; height: 51px; }
.loginbanner { background-color: #dce6f0; height: 194px; background: url(../images/homepage/banner-bk-rpt.jpg) repeat-x 0 0;  margin-bottom: 20px; }
.footer { background-color: #504e4f; color: #A1A1A1;  padding: 15px 0;  width: 100%; min-height: 65px; }
.footer p { color: #A1A1A1; font-size: 11px; margin: 0; padding: 0; line-height: 21px; }
.forfinancialuse { text-align: center; } 
.lastupdated { text-align: right; }
h1, .h1 {
  font: 28px 'open_sansregular', Helvetica, Arial, Sans-serif;
  margin: 0 0 20px;
  color: #4e535c;
  line-height: 32px;
}
h2 { font-size: 21px; font-weight: normal; margin-bottom: 20px}
h3 { font-size: 14px; font-weight: normal}
.loginhelp p { font-size: 12px }
p { line-height: 25px; margin-bottom: 21px;}
.banner { max-width: 1300px; margin: 0 auto; }
.banner .image { width: 50%;float: left; }
.banner .text { width: 50%;float: right }


form div { margin-bottom: 10px;  }
form div label{ width:30%;font-weight: normal }
form div input{ width:65%; background: none; }
.loginbuttons { padding-top: 10px}
input:focus { background-color: #fff !important; }
input:-webkit-autofill{  -webkit-box-shadow: 0 0 0px 1000px white inset; }
input{  padding: 5px;  border: solid 1px #dcdcdc;  transition: box-shadow 0.3s, border 0.3s; background: none; background-color: #f3f4f6 }
input:focus, input.focus { border: solid 1px #707070; box-shadow: 0 0 5px 1px #969696;  background: none; background-color: #f3f4f6 } 



a.reset, .loginnew  { text-decoration: none; background: none; background-color: #2f86bc; text-transform: uppercase; color: #fff; text-align: center; padding: 10px; cursor: pointer; width: 47%; transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; }	
a.reset {  float: left; }
.loginnew {  float: right;  border: none }	
a.reset:hover, .loginnew:hover{ background-color: #0072bc }
.show992, .loginmoveup { display: none }*/

/*----------MEDIA QUERIES-----------*/


@media (max-width: 1200px) {

.banner { max-width: 970px; margin: 0 auto; padding: 0px 20px;}
.banner .image { margin: 0; padding: 0;  position: absolute; top: 0; right: 0}
.banner .text {   margin:50px 30px 0 0px; padding: 0; }
.banner .text p { width: 80%}
}

@media (max-width: 992px) {


.welcome { display: none }
.banner .text { margin-right: 15px;}
.loginbuttons {  width: 50%; float: right; margin-right: 30px;}
.forfinancialuse, .lastupdated { text-align: left; }
.banner .image { margin-left: -40px;}
.loginbanner{ display: none }
.header { background: none; background-color: #5e5e5e; height: 75px; }
.logomobile { width: 195px; margin-top: 0;}
.hide992 { display: none }
.show992{ display: block }
.loginmoveup { display: block }
h2 { font-size: 27px; }
.header img {
max-width: 195px;
margin: 0px 0 0 0px;
}
}


@media (max-width: 768px) {
.footer { position: relative}
.navbarempty { height: 30px; }

.forfinancialuse, .lastupdated { text-align: left; }

}
  

@media (max-width: 480px) {

ul.list-inline li.textsm { margin-bottom: 0;  font-size: 15px}
p.textsm { margin-bottom: 0;  font-size: 15px}
}