@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,400italic,700|PT+Sans+Narrow:400,700|Droid+Sans:400,700|Archivo+Narrow:400,700,400italic|Cabin:400,400italic|Varela+Round:400,700);
/* **************************
	Defaults
*************************** */
/* **************************
	Resets
*************************** */
ul {
  padding: 0;
  margin-bottom: 0;
}
ul li {
  list-style: none;
}
a:hover {
  text-decoration: none;
}
.table > thead > tr > th {
  border-bottom-width: 1px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle;
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 1px solid #ddd;
}
.table-striped > tbody > tr:nth-of-type(2n) {
  background-color: #f9f9f9;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #fff;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
}
a:focus {
  outline: none;
  outline-offset: 0;
  text-decoration: none;
}
/* **************************
	Site Specifics
*************************** */
/* Colors */
/* Custom Element Color Set Up */
/* Fonts */
.robotoCondenced {
  font-family: 'Roboto Condensed', sans-serif;
}
.droidSans {
  font-family: 'Droid Sans', sans-serif;
}
.ptSans {
  font-family: 'PT Sans Narrow', sans-serif;
}
.archivoNarrow {
  font-family: 'Archivo Narrow', sans-serif;
}
.italicGeorgia {
  font-family: georgia, times new roman, serif;
  font-style: italic;
}
.cabinCondensed {
  font-family: 'Cabin Condensed', sans-serif;
}
.cabinRegular {
  font-family: 'Cabin', sans-serif;
}
.varela {
  font-family: 'Varela Round', sans-serif;
}
.wbdHide {
  display: none;
}
/* General Layout */
p,
li,
table,
address,
p.regtext,
p.accountinfo {
  font-family: 'Varela Round', sans-serif;
  color: #494949;
  font-size: 13px;
}
.anchorTag {
  color: #333;
  font-weight: bold;
  text-decoration: underline;
  font-family: 'Varela Round', sans-serif;
}
.defaultPadding {
  padding: 15px;
}
.boxPadding {
  padding: 20px 25px;
}
.blackInnerShadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.75) inset;
}
.borderRadius {
  border-radius: 3px;
}
.borderSetUp {
  border-width: 1px;
  border-style: solid;
}
.blockLeft {
  display: block;
  float: left;
}
.boxSetUp {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-color: #cbcbcb;
  margin-bottom: 15px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
}
.insetTextShadow {
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
}
.whiteTextShadow {
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);
}
.relativePosition {
  position: relative;
}
/* *************************
	Typography
************************** */
h1,
h2,
h3,
h4,
h5,
h6,
p.head,
p.subhead,
.sectiontitle h6 .heading,
.nospace article h6.heading {
  font-family: 'Varela Round', sans-serif;
  color: #000000;
}
h3,
h4,
p.head {
  font-weight: 400;
  margin-bottom: 10px;
}
h1 {
  margin: 0 0 20px 0;
  font-size: 2em;
}
h2 {
  font-size: 15px;
  line-height: 17px;
  margin: 0 0 20px 0;
}
h2 span {
  display: block;
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
h4,
p.head {
  font-size: 16px;
}
h5,
p.subhead {
  font-family: 'Varela Round', sans-serif;
}
p.subhead {
  font-size: 1.15em;
  letter-spacing: 1px;
  color: #6ebd22;
  padding-top: 18px;
}
h6 {
  font-size: 1em;
  margin: 15px 0;
}
.largeFontAwesome {
  font-size: 7em;
  line-height: 1em;
  text-align: center;
}
/* *************************
	Tables
************************** */
table thead tr th,
table tfoot tr td {
  font-weight: normal;
  background: #eee;
  border: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  font-family: 'Varela Round', sans-serif;
}
table tbody tr td {
  font-size: 12px;
}
table tbody tr td strong {
  color: #333;
}
table tbody tr td a.anchorTag {
  color: #333;
  font-weight: bold;
  text-decoration: underline;
  font-family: 'Varela Round', sans-serif;
}
table .labelFixed {
  width: 90%;
  font-size: 12px;
  display: block;
  height: 20px;
  vertical-align: middle;
  line-height: 14px;
}
table tr:last-child {
  border-bottom: 1px solid #ddd;
}
table .calendarBtn {
  margin-left: 5px;
}
table .btn-group,
table .btn-group-vertical {
  display: block;
}
table .lgSquare {
  font-size: 17px;
  cursor: pointer;
}
table thead input.form-control {
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
  font-family: georgia, times new roman, serif;
  font-style: italic;
}
table thead input.form-control:focus,
table thead input.form-control:active {
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
}
table tr.highlightRow td {
  background: #eee;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.orangeIcon {
  color: #ec9c22;
  font-size: 14px;
  margin-right: 5px;
  padding: 1px 7px;
}
.blueIcon {
  color: #2e5baa;
}
/* *************************
	Buttons
************************** */
.defaultBtn,
a.defaultBtn,
.myButton,
a.myButton,
.newsButton,
input#Continue.big_button {
  background: #fff;
  color: #333;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  font-size: 13px;
  letter-spacing: .1em;
  transition: all 0.8s ease;
  border-radius: 3px;
  font-family: 'Varela Round', sans-serif;
}
.defaultBtn i,
a.defaultBtn i,
.myButton i,
a.myButton i,
.newsButton i,
input#Continue.big_button i {
  margin-right: 5px;
}
.collapseBtn i {
  margin: 0 0 0 5px;
}
.defaultBtn:hover,
button.btn.newsButton:hover,
input#Continue.big_button:hover {
  background-color: #cccccc;
}
.defaultBtn.btn-sm {
  padding: 2px 5px;
  font-size: 14px;
}
.defaultBtn.btn-xs {
  padding: 2px 4px;
  font-size: 12px;
}
.defaultBtn.fixedBtn {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.orangeBtn,
.orangeBtn:hover,
a.myButton,
a.myButton:hover .redBtn,
.redBtn:hover,
a.orangeBtn,
a.orangeBtn:hover,
a.redBtn,
a.redBtn:hover,
.orangeBtn:focus,
.orangeBtn:active,
.newsButton a,
input#Continue.big_button {
  color: #fff;
  border-top: none;
  border-left: none;
  border-right: none;
}
.orangeBtn,
a.orangeBtn,
.myButton,
a.myButton,
input#Continue.big_button {
  background: #ec9c22;
  border-bottom-color: #9b630d;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
.orangeBtn:hover,
a.orangeBtn:hover,
.myButton:hover,
a.myButton:hover,
input#Continue.big_button:hover {
  background: #9b630d;
}
.redBtn,
a.redBtn {
  background-color: #ff473b;
  border-bottom-color: #ff1708;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
.redBtn:hover,
a.redBtn:hover {
  background-color: #d40d00;
}
.grayBtn,
a.grayBtn {
  background: #999;
  border-color: #333;
  color: #333;
  transition: all 0.8s ease;
}
.grayBtn:hover,
a.grayBtn:hover {
  background: #333;
  color: #fff;
}
.greenBtn,
a.greenBtn,
.myButton,
.myButton a,
a.myButton,
input#Continue.big_button {
  background: #006ef5;
  border-color: #0057c2;
  color: #fff;
}
.greenBtn:hover,
a.greenBtn:hover,
.myButton:hover,
a.myButton:hover,
input#Continue.big_button:hover {
  background: #0057c2;
  color: #fff;
}
.btn-default i {
  color: #005888;
}
a.expand .orangeBtn,
a.expand .myButton,
a.expand a.myButton {
  width: 25px;
  height: 22px;
  display: inline-block;
  font-size: 1.25em;
  color: #fff;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #0057c2;
  transition: all 0.8s ease;
}
a.expand:hover {
  background-color: #0057c2;
}
input#Continue.big_button {
  padding: 10px 0;
  font-size: 13px;
  width: 25%;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
}
/* ***********************
	Modules
************************ */
.borderMod {
  border-width: 1px;
  border-style: solid;
  border-color: #e6e6e6;
  border-bottom: 3px solid #006ef5;
  margin-bottom: 20px;
  padding: 20px 25px;
  border-radius: 3px;
}
.borderModCollapsed {
  border-width: 1px;
  border-style: solid;
  border-color: #e6e6e6;
  border-bottom: 3px solid #006ef5;
  margin-bottom: 20px;
  padding: 20px 25px;
  border-radius: 3px;
  border-bottom: 3px solid #e0e0e0;
  padding: 0;
}
.borderModCollapsed .col-lg-10,
.borderModCollapsed .col-xs-10 {
  width: 86%;
  display: block;
  float: left;
  padding: 10px 0 10px 30px;
  border-right: 1px solid #ccc;
}
.borderModCollapsed .col-lg-2,
.borderModCollapsed .col-xs-2 {
  width: 14%;
  float: right;
  text-align: center;
}
.borderModCollapsed .col-lg-2,
.borderModCollapsed .col-xs-2 {
  padding: 8px 14px 8px 0;
}
.borderModCollapsed h4,
.borderModCollapsed p.head {
  border-left: none;
  padding-left: 0;
  margin: 0;
}
.borderModCollapsed i {
  vertical-align: middle;
  color: #898989;
}
.borderModOpen {
  border-bottom: 3px solid #006ef5;
}
.borderModOpen h4 {
  color: #666666;
}
.borderModOpen a i {
  color: #005888;
}
.borderModOpen address {
  margin-left: 20px;
}
.sectionInfo {
  display: none;
  border-top: 1px solid #e6e6e6;
  padding: 15px 20px;
  font-family: arial, helvetica, sans-serif;
  color: #666666;
  font-size: 13px;
}
.sectionInfo button .fa-caret-down {
  margin-left: 5px;
}
.sectionInfo table tr td {
  line-height: 1.25em;
}
.sectionInfo table tr:nth-child(odd) {
  background: #f2f2f2;
}
.sectionInfo table tr:nth-child(even) {
  background: #fff;
}
.questionMod {
  background-image: -moz-linear-gradient(90deg, #dedede 0%, #ededed 2%, #fdfdfd 40%, #ffffff 96%, #e1e1e1 100%);
  background-image: -webkit-linear-gradient(90deg, #dedede 0%, #ededed 2%, #fdfdfd 40%, #ffffff 96%, #e1e1e1 100%);
  background-image: -ms-linear-gradient(90deg, #dedede 0%, #ededed 2%, #fdfdfd 40%, #ffffff 96%, #e1e1e1 100%);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
  position: absolute;
  right: -15px;
  top: 300px;
  display: block;
  width: 57px;
  height: 50px;
  z-index: 100;
  border-color: #b8b8b8;
  text-align: center;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
}
.questionMod img {
  margin-top: 7px;
}
.questionMod .questionTooltip {
  display: none;
  border-color: #bbbbbb;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4), inset 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
  position: absolute;
  width: 300px;
  padding: 10px 20px;
  left: -120px;
  top: -120px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
}
.questionMod .questionTooltip p {
  font-family: 'Cabin Condensed', sans-serif;
}
.questionMod .questionTooltip h5:before,
.questionMod .questionTooltip h5:after {
  content: "\2014";
}
.questionMod .questionTooltip h5:before {
  padding-right: 10px;
}
.questionMod .questionTooltip h5:after {
  padding-left: 10px;
}
.questionMod:hover .questionTooltip {
  display: block;
}
/* ***********************
	Lists
************************ */
[class*="col-"] ul li {
  margin: 0 0 10px 20px;
  list-style: circle;
}
[class*="col-"] ul li strong {
  font-family: 'Cabin Condensed', sans-serif;
  color: #2e5baa;
}
.employeeInfoList {
  margin-bottom: 0;
}
.employeeInfoList .borderBottom {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.employeeInfoList dt {
  width: 25%;
  font-size: 13px;
  color: #222;
  font-weight: normal;
  display: block;
  float: left;
  font-family: 'Varela Round', sans-serif;
}
.employeeInfoList dd {
  font-size: 0.9em;
  width: 75%;
  display: block;
  float: left;
}
.employeeInfoList dd span {
  display: block;
}
.employeeInfoList dd span em {
  font-style: normal;
  font-size: .9em;
  float: right;
}
.employeeInfoList dd em.company {
  font-style: normal;
  border-left: 1px solid #ccc;
  padding-left: 10px;
  margin-left: 10px;
  font-family: 'Varela Round', sans-serif;
}
table td.tableHead,
tr.tableHead {
  background: #005888;
  color: #ffffff;
  font-family: 'Cabin Condensed', sans-serif;
  font-size: 1.2em;
  border: none;
}
.orangeTableHeader thead tr th {
  background: #005888;
  color: #ffffff;
  font-family: 'Cabin Condensed', sans-serif;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  border: none;
}
table.panel.panel-default.newsTable {
  border-bottom: 3px solid #006ef5;
}
.comparisonTable [class*="col-"] ul li {
  margin: 0;
  padding: 0;
}
.comparisonTable table thead tr th {
  background: #005888;
  color: #ffffff;
  width: 16%;
  text-align: center;
  font-family: 'Cabin Condensed', sans-serif;
  font-size: 1.25em;
  border: none;
}
.comparisonTable table thead tr:first-child th {
  border-right: 1px solid #fff;
}
.comparisonTable table thead tr:first-child th:last-child {
  border-right: none;
  border-radius: 0 3px 0 0;
}
.comparisonTable table thead tr:first-child th:first-child {
  border-radius: 3px 0 0 0;
}
.comparisonTable table thead tr:nth-child(2) th {
  font-size: .9em;
  padding-top: 0;
}
.comparisonTable table thead tr:nth-child(2) th:nth-child(even) {
  border-right: 1px solid #fff;
}
.comparisonTable table thead tr:nth-child(2) th:last-child {
  border-right: none;
}
.comparisonTable table tbody tr td {
  text-align: center;
}
.comparisonTable table tbody tr td em {
  font-style: normal;
  display: block;
  margin-bottom: 10px;
  line-height: 1em;
}
.comparisonTable table tbody tr td:nth-child(even) {
  border-right: 1px solid #ddd;
}
.comparisonTable table tbody tr td:nth-child(4n+3),
.comparisonTable table tbody tr td:nth-child(4n+4) {
  background: #e0e8f7;
}
.comparisonTable table tbody tr td:last-child {
  border-right: none;
}
.comparisonTable table tbody tr td span {
  display: block;
  line-height: 1em;
  margin: 0 15px;
}
.comparisonTable table tbody tr td span strong {
  display: block;
}
.comparisonTable table tbody tr td span {
  margin-bottom: 7px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 7px;
}
.comparisonTable table tbody tr td span:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.comparisonTable .table > caption + thead > tr:first-child > td,
.comparisonTable .table > caption + thead > tr:first-child > th,
.comparisonTable .table > colgroup + thead > tr:first-child > td,
.comparisonTable .table > colgroup + thead > tr:first-child > th,
.comparisonTable .table > thead:first-child > tr:first-child > td,
.comparisonTable .table > thead:first-child > tr:first-child > th {
  border-top: none;
}
.comparisonTable .benefitName td {
  text-align: center;
  background: #eee;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  font-size: 1.15em;
  color: #222;
}
.comparisonTable .benefitName td em {
  display: block;
  font-style: normal;
  font-family: arial, helvetica, sans-serif;
  color: #333;
  font-size: .8em;
  padding-bottom: 5px;
}
.comparisonTable .benefitName.first {
  margin-top: 0;
}
.comparisonTable.doubleColumn tbody tr td:first-child {
  border-right: 1px solid #ddd;
}
.comparisonTable.doubleColumn tbody tr td {
  width: 50%;
}
.comparisonTable.doubleColumn.simple tbody tr td:first-child {
  text-align: left;
}
.comparisonTable.multiColumn tbody tr td {
  width: auto;
}
.comparisonTable.multiColumn thead tr th {
  width: auto;
}
.comparisonTable.singleColumn tbody tr td span {
  margin-right: 0;
}
.comparisonTable.singleColumn tbody tr:nth-child(odd) td {
  text-align: center;
  background: #eee;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}
.comparisonTable.singleColumn tbody tr td:first-child {
  text-align: left;
  font-size: 1.15em;
  color: #222;
}
.comparisonTable.singleColumn tbody tr td:last-child {
  text-align: right;
}
.lowerAlphaList {
  list-style-type: lower-alpha;
}
.lowerAlphaList li {
  margin: 5px 0;
}
.checkTable i {
  font-size: 1.5em;
}
.checkTable .fa-check {
  color: #6ebd21;
}
.checkTable .fa-times {
  color: #ff473b;
}
/* *************************
	Alerts
************************** */
.alert {
  border-width: 3px;
  border-style: solid;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 3px;
}
/* ***********************
	  Page Elements
************************ */
* {
  margin: 0;
  padding: 0;
}
*,
*::before,
*::after {
  transition: all 0.28s ease-in-out;
  box-sizing: inherit;
}
html {
  /* ***********************
      Page Layout
  ************************ */
  /* ******************************
      Bottom Footer
  ****************************** */
  /* ***********************
      Home Page
   ************************ */
  /* ******************************
     Image Container
 ****************************** */
  /* ***********************
         Top Header w/ Logo
    ************************ */
  /* *************************
      Spacers
  ************************** */
  /* ******************************
           Navigation
  ****************************** */
  /* **************************
      Resets
  *************************** */
  /* **************************
      Site Specifics
  *************************** */
  /* Colors */
  /* Custom Element Color Set Up */
  /* Fonts */
  /* General Layout */
  /* ******************************
      Side Bar
  ****************************** */
  /* ******************************
      Hover Effects
 ****************************** */
  /* Shadow Radial */
  /* ******************************
            Video
  ****************************** */
  /* ******************************
       Back to Top
  ****************************** */
  /* *************************
      Pixel Dot Elements
  ************************** */
  /* *************************
            Tables
  ************************** */
  /*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
  /*
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  /*
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  /*
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  /*
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  /*
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
}
html html {
  box-sizing: border-box;
  overflow-y: scroll;
  overflow-x: hidden;
}
html html,
html body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 13.5px;
  line-height: 1.6em;
}
html *,
html *::before,
html *::after {
  box-sizing: border-box;
}
html body {
  background: none !important;
  color: #A8A7A6;
  font-family: 'Varela Round', sans-serif;
}
html a {
  color: #006ef5;
}
html a:active,
html a:focus {
  background: transparent;
}
html hr,
html .borderedbox {
  border-color: #F4F4F4;
}
html label span {
  color: #F00;
  background-color: inherit;
}
html input:focus,
html textarea:focus,
html *:required:focus {
  border-color: #EA5616;
}
html .icon.fa {
  line-height: 78px;
  font-size: 40px;
}
html svg.icon {
  padding: 15px;
}
html i.icon.circle {
  padding: 18px;
  font-size: 40px;
}
html a .icon.fa,
html svg.icon.circle,
html i.icon.circle {
  display: inline-block;
  width: 80px;
  height: 80px;
  border: 1px solid #003755;
  text-align: center;
  color: #FFF;
  background-color: #005888;
}
html a.icon:hover,
html a.icon:focus,
html a.icon:active,
html a svg.icon:hover,
html a svg.icon:focus,
html a svg.icon:active,
html a i.icon:hover,
html a i.icon:focus,
html a i.icon:active {
  color: #003755;
  border: 1px solid #003755;
}
html .btn {
  background-color: #006ef5;
  font-size: 13px;
  padding: 10px 40px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-color: #0057c2 !important;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  margin: 10px 0 0;
  font-weight: bold;
  font-family: 'Varela Round', sans-serif;
}
html .btn.circle {
  border-radius: 3em !important;
}
html .btn:hover,
html .btn:focus,
html .btn:active {
  color: #FFF;
  background-color: #0057c2;
  border: 1px solid inherit;
}
html .btn-group-pill {
  border-radius: .25rem;
}
html .myButton,
html a.myButton,
html div.myButton a {
  background-color: #006ef5;
  border-color: #0057c2 !important;
  padding: 10px 12px;
  margin: 5px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 4px;
}
html .myButton:hover,
html .myButton:focus,
html .myButton:active,
html a.myButton:hover,
html a.myButton:focus,
html a.myButton:active,
html div.myButton a:hover,
html div.myButton a:focus,
html div.myButton a:active {
  color: #FFF;
  background-color: #0057c2;
  border-color: #0057c2 !important;
}
html .row0 a:hover {
  color: #EA5616;
}
html .row1 {
  color: #474747;
  background-color: #FFF;
}
html .row2 {
  color: #ffffff;
  background: #006ef5;
}
html .row3 {
  color: #474747;
  background-color: #FFF;
}
html .row4 {
  color: #A8A7A6;
  background-color: #191A1E;
}
html .bgded {
  background: url(https://s3.amazonaws.com/wbd.employer-images/02053_header_1696252503.jpg) center center no-repeat;
  background-size: cover;
}
html .mainWrapper {
  background: #FFF;
}
html .circle {
  border-radius: 50%;
  background-clip: padding-box;
}
html .clear,
html .group {
  display: block;
}
html .clear::before,
html .clear::after,
html .group::before,
html .group::after {
  display: table;
  content: "";
}
html .clear,
html .clear::after,
html .group,
html .group::after {
  clear: both;
}
html a {
  outline: none;
  text-decoration: none;
}
html .fl_left,
html .imgl {
  float: left;
}
html .fl_right,
html .imgr {
  float: right;
}
html img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  line-height: normal;
  vertical-align: middle;
}
html .imgl {
  margin: 0 15px 10px 0;
  clear: left;
}
html .imgr {
  margin: 0 0 10px 15px;
  clear: right;
}
html .desktopContainer #homeContainer {
  width: 100%;
  min-height: calc(90vh);
  margin-right: auto;
  margin-left: auto;
}
html .desktopContainer #homeContainer #mainHeader {
  text-align: justify;
  height: 10em;
  padding: 2em 10%;
}
html .desktopContainer #homeContainer #mainBody {
  overflow: auto;
  z-index: 100;
  margin-top: 25px;
}
html .desktopContainer #mainFooter {
  width: 100%;
  height: 60px;
  margin-top: 30px;
}
html .desktopContainer #pageContainer {
  width: 100%;
  min-height: calc(90vh);
  margin-right: auto;
  margin-left: auto;
}
html .desktopContainer #pageContainer #pageHeader {
  text-align: justify;
  height: 10em;
  padding: 2em 10%;
}
html .desktopContainer #pageContainer #pageBody {
  overflow: auto;
  z-index: 100;
  margin-top: 10px;
}
html .desktopContainer #pageFooter {
  box-shadow: inset 0 -10px 6px -3px rgba(0, 0, 0, 0.08);
  width: 100%;
  height: 10px;
}
html .desktopContainer #pageFooter p a {
  display: block;
}
html .desktopContainer #pageFooter p img {
  height: 60px;
  padding-bottom: 8px;
}
html #copyright {
  height: 50px;
  padding: 25px 0;
}
html #copyright .images {
  display: flex;
  flex-direction: row;
}
html #copyright .images .mainLogo p,
html #copyright .images .brokerLogo p {
  font-weight: 300;
  color: #a5a9a9;
  margin: 12px 0;
}
html #copyright .images .mainLogo img,
html #copyright .images .brokerLogo img {
  height: 70px;
  width: auto;
}
html #copyright .f-justify-center {
  justify-content: center;
}
html #copyright .f-justify-space {
  justify-content: space-between;
}
html #copyright p {
  font-size: .95em;
  letter-spacing: .25px;
  color: #a5a9a9;
  margin-top: 15px;
  font-family: 'Varela Round', sans-serif;
}
html .wrapper {
  display: block;
  position: relative;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  word-wrap: break-word;
}
html .one_quarter {
  display: flex;
  align-items: center;
  justify-content: center;
  width:20% !important;
}
li.one_quarter article {

  width:95% !important;
}
html .nospace {
  margin: auto;
  list-style: none;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
html .nospace article {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0;
  position: relative;
}
html .nospace article h6.heading {
  font-size: 15px;
  color: #353535;
  text-transform: uppercase;
  font-weight: bold;
}
html .nospace article h6.heading::after {
  content: " ";
  border: solid 2px #006ef5;
  display: block;
  width: 35px;
  margin: 25px auto;
}
html .nospace article p {
  font-size: 1.15em;
  font-family: 'Varela Round', sans-serif;
}
html .center {
  text-align: center;
}
html .right {
  text-align: right;
}
html .overlay {
  height: 400px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding: 2% 0;
  color: #FFF;
  background-color: inherit;
}
html .overlay::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  color: inherit;
  opacity: .22;
}
html .overlay.light {
  color: #474747;
}
html .overlay.light::after {
  background-color: rgba(255, 255, 255, 0.8);
}
html .overlay.coloured::after {
  background-color: rgba(234, 86, 22, 0.55);
}
html .containerMain {
  padding: 20px 0;
}
html .sectiontitle {
  display: block;
  text-align: center;
}
html .sectiontitle h6.heading {
  font-size: 2em;
  margin: 0.67em 0;
  text-transform: uppercase;
  color: #353535;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: 'Varela Round', sans-serif;
}
html .sectiontitle .arrow {
  padding-bottom: 30px;
  background: url(//mybensite.com/assets/images/arrow-bg.png) no-repeat center bottom;
}
html .sectiontitle p {
  font-size: 1.15em;
  font-family: 'Varela Round', sans-serif;
}
html .overlay #pageintro {
  padding: 0;
  text-align: center;
}
html .overlay #pageintro h3.heading {
  font-size: 40px;
  letter-spacing: 10px;
  margin: 10px;
  border: none;
  color: #ffffff;
  text-shadow: rgba(50, 50, 50, 0.5) 0px 3px 3px;
  font-family: 'Varela Round', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
html .overlay #pageintro p {
  color: #ffffff;
  width: 75%;
  font-size: 1.75rem;
  line-height: 38px;
  margin: 0 auto;
  text-shadow: rgba(50, 50, 50, 0.5) 0px 3px 3px;
}
html .overlay #pageintro footer {
  height: auto;
  padding-bottom: 10px;
}
html .overlay #pageintro footer .enrollBtn {
  font-size: 14px;
  line-height: 1.42857143;
  letter-spacing: 1.75px;
}
html .overlay .lightBoxShadow {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 6px;
  padding: 15px 0;
  margin: 0 auto;
  width: 70%;
}
html .btn-grouped {
  text-align: center;
  display: inline-block;
  padding-bottom: 10px;
}
html .accountBtn {
  background-color: #005888;
  border-color: transparent !important;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.42857143;
  margin-top: 2px;
  letter-spacing: 1.5px;
}
html .accountBtn i {
  color: #ffffff;
  display: inline-block;
  margin: 4px 5px 0 0;
  font-size: 16px;
}
html .accountBtn:hover,
html .accountBtn:focus,
html .accountBtn:active {
  color: #ffffff;
  background-color: #003755;
  border-color: transparent !important;
  text-decoration: none;
}
html .accountBtn:hover i,
html .accountBtn:focus i,
html .accountBtn:active i {
  color: #ffffff;
}
html .enrollBtn {
  background-color: #006ef5;
  border-color: transparent !important;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.42857143;
  margin-top: 2px;
  letter-spacing: 1.5px;
}
html .enrollBtn i {
  color: #ffffff;
  display: inline-block;
  margin: 4px 5px 0 0;
  font-size: 16px;
}
html .enrollBtn:hover,
html .enrollBtn:focus,
html .enrollBtn:active {
  color: #ffffff;
  background-color: #0057c2;
  border-color: transparent !important;
  text-decoration: none;
}
html .enrollBtn:hover i,
html .enrollBtn:focus i,
html .enrollBtn:active i {
  color: #ffffff;
}
html #topHeaderMain {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-direction: row;
  left: 0;
  z-index: 9999;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}
html #topHeaderMain .leftSide {
  margin: auto;
  margin-left: 1%;
  justify-content: flex-start;
}
html #topHeaderMain .rightSide {
  margin: auto;
  margin-right: 1%;
  justify-content: flex-end;
}
html #topHeaderMain .rightSide .header {
  font-size: 1.20em;
  margin-bottom: 0;
  text-align: center;
}
html #topHeaderMain .rightSide .tel {
  font-size: 1.50em;
  text-align: center;
  margin: 0;
}
html #topHeaderMain .rightSide .topLink a {
  font-family: 'Varela Round', sans-serif;
  font-size: 15px;
  padding: 15px;
}
html #topHeaderMain .rightSide .enrollMobile {
  text-align: center;
}
html #topHeaderMain .rightSide .enrollMobile .btn {
  padding: 6px 20px;
  line-height: 1.92857143;
  font-size: 12px;
  color: #ffffff;
}
html #topHeaderMain .rightSide .enrollMobile .btn :hover {
  background-color: #0057c2;
}
html #topHeaderMain .rightSide .enrollMobile .accountBtn {
  background-color: #005888;
  color: #ffffff;
}
html #topHeaderMain .rightSide .enrollMobile .accountBtn:hover {
  background-color: #003755;
}
html .durangoWrapper #pageintro .oe_timerDurango {
  display: block;
  width: 750px;
  margin: 0 auto 2%;
  padding: 20px 15px;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.35);
  border-radius: 5px;
}
html .durangoWrapper #pageintro .oe_timerDurango .wrapper {
  font-family: 'Varela Round', sans-serif;
  display: flex;
  background-position: top left;
  animation-name: bg-animation;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box {
  width: 100%;
}
html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box h2 {
  text-align: center;
  font-weight: 300;
  font-style: italic;
  font-size: 18px;
  color: #333333;
  margin: 0 0 10px 0;
}
html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box h2 sup .fa-question-circle {
  margin-left: 5px;
  vertical-align: sub;
}
html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box h1 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 23px;
  color: #333333;
  margin: 0 0 10px 0;
}
html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter {
  font-size: 30px;
  width: 350px;
  font-family: roboto, sans-serif;
  font-weight: 300;
  margin: 0 auto 35px auto;
}
html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter .block {
  display: inline-block;
  width: 75px;
  height: 45px;
  background-color: #006ef5;
  text-align: center;
  padding-top: 10px;
  margin: 0 2px;
  color: #FFF;
}
html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter .block .seconds,
html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter .block .hours,
html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter .block .minutes {
  color: #FFF;
}
html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter .block .days {
  color: #FFF;
  font-weight: 400;
  text-shadow: 1px 1px #00408f;
}
html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv {
  margin-left: 200px;
  margin-top: -27px;
  margin-bottom: 15px;
  font-size: 14px;
  color: #333333;
}
html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv span {
  margin-right: 60px;
}
html .loginPage header .grayBar {
  background: #323232;
  height: 40px;
  border-top: 5px solid black;
  position: fixed;
  width: 100%;
  z-index: 10;
}
html .loginPage header .container .companyLogo {
  width: 375px;
  height: 75px;
  display: block;
  position: absolute;
  background: #fff;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.29);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.29);
  text-align: center;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
html .loginPage header .container .companyLogo img {
  max-width: 350px;
  max-height: 70px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
html .loginPage header .container .verticalLogo {
  height: 175px;
  display: block;
  position: absolute;
  padding: 10px;
  background: #fff;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.29);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.29);
  text-align: center;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
html .loginPage header .container .verticalLogo img {
  max-height: 90%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
html #logo {
  width: 100%;
  display: block;
}
html #logo img {
  max-width: 250px;
  max-height: 80px;
  position: relative;
}
html .smSpacerTop {
  margin-top: 10px;
}
html .smSpacerBottom {
  margin-bottom: 10px;
}
html .smSpacerLeft {
  margin-left: 10px;
}
html .smSpacerRight {
  margin-right: 10px;
}
html .mdSpacerTop {
  margin-top: 20px;
}
html .mdSpacerBottom {
  margin-bottom: 20px;
}
html .mdSpacerLeft {
  margin-left: 20px;
}
html .mdSpacerRight {
  margin-right: 20px;
}
html .lgSpacerTop {
  margin-top: 30px;
}
html .lgSpacerBottom {
  margin-bottom: 30px;
}
html .lgSpacerLeft {
  margin-left: 30px;
}
html .lgSpacerRight {
  margin-right: 30px;
}
html .xLSpacerTop {
  margin-top: 40px;
}
html .xLSpacerBottom {
  margin-bottom: 40px;
}
html .xLSpacerLeft {
  margin-left: 40px;
}
html .xLSpacerRight {
  margin-right: 40px;
}
html #breadcrumb li a::after,
html .sidebar nav a::after {
  position: absolute;
  font-family: "FontAwesome";
  font-size: 10px;
  line-height: 10px;
}
html .navbar {
  border-radius: 0;
}
html nav {
  background: #006ef5;
}
html nav ul {
  display: flex;
  padding: 0;
  margin: 0;
  height: 85px;
  justify-content: space-around;
  align-items: center;
  /* Hidden Menu (Hover Item on Overflow Menu Items */
}
html nav ul li.nav-list {
  position: relative;
  z-index: 1;
}
html nav ul li.nav-list a {
  color: #ffffff;
  text-align: center;
  padding: 0 .90em;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  font-family: 'Varela Round', sans-serif;
}
html nav ul li.nav-list a .fa {
  margin-left: 10px;
}
html nav ul li.nav-list a::before,
html nav ul li.nav-list a::after {
  display: inline-block;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}
html nav ul li.nav-list a::before {
  margin-right: 10px;
  content: '[';
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  transform: translateX(20px);
}
html nav ul li.nav-list a::after {
  margin-left: 10px;
  content: ']';
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px);
}
html nav ul li.nav-list a:hover::before,
html nav ul li.nav-list a:hover::after,
html nav ul li.nav-list a:focus::before,
html nav ul li.nav-list a:focus::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}
html nav ul li.dropdown {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
html nav ul li.dropdown a.dropdown-toggle {
  color: #ffffff;
  text-align: center;
  padding: 0 .90em;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  font-family: 'Varela Round', sans-serif;
}
html nav ul li.dropdown a.dropdown-toggle .fa {
  margin-left: 10px;
}
html nav ul li.dropdown a::before,
html nav ul li.dropdown a::after {
  display: inline-block;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}
html nav ul li.dropdown a::before {
  margin-right: 10px;
  content: '[';
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  transform: translateX(20px);
}
html nav ul li.dropdown a::after {
  margin-left: 10px;
  content: ']';
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px);
}
html nav ul li.dropdown a:hover::before,
html nav ul li.dropdown a:hover::after,
html nav ul li.dropdown a:focus::before,
html nav ul li.dropdown a:focus::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}
html nav ul li.dropdown ul.dropdown-menu {
  width: 280px;
  height: auto;
  margin: 8px 0 0 !important;
}
html nav ul li.dropdown ul.dropdown-menu li {
  text-align: left;
}
html nav ul li.dropdown ul.dropdown-menu li a {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  color: #333333;
  font-size: 1em;
  padding: 10px;
  margin: 0 auto;
  font-weight: 400;
}
html nav ul li.dropdown ul.dropdown-menu li br {
  display: none;
}
html nav ul li.dropdown ul.dropdown-menu li > a:focus,
html nav ul li.dropdown ul.dropdown-menu li > a:hover {
  background-color: #006ef5;
  color: #ffffff;
}
html nav ul li.dropdown ul.dropdown-menu li.active > a {
  background-color: rgba(0, 110, 245, 0.1);
  color: #333333;
}
html nav ul li.dropdown ul.dropdown-menu li.active > a:hover {
  background-color: rgba(0, 110, 245, 0.1);
}
html nav ul li.dropdown ul.dropdown-menu li.active > a:hover::before,
html nav ul li.dropdown ul.dropdown-menu li.active > a:hover::after,
html nav ul li.dropdown ul.dropdown-menu li.active > a:focus::before,
html nav ul li.dropdown ul.dropdown-menu li.active > a:focus::after {
  opacity: 0;
}
html nav ul li.dropdown-toggle:hover ul {
  padding-bottom: 30px;
  /*height dependent on the gap you want to fill*/
  position: absolute;
}
html nav .caret {
  position: relative !important;
  right: -4px !important;
}
html li.dropdown.open > a,
html li.dropdown.open > a:focus,
html li.dropdown.open > a:hover {
  color: #ffffff;
  background-color: transparent;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    display: block;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    display: block;
  }
}
html .fadeIn {
  -webkit-animation: fadeIn 1s linear;
  animation: fadeIn 1s linear;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
html .fadeOut {
  -webkit-animation: fadeOut 1s linear;
  animation: fadeOut 1s linear;
}
html #scrollingMenu {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  display: none;
}
html #scrollingMenu .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-around;
}
html #scrollingMenu .container .navbar-brand {
  padding-top: 2rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
html #scrollingMenu .container .navbar-brand img {
  height: 40px;
  vertical-align: middle;
  border-style: none;
}
html #scrollingMenu .container ul.navbar-nav {
  float: none;
  justify-content: flex-end;
}
html #scrollingMenu .container ul.navbar-nav .ml-auto,
html #scrollingMenu .container ul.navbar-nav .mx-auto {
  margin-left: auto !important;
}
html #scrollingMenu .container ul.navbar-nav li.nav-list a {
  text-align: center;
  line-height: 1em;
  font-weight: 800;
  font-size: 1em;
  white-space: inherit;
}
html #scrollingMenu .container ul.navbar-nav li.nav-list a br {
  display: none;
}
html #scrollingMenu .container ul.navbar-nav li > a {
  font-size: 13px;
}
html #scrollingMenu .container ul.navbar-nav li.nav-list.iconInfo svg {
  font-size: 22px;
  margin: -7px 0 0 0;
}
html #scrollingMenu .container ul.navbar-nav li.nav-list.iconAddress svg {
  font-size: 28px;
  margin: -8px 0 0 0;
}
html #scrollingMenu .container .additional_items {
  position: absolute;
  top: 5px;
  right: 5px;
  margin: 0;
}
html #scrollingMenu .container .additional_items span.customer_number {
  color: #ffffff;
  display: block;
}
html #scrollingMenu .container .additional_items span.customer_number .fa {
  color: #ffffff;
}
html #scrollingMenu .container .additional_items a.enrollBtn {
  font-size: 12px;
  letter-spacing: 1px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
}
html #scrollingMenu .container .additional_items a.enrollBtn i.fa {
  font-size: 10px;
  margin: 0;
}
html #scrollingMenu .container .additional_items .solonumber {
  margin: 5px 0;
}
html #scrollingMenu .container .additional_items .solonumber .header {
  color: #ffffff;
  font-size: 1.2em;
  margin: 0;
}
html #scrollingMenu .container .additional_items .solonumber .customer_number {
  color: #ffffff;
  text-align: right;
}
html ul {
  padding: 0;
  margin-bottom: 0;
}
html ul li {
  list-style: none;
}
html a:hover {
  text-decoration: none;
}
html .table > thead > tr > th {
  border-bottom-width: 1px;
}
html .table > tbody > tr > td,
html .table > tbody > tr > th,
html .table > tfoot > tr > td,
html .table > tfoot > tr > th,
html .table > thead > tr > td,
html .table > thead > tr > th {
  vertical-align: middle;
}
html .table > caption + thead > tr:first-child > td,
html .table > caption + thead > tr:first-child > th,
html .table > colgroup + thead > tr:first-child > td,
html .table > colgroup + thead > tr:first-child > th,
html .table > thead:first-child > tr:first-child > td,
html .table > thead:first-child > tr:first-child > th {
  border: 1px solid #ddd;
}
html .table-striped > tbody > tr:nth-of-type(2n) {
  background-color: #ececec;
}
html .table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #fff;
}
html .btn.active.focus,
html .btn.active:focus,
html .btn.focus,
html .btn:active.focus,
html .btn:active:focus,
html .btn:focus {
  outline: none;
}
html a:focus {
  outline: none;
  text-decoration: none;
}
html .robotoCondenced {
  font-family: 'Roboto Condensed', sans-serif;
}
html .droidSans {
  font-family: 'Droid Sans', sans-serif;
}
html .ptSans {
  font-family: 'PT Sans Narrow', sans-serif;
}
html .archivoNarrow {
  font-family: 'Archivo Narrow', sans-serif;
}
html .italicGeorgia {
  font-family: georgia, times new roman, serif;
  font-style: italic;
}
html .cabinCondensed {
  font-family: 'Cabin Condensed', sans-serif;
}
html .cabinRegular {
  font-family: 'Cabin', sans-serif;
}
html .wbdHide {
  display: none;
}
html p,
html li,
html table,
html address,
html p.regtext,
html p.accountinfo {
  color: #494949;
  font-size: 13.5px;
}
html .anchorTag {
  color: #333;
  font-weight: bold;
  text-decoration: underline;
  font-family: 'Varela Round', sans-serif;
}
html .defaultPadding {
  padding: 15px;
}
html .boxPadding {
  padding: 20px 25px;
}
html .blackInnerShadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.75) inset;
}
html .borderRadius {
  border-radius: 3px;
}
html .borderSetUp {
  border-width: 1px;
  border-style: solid;
}
html .blockLeft {
  display: block;
  float: left;
}
html .boxSetUp {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-color: #cbcbcb;
  margin-bottom: 15px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
}
html .insetTextShadow {
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
}
html .whiteTextShadow {
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);
}
html .relativePosition {
  position: relative;
}
html .desktopContainer {
  /* Broker Logo */
}
html .desktopContainer main {
  display: flex;
  width: 100%;
}
html .desktopContainer main aside {
  width: 30%;
  max-width: 400px;
}
html .desktopContainer main article {
  width: 70%;
  max-width: 100%;
  padding-left: 20px;
  position: relative;
}
html .desktopContainer .hoc-column {
  flex-direction: column;
}
html .desktopContainer .hoc-row {
  flex-direction: row;
}
html .desktopContainer aside ul li.sideHeader {
  margin: 0 0 26px;
  font-size: 2.2rem;
  line-height: 1.285;
  font-weight: 300;
  color: #66a8f9;
}
html .desktopContainer aside ul li.sideMenu {
  position: relative;
}
html .desktopContainer aside ul li.sideMenu span.hover {
  transition: all 0.5s ease-in-out 0s;
  width: 0;
  display: block;
  height: 100%;
  background: #005888;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
}
html .desktopContainer aside ul li.sideMenu a {
  color: #707070;
  padding: 9px 15px;
  font-size: 1em;
  position: relative;
  width: 100%;
  text-shadow: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  font-family: 'Varela Round', sans-serif;
}
html .desktopContainer aside ul li.sideMenu a .fa,
html .desktopContainer aside ul li.sideMenu a svg {
  height: 1.25em;
  margin-right: 1em;
  color: #005888;
}
html .desktopContainer aside ul li.sideMenu a:focus,
html .desktopContainer aside ul li.sideMenu a:hover {
  color: #001622;
}
html .desktopContainer aside ul li.sideMenu:hover span.hover {
  width: 100%;
}
html .desktopContainer aside ul li.sideMenu:hover a {
  color: #FFF;
}
html .desktopContainer aside ul li.sideMenu:hover a .fa,
html .desktopContainer aside ul li.sideMenu:hover a svg {
  color: #FFF;
}
html .desktopContainer aside ul li.subMenu {
  background: #005888;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-left: 1px solid #005888;
  border-right: 1px solid #005888;
}
html .desktopContainer aside ul li.subMenu a {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  color: #FFF;
}
html .desktopContainer aside ul li.subMenu a .fa,
html .desktopContainer aside ul li.subMenu a svg {
  width: 2em;
}
html .desktopContainer aside ul li.subMenu a span {
  margin-left: 12px;
}
html .desktopContainer aside ul ul.subMenu-menu {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  background: #f7f6f6;
  border: 1px solid rgba(0, 88, 136, 0.15);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0 8px 6px -5px rgba(0, 88, 136, 0.25);
  margin-top: -4px;
}
html .desktopContainer aside ul ul.subMenu-menu li {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 35px;
}
html .desktopContainer aside ul ul.subMenu-menu li a {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  color: #000;
  transition: all 3s 1s;
}
html .desktopContainer aside ul ul.subMenu-menu li a span {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 92%;
}
html .desktopContainer aside ul ul.subMenu-menu li a span .fa,
html .desktopContainer aside ul ul.subMenu-menu li a span svg {
  margin-right: 10px;
}
html .desktopContainer aside ul ul.subMenu-menu li a:after {
  content: '>>';
  position: absolute;
  opacity: 0;
  right: 0;
  transition: 0.5s;
}
html .desktopContainer aside ul ul.subMenu-menu li:hover a:after {
  opacity: 1;
  right: 8px;
}
html .desktopContainer aside ul ul.subMenu-menu li.active {
  background: rgba(0, 110, 245, 0.1);
  padding: 8px 35px;
}
html .desktopContainer aside ul ul.subMenu-menu li.active a {
  position: relative;
  color: #005888 !important;
  display: flex;
  align-items: center;
}
html .desktopContainer aside ul ul.subMenu-menu li.active a span {
  width: 92%;
}
html .desktopContainer aside ul ul.subMenu-menu li.active a:after {
  content: '>>';
  position: absolute;
  opacity: 1;
  right: 8px;
  transition: 0.5s;
}
html .desktopContainer aside ul ul.subMenu-menu li.active:hover a span {
  transform: none;
}
html .desktopContainer .containerLink {
  padding: 1em 1.5em;
  font-size: 1.1em;
  color: #fff;
  display: block;
  cursor: pointer;
}
html .desktopContainer .thirdTierNav li {
  padding-left: 20px;
}
html .desktopContainer .thirdTierNav li i {
  float: right;
}
html .desktopContainer aside li.brokerLogo {
  padding: 25px 10px;
  text-align: center;
}
html .desktopContainer aside li.brokerLogo span {
  font-family: 'Varela Round', sans-serif;
  letter-spacing: .02em;
  font-size: 11.75px;
  color: #cccece;
}
html .desktopContainer aside li.brokerLogo img {
  margin-top: 9px;
  max-height: 50px;
  max-width: 190px;
}
html [class^="hvr-"] {
  cursor: pointer;
  text-decoration: none;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Smooth fonts */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html .hvr-shadow-radial {
  display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
html .hvr-shadow-radial:before,
html .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 80%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
html .hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(211, 211, 211, 0.95) 0%, transparent 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(211, 211, 211, 0.95) 0%, transparent 80%);
}
html .hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(211, 211, 211, 0.95) 0%, transparent 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(211, 211, 211, 0.95) 0%, transparent 80%);
}
html li.hvr-shadow-radial:hover:before,
html li.hvr-shadow-radial:focus:before,
html li.hvr-shadow-radial:active:before,
html li.hvr-shadow-radial:hover:after,
html li.hvr-shadow-radial:focus:after,
html li.hvr-shadow-radial:active:after {
  opacity: 1;
}
html .supportingVideo .jwplayer {
  width: 100%;
}
html #backtotop {
  z-index: 999;
  display: inline-block;
  position: fixed;
  visibility: hidden;
  bottom: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  text-align: center;
  opacity: .2;
}
html #backtotop i {
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
}
html #backtotop.visible {
  visibility: visible;
  opacity: .5;
}
html #backtotop:hover {
  opacity: 1;
}
html .alphabet {
  margin: 15px 0;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 5px 10px;
  text-align: center;
}
html .alphabet li {
  display: inline-block;
  padding: 0 10px;
}
html .alphabet li a {
  color: #005888;
  font-size: 1.25em;
  font-family: 'Cabin Condensed', sans-serif;
}
html u {
  text-decoration: none;
}
html blockquote {
  padding: 0;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: none;
}
html .eeSections > .row {
  margin: 2.5em 0;
}
html .containerMain h4 {
  font-size: 16px;
  color: #000000;
}
html .containerMain h2 {
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 20px 0;
}
html .containerMain .head {
  font-size: 18px;
  letter-spacing: .025em;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
}
html .containerMain .checkbox label {
  font-size: 11.5px;
}
html .containerMain .well {
  background-color: #f2f2f2;
}
html .containerMain div.accountinfo,
html .containerMain p.accountinfo {
  font-size: 14px;
  padding: 20px 0;
  font-family: 'Varela Round', sans-serif;
}
html .containerMain div.accountinfo u,
html .containerMain p.accountinfo u {
  text-decoration: none;
  font-weight: bold;
}
html .containerMain p.regtext u {
  font-weight: 700;
}
html .containerMain p.subhead {
  font-size: 1.15em;
  letter-spacing: 1px;
  color: #6ebd22;
  padding-top: 18px;
}
html .containerMain table.orangeTableHeader .tableHead {
  background: #005888;
  color: #ffffff;
  letter-spacing: 0.05em;
}
html .containerMain table.orangeTableHeader .tableHeader {
  color: #ffffff;
  font-size: 20px;
  border: 1px solid #FFF;
  letter-spacing: 0.05em;
}
html .containerMain table.orangeTableHeader td.tableCat u {
  text-decoration: none;
  font-weight: bold;
}
html .containerMain table.orangeTableHeader td.tableCat p u {
  text-decoration: none;
  font-weight: bold;
}
html .containerMain ul,
html .containerMain ol {
  padding: 0 12px;
  font-size: 14px;
  line-height: 1.42857143;
}
html .welcomeSections {
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  padding: .938em 1.667em;
  position: relative;
  border-color: #6ebd22;
  cursor: pointer;
}
html .welcomeSections h5 {
  color: #6ebd22;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.5em;
  font-weight: normal;
}
html .welcomeSections .row .fa,
html .welcomeSections .row svg {
  font-size: 3em;
  line-height: 1.5em;
  color: #005888;
}
html .welcomeSections a.btn > svg {
  font-size: 1em;
  line-height: 1.5em;
  color: #FFF;
}
html .welcomeSections button,
html .welcomeSections a.btn,
html .welcomeSections a.myButton,
html .welcomeSections div.myButton a,
html .welcomeSections button.btn.newsButton,
html .welcomeSections input#Continue.big_button {
  bottom: -20px;
  width: 50%;
  position: absolute;
  z-index: 2;
  display: block;
  left: 25%;
  background-color: #006ef5;
  border-color: #0057c2 !important;
}
html .welcomeSections p span {
  display: block;
  line-height: 14px;
}
html .welcomeSections .bottomShadow {
  background: url(//mybensite.com/assets/img/bgElements/dropShadowMd.png) center bottom no-repeat;
  width: 298px;
  height: 12px;
  display: block;
  position: absolute;
  bottom: -12px;
  z-index: 0;
  left: 12%;
}
html .welcomeSections .greenBtn {
  box-shadow: 0 3px 0 #e0e0e0;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  background-color: #006ef5;
  border-color: #0057c2;
}
html .welcomeSections.welcomeSmall {
  padding: 20px;
  margin-bottom: 40px;
}
html .welcomeSections.welcomeSmall .bottomShadow {
  background: url(//mybensite.com/assets/img/bgElements/dropShadow.png) 0 0 no-repeat;
  left: 5%;
}
html .welcomeSections.welcomeSmall h5 {
  font-size: 1.3em;
  color: #000000;
}
html .welcomeSections.welcomeSmall .row .fa:not(.fa-arrow-circle-right) {
  font-size: 3em;
  line-height: 1.25em;
}
html .welcomeSections.welcomeSmall .row div:last-child {
  text-align: center;
}
html .welcomeSections.welcomeSmall button,
html .welcomeSections.welcomeSmall a.btn {
  width: 75%;
  left: 12.5%;
}
html .welcomeSections.welcomeSmall button .fa,
html .welcomeSections.welcomeSmall a.btn .fa,
html .welcomeSections.welcomeSmall button svg,
html .welcomeSections.welcomeSmall a.btn svg {
  color: #fff;
}
html .welcomeSections:hover {
  box-shadow: 0 0 5px rgba(110, 189, 34, 0.5);
}
html .hvr-float-shadow {
  display: block;
}
html .infoBox {
  border-width: 1px;
  border-style: solid;
  padding: 20px 25px;
  border-radius: 3px;
  position: relative;
  display: block;
  border-color: #ccc;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.05) inset, 0 3px rgba(0, 0, 0, 0.15);
}
html .infoBox a {
  color: #333;
  font-weight: bold;
  text-decoration: underline;
  font-family: 'Varela Round', sans-serif;
}
html .infoBox h5 {
  text-align: center;
}
html .infoBox ol {
  margin-left: 0;
  padding-left: 1.25em;
}
html .infoBox ol li {
  margin-bottom: 1em;
}
html .infoBox .fa,
html .infoBox .fas,
html .infoBox svg {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 7em;
  color: rgba(0, 88, 136, 0.2);
}
html .comingSoon {
  text-align: center;
  padding: 40px 80px;
}
html .comingSoon .infoBox {
  padding: 40px;
}
html .comingSoon h1 {
  color: #005888;
  font-size: 2.35em;
}
html .comingSoon p {
  font-size: 1.25em;
  font-family: 'Archivo Narrow', sans-serif;
}
html table {
  margin-top: 10px;
}
html table thead tr th,
html table tfoot tr td {
  font-weight: normal;
  background: #eee;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  letter-spacing: 0.05em;
  font-family: 'Varela Round', sans-serif;
}
html table tbody tr td {
  font-size: 12px;
}
html table tbody tr td strong {
  color: #333;
}
html table tbody tr td a.anchorTag {
  color: #333;
  font-weight: bold;
  text-decoration: underline;
  font-family: 'Varela Round', sans-serif;
}
html table .labelFixed {
  width: 90%;
  font-size: 12px;
  display: block;
  height: 20px;
  vertical-align: middle;
  line-height: 14px;
}
html table tr:last-child {
  border-bottom: 1px solid #ddd;
}
html table .calendarBtn {
  margin-left: 5px;
}
html table .btn-group,
html table .btn-group-vertical {
  display: block;
}
html table .lgSquare {
  font-size: 17px;
  cursor: pointer;
}
html table thead input.form-control {
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
  font-family: 'Varela Round', sans-serif;
}
html table thead input.form-control:focus,
html table thead input.form-control:active {
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
}
html table tr.highlightRow td {
  background: #eee;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
html .orangeIcon {
  color: #ec9c22;
  font-size: 14px;
  margin-right: 5px;
  padding: 1px 7px;
}
html .blueIcon {
  color: #2e5baa;
}
html .threeColumnTable tbody tr td:nth-child(-n+2) {
  width: 25%;
}
html .threeColumnTable tbody tr td {
  padding: 0.75em 0.85em;
}
html .descriptionTable tr td:first-child {
  width: 20%;
}
html .benefitsTable tbody tr td:first-child {
  width: 45%;
}
html link#size-stylesheet {
  visibility: hidden !important;
}
@media (min-width: 1281px) {
  html .mobileContainer {
    display: none;
  }
  html .desktopContainer {
    display: block;
  }
  html .desktopContainer main.hoc {
    width: 99%;
  }
}
@media (min-width: 1850px) {
  html .mobileContainer {
    display: none;
  }
  html .overlay {
    height: 600px;
  }
  html .lightBoxShadow {
    width: 90% !important;
  }
  html .desktopContainer {
    display: block;
  }
  html .desktopContainer main.hoc {
    width: 99%;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  html .mobileContainer {
    display: none;
  }
  html .desktopContainer {
    display: block;
  }
  html .desktopContainer .container {
    width: 1000px;
  }
  html .desktopContainer #scrollingMenu .additional_items {
    display: none;
  }
  html .desktopContainer .mainMenu {
    width: 100%;
  }
  html .desktopContainer main.hoc {
    width: 99%;
    padding: 2% 5%;
  }
  html .desktopContainer article div.supportingImg {
    margin-left: 0;
  }
  html .desktopContainer article div.supportingImg img {
    max-width: 200px;
  }
  html .desktopContainer .borderMod {
    margin: 0 8px 10px 8px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  html .desktopContainer {
    display: none;
  }
  html .nospace {
    display: inline !important;
    flex-wrap: nowrap !important;
    justify-content: center;
  }
  html .nospace article {
    display: block !important;
  }
  html link#size-stylesheet {
    visibility: visible !important;
  }
  html nav ul {
    display: block;
  }
  html .lightBoxShadow {
    width: 90% !important;
  }
  html .mobileContainer {
    display: block;
  }
  html .mobileContainer .bgded {
    padding: 2% 0;
  }
  html .mobileContainer .sidebar-menu > li > a {
    font-family: 'Varela Round', sans-serif;
  }
  html .mobileContainer .sidebar-menu > li:hover > a,
  html .mobileContainer .sidebar-menu > li.active > a {
    border-left-color: #006ef5;
    color: #FFF !important;
    font-size: 15px;
    font-family: 'Varela Round', sans-serif;
  }
  html .mobileContainer li.active.sideNav > a.active,
  html .mobileContainer li.sideNav:hover {
    background: #006ef5;
    color: #FFF !important;
  }
  html .mobileContainer .sidebar-menu .treeview-menu > li.active > a,
  html .mobileContainer .sidebar-menu .treeview-menu > li > a:hover {
    color: #FFF !important;
  }
  html .mobileContainer .sidebar-menu .treeview-menu > li > a {
    color: #FFF !important;
  }
  html .mobileContainer .innerNav li.active.pages a,
  html .mobileContainer .innerNav li.pages:hover a {
    color: #FFF !important;
    font-weight: bold;
    background: transparent;
  }
  html .mobileContainer article#pageintro h3 {
    font-size: 2.15em !important;
    letter-spacing: 5px !important;
  }
  html .mobileContainer article#pageintro p {
    width: 95%;
    font-size: 1.55rem;
    line-height: 30px;
    margin-bottom: 25px;
  }
  html .mobileContainer .wrapper .hoc .sectiontitle h6.heading {
    font-size: 1.75em;
    letter-spacing: 0;
  }
  html .mobileContainer .borderMod {
    margin: 0 8px;
    margin-bottom: 5px;
    padding: 10px 15px;
  }
  html .mobileContainer .borderMod .head {
    font-size: 16px !important;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango {
    width: 550px;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box {
    margin-top: 20px;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .fa-question-circle {
    margin-left: 5px;
    vertical-align: sub;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter {
    font-size: 30px;
    font-family: roboto, sans-serif;
    font-weight: 300;
    margin: 0 auto 35px auto;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter .block {
    display: inline-block;
    width: 75px;
    height: 55px;
    background-color: #006ef5;
    text-align: center;
    padding-top: 15px;
    margin: 0 2px;
    color: #FFF;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv {
    margin-left: 100px;
  }
  html .supportingImg {
    display: none;
  }
  html .desktopContainer {
    display: none;
  }
  html .eeSections .row [class^="col-"] {
    padding: 0;
    text-align: center;
  }
  html .eeSections .row [class^="col-"] a.defaultBtn {
    font-size: 12px;
  }
  html .welcomeSections .row svg {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  html .desktopContainer {
    display: none;
  }
  html link#size-stylesheet {
    visibility: visible !important;
  }
  html nav ul {
    display: block;
  }
  html .nospace {
    display: inline !important;
    flex-wrap: nowrap !important;
    justify-content: center;
  }
  html .nospace article {
    display: block !important;
  }
  html .lightBoxShadow {
    width: 90% !important;
  }
  html .mobileContainer {
    display: block;
  }
  html .mobileContainer .sidebar-menu > li:hover > a,
  html .mobileContainer .sidebar-menu > li.active > a {
    border-left-color: #2c2e3e;
    color: #FFF !important;
  }
  html .mobileContainer li.active.sideNav > a.active,
  html .mobileContainer li.sideNav:hover {
    background: #2c2e3e;
    color: #FFF !important;
  }
  html .mobileContainer .sidebar-menu .treeview-menu > li.active > a,
  html .mobileContainer .sidebar-menu .treeview-menu > li > a:hover {
    color: #FFF !important;
  }
  html .mobileContainer .sidebar-menu .treeview-menu > li > a {
    color: #FFF !important;
  }
  html .mobileContainer .innerNav li.active.pages a,
  html .mobileContainer .innerNav li.pages:hover a {
    color: #FFF !important;
    font-weight: bold;
    background: transparent;
  }
  html .mobileContainer article#pageintro h3.heading {
    font-size: 2em !important;
    letter-spacing: 5px !important;
  }
  html .mobileContainer article#pageintro p {
    width: 95%;
    font-size: 1.25rem !important;
    line-height: 25px !important;
    margin-bottom: 15px;
  }
  html .mobileContainer .wrapper .hoc .sectiontitle h6.heading {
    font-size: 1.75em;
    letter-spacing: 0;
  }
  html .mobileContainer .borderMod {
    margin: 0 8px 10px 8px;
    padding: 10px 15px;
  }
  html .mobileContainer .borderMod .head {
    font-size: 16px !important;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango {
    width: 550px;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box {
    margin-top: 20px;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter {
    width: 100%;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter .block {
    width: 23%;
    height: 55px;
    padding-top: 15px;
    margin: 0;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv {
    width: 100%;
    margin-left: 0;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv span {
    width: 23%;
    display: inline-block;
    text-align: center;
  }
  html .supportingImg {
    display: none;
  }
  html .desktopContainer {
    display: none;
  }
  html .eeSections .row [class^="col-"] {
    padding: 0;
    text-align: center;
  }
  html .eeSections .row [class^="col-"] a.defaultBtn {
    font-size: 12px;
  }
  html .welcomeSections .row svg {
    display: none;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  html .desktopContainer {
    display: none;
  }
  html link#mobileCSS {
    visibility: visible !important;
  }
  html nav ul {
    display: block;
  }
  html .nospace {
    display: inline !important;
    flex-wrap: nowrap !important;
    justify-content: center;
  }
  html .nospace article {
    display: block !important;
  }
  html .lightBoxShadow {
    width: 90% !important;
  }
  html .mobileContainer {
    display: block;
  }
  html .mobileContainer .btn-grouped a {
    font-size: .90em;
  }
  html .mobileContainer .sidebar-menu > li:hover > a,
  html .mobileContainer .sidebar-menu > li.active > a {
    border-left-color: #2c2e3e;
    color: #FFF !important;
  }
  html .mobileContainer li.active.sideNav > a.active,
  html .mobileContainer li.sideNav:hover {
    background: #2c2e3e;
    color: #FFF !important;
  }
  html .mobileContainer .sidebar-menu .treeview-menu > li.active > a,
  html .mobileContainer .sidebar-menu .treeview-menu > li > a:hover {
    color: #FFF !important;
  }
  html .mobileContainer .sidebar-menu .treeview-menu > li > a {
    color: #FFF !important;
  }
  html .mobileContainer .innerNav li.active.pages a,
  html .mobileContainer .innerNav li.pages:hover a {
    color: #FFF !important;
    font-weight: bold;
    background: transparent;
  }
  html .mobileContainer article#pageintro h3.heading {
    font-size: 2em !important;
    letter-spacing: 5px !important;
  }
  html .mobileContainer article#pageintro p {
    width: 95%;
    font-size: 1.25rem !important;
    line-height: 25px !important;
    margin-bottom: 20px;
  }
  html .mobileContainer .wrapper .hoc .sectiontitle h6.heading {
    font-size: 1.75em;
    letter-spacing: 0;
  }
  html .mobileContainer .wrapper .hoc p br {
    display: none;
  }
  html .mobileContainer .borderMod {
    margin: 0 8px 10px 8px;
    padding: 10px 15px;
  }
  html .mobileContainer .borderMod .head {
    font-size: 16px !important;
  }
  html .supportingImg {
    display: none;
  }
  html .desktopContainer {
    display: none;
  }
  html .questionMod {
    display: none;
  }
  html .boxSetUp {
    box-shadow: none;
  }
  html .supportingImg {
    display: none;
  }
  html .borderModCollapsed .col-lg-10 {
    padding: 1.25em 2.5em;
    width: 82%;
  }
  html .borderModCollapsed .col-lg-2 {
    width: 18%;
  }
  html .borderModCollapsed .col-lg-2 .fa {
    padding-top: .65em;
    font-size: 17px;
  }
  html .welcomeSections {
    margin-bottom: 3em;
  }
  html .welcomeSections button,
  html .welcomeSections a.btn {
    width: 90%;
    left: 5%;
  }
  html .welcomeSections .bottomShadow {
    display: none;
  }
  html .eeSections .row [class^="col-"] {
    padding: 0;
    text-align: center;
  }
  html .eeSections .row [class^="col-"] a.defaultBtn {
    font-size: 12px;
  }
  html .durangoWrapper #pageintro .oe_timerDurango {
    width: 350px;
  }
  html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box {
    margin-top: 20px;
  }
  html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter {
    width: 100%;
  }
  html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter .block {
    width: 22%;
    height: 55px;
    padding-top: 15px;
    margin-right: 0;
  }
  html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv {
    width: 100%;
    margin-left: 0;
  }
  html .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv span {
    width: 22%;
    display: inline-block;
    text-align: center;
    margin-right: 0;
  }
  html .welcomeSections .row svg {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  html .hoc {
    width: 100%;
  }
  html .desktopContainer {
    display: none;
  }
  html link#mobileCSS {
    display: block !important;
  }
  html nav ul {
    display: block;
  }
  html .nospace {
    display: inline !important;
    flex-wrap: nowrap !important;
    justify-content: center;
  }
  html .nospace article {
    display: block !important;
  }
  html .mobileContainer {
    display: block;
  }
  html .mobileContainer .sidebar-menu > li:hover > a,
  html .mobileContainer .sidebar-menu > li.active > a {
    border-left-color: #2c2e3e;
    color: #FFF !important;
  }
  html .mobileContainer li.active.sideNav > a.active,
  html .mobileContainer li.sideNav:hover {
    background: #2c2e3e;
    color: #FFF !important;
  }
  html .mobileContainer .sidebar-menu .treeview-menu > li.active > a,
  html .mobileContainer .sidebar-menu .treeview-menu > li > a:hover {
    color: #FFF !important;
  }
  html .mobileContainer .sidebar-menu .treeview-menu > li > a {
    color: #FFF !important;
  }
  html .mobileContainer .innerNav li.active.pages a,
  html .mobileContainer .innerNav li.pages:hover a {
    color: #FFF !important;
    font-weight: bold;
    background: transparent;
  }
  html .mobileContainer article#pageintro h3.heading {
    font-size: 2em !important;
    letter-spacing: 5px !important;
  }
  html .mobileContainer article#pageintro p {
    width: 95%;
    font-size: 1.85rem !important;
    line-height: 25px !important;
    margin-bottom: 15px;
  }
  html .mobileContainer .wrapper .hoc .sectiontitle h6.heading {
    font-size: 1.75em;
    letter-spacing: 0;
  }
  html .mobileContainer .borderMod {
    margin: 0 8px 10px 8px;
    padding: 10px 15px;
  }
  html .mobileContainer .borderMod .head {
    font-size: 16px !important;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango {
    padding: 10px 15px !important;
    width: 315px;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box {
    margin-top: 20px;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter {
    width: 100%;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter .block {
    width: 23%;
    height: 55px;
    padding-top: 15px;
    margin: 0;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv {
    width: 100%;
    margin-left: 0;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv span {
    width: 23.5%;
    display: inline-block;
    text-align: center;
    margin-right: 0;
  }
}
@media (max-width: 360px) {
  html .desktopContainer {
    display: none;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango {
    width: 300px;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter {
    width: 100%;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter .block {
    width: 22.5%;
    height: 55px;
    padding-top: 15px;
    margin: 0;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv {
    width: 100%;
    margin-left: 0;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv span {
    width: 23%;
    display: inline-block;
    text-align: center;
    margin-right: 0;
  }
}
@media (max-width: 320px) {
  html .desktopContainer {
    display: none;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango {
    padding: 10px 15px;
    width: 275px;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter {
    width: 100%;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .counter .block {
    width: 22%;
    height: 55px;
    padding-top: 15px;
    margin: 0;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv {
    width: 100%;
    margin-left: 0;
  }
  html .mobileContainer .durangoWrapper #pageintro .oe_timerDurango .wrapper .box .naziv span {
    width: 23%;
    display: inline-block;
    text-align: center;
    margin-right: 0;
  }
}