/* This file contains all variables used */
/* All base global styles, typography and many more things are in this file. */
body {
  margin: 0px;
  overflow-x: hidden;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; }

.arial {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; }

.verdana {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; }

.show-grid {
  background-color: #eaeaea; }

.show-grid:hover {
  background-color: #e3e3e3; }

.show-grid1 {
  background-color: #d2d2d2; }

.show-grid1:hover {
  background-color: #cccccc; }

.show-grid2 {
  background-color: #b9b9b9; }

.show-grid2:hover {
  background-color: #ababab; }

.clear {
  clear: both; }

a {
  color: #0063c9;
  text-decoration: none; }

a:hover {
  color: #333;
  text-decoration: none; }

.youel li::before {
  background: url("../img/arrow.jpg") no-repeat;
  width: 10px;
  height: 14px; }

.youel {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  padding-left: 0px; }

.youel li {
  color: #0063c9;
  padding: 10px;
  list-style: none;
  display: inline-block; }

.youel li:hover {
  cursor: pointer; }

#active {
  color: #333; }

.logo-class {
  color: #fff;
  font-size: 26px;
  padding-bottom: 20px; }

.light-grey-bg {
  background-color: #eaeaea; }

.white-bg {
  background-color: #fff; }

.left-top {
  background-color: #494949; }

.logo {
  padding-top: 10px;
  text-align: center; }

.left-menu {
  background-color: #29282e;
  padding: 5px;
  text-align: left; }

.arrow-close {
  padding-right: 10px;
  padding-top: 2px;
  float: right; }

.arrow-open {
  padding-right: 10px;
  padding-top: 2px;
  float: right; }

.dark-grey-bg {
  background-color: #29282e;
  padding: 0px;
  margin: 0px;
  margin-left: 0px; }

.dark-grey-bg li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-left: 0px;
  padding-left: 15px; }

.dark-grey-bg li:hover {
  background-color: #000;
  cursor: pointer; }

.span9-op {
  width: 70%;
  margin-left: 1%;
  line-height: 40px;
  text-align: center;
  float: left; }

.heading {
  font-size: 22px;
  padding-bottom: 5px;
  text-align: left;
  padding-left: 20px;
  padding-top: 5px;
  width: 94%; }

.heading1 {
  font-size: 14px;
  border-bottom: solid 1px #CCCCCC;
  padding-bottom: 0px;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
  width: 100%; }

.align-left {
  text-align: left !important; }

.align-right {
  text-align: right !important; }

.content {
  line-height: 28px;
  font-size: 14px;
  padding-top: 10px; }

.zeroPadding {
  padding: 0px; }

h1 {
  line-height: 12px;
  font-size: 32px; }

h2 {
  line-height: 12px;
  font-size: 24px; }

h3 {
  line-height: 8px;
  font-size: 20px; }

h4 {
  line-height: 0px;
  font-size: 16px; }

h5 {
  line-height: 2px;
  font-size: 14px; }

h6 {
  line-height: 0px;
  font-size: 12px; }

.left-align {
  text-align: left; }

.center-align {
  text-align: center; }

.right-align {
  text-align: right; }

.justify {
  text-align: justify; }

.display-none {
  display: none; }

.display-block {
  display: block; }

.respImg {
  width: 100%;
  height: auto; }

body {
  margin: 0px;
  overflow-x: hidden;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; }

.arial {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; }

.verdana {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; }

.show-grid {
  background-color: #eaeaea; }

.show-grid:hover {
  background-color: #e3e3e3; }

.show-grid1 {
  background-color: #d2d2d2; }

.show-grid1:hover {
  background-color: #cccccc; }

.show-grid2 {
  background-color: #b9b9b9; }

.show-grid2:hover {
  background-color: #ababab; }

.clear {
  clear: both; }

a {
  color: #0063c9;
  text-decoration: none; }

a:hover {
  color: #333;
  text-decoration: none; }

.youel li::before {
  background: url("../img/arrow.jpg") no-repeat;
  width: 10px;
  height: 14px; }

.youel {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  padding-left: 0px; }

.youel li {
  color: #0063c9;
  padding: 10px;
  list-style: none;
  display: inline-block; }

.youel li:hover {
  cursor: pointer; }

#active {
  color: #333; }

.logo-class {
  color: #fff;
  font-size: 26px;
  padding-bottom: 20px; }

.light-grey-bg {
  background-color: #eaeaea; }

.white-bg {
  background-color: #fff; }

.left-top {
  background-color: #494949; }

.logo {
  padding-top: 10px;
  text-align: center; }

.left-menu {
  background-color: #29282e;
  padding: 5px;
  text-align: left; }

.arrow-close {
  padding-right: 10px;
  padding-top: 2px;
  float: right; }

.arrow-open {
  padding-right: 10px;
  padding-top: 2px;
  float: right; }

.dark-grey-bg {
  background-color: #29282e;
  padding: 0px;
  margin: 0px;
  margin-left: 0px; }

.dark-grey-bg li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-left: 0px;
  padding-left: 15px; }

.dark-grey-bg li:hover {
  background-color: #000;
  cursor: pointer; }

.span9-op {
  width: 70%;
  margin-left: 1%;
  line-height: 40px;
  text-align: center;
  float: left; }

.heading {
  font-size: 22px;
  padding-bottom: 5px;
  text-align: left;
  padding-left: 20px;
  padding-top: 5px;
  width: 94%; }

.heading1 {
  font-size: 14px;
  border-bottom: solid 1px #CCCCCC;
  padding-bottom: 0px;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
  width: 100%; }

.align-left {
  text-align: left !important; }

.align-right {
  text-align: right !important; }

.content {
  line-height: 28px;
  font-size: 14px;
  padding-top: 10px; }

.zeroPadding {
  padding: 0px; }

h1 {
  line-height: 12px;
  font-size: 32px; }

h2 {
  line-height: 12px;
  font-size: 24px; }

h3 {
  line-height: 8px;
  font-size: 20px; }

h4 {
  line-height: 0px;
  font-size: 16px; }

h5 {
  line-height: 2px;
  font-size: 14px; }

h6 {
  line-height: 0px;
  font-size: 12px; }

.left-align {
  text-align: left; }

.center-align {
  text-align: center; }

.right-align {
  text-align: right; }

.justify {
  text-align: justify; }

.display-none {
  display: none; }

.display-block {
  display: block; }

.displayNone {
  display: none; }

.displayBlock {
  display: block; }

.respImg {
  width: 100%;
  height: auto; }

.verticle_demargation_right {
  border-right: solid 1px #ccc; }

.verticle_demargation_left {
  border-left: solid 1px #ccc; }

.horizontal_demargation_top {
  border-top: solid 1px #ccc; }

.horizontal_demargation_bottom {
  border-bottom: solid 1px #ccc; }

.dockable {
  position: relative;
  height: 100%;
  width: inherit;
  background-color: #f4f5f6; }

.light_font_weight {
  font-weight: 200; }

.medium_font_weight {
  font-weight: 600; }

.heavy_font_weight {
  font-weight: bold; }

.left_youel {
  padding: 0px;
  margin: 0px;
  line-height: 36px;
  list-style: none; }

.left_youel li {
  padding-left: 20px;
  color: #666;
  border-left: solid 3px transparent; }

.left_youel li:hover {
  background-color: #fff;
  cursor: pointer;
  border-left: solid 3px #3eb049;
  color: #51af00 !important; }

hr {
  border: dashed 0.8px #ccc; }

.li_active {
  list-style: square !important;
  color: #51af00 !important;
  background-color: #fff;
  border-left: solid 3px #3eb049 !important; }

.inner_header {
  background-color: #3eb049;
  margin-left: -35px;
  margin-right: -35px;
  margin-top: -35px;
  color: #fff; }

.up_lift {
  margin-top: 0px !important; }

.down_lift {
  margin-bottom: 0px !important; }

.display_xs {
  display: none; }

.display_sm {
  display: none; }

.display_md {
  display: none; }

.display_lg {
  display: none; }

.display_xl {
  display: none; }

.hide_xs {
  display: block; }

.hide_sm {
  display: block; }

.hide_md {
  display: block; }

.hide_lg {
  display: block; }

.hide_xl {
  display: block; }

.stuckLeft {
  float: left; }

.stuckRight {
  float: right; }

.full_width {
  width: 100%; }

.cursorPointer {
  cursor: pointer; }

.border_normal {
  border: solid 1px #ccc; }

.line_height_for_whole_content {
  line-height: 38px !important; }

.normal_line_height_for_whole_content {
  line-height: 30px !important; }

.border_bottom {
  border-bottom: dashed 1px #ccc;
  padding-bottom: 10px; }

.line_height_for_table {
  line-height: 45px !important; }

.line_height_for_tooltip {
  line-height: 40px !important; }

/* All containers such as spans are present in this file. */
.sameProperties {
  margin-left: 2% !important;
  line-height: 40px;
  text-align: center;
  float: left; }

/*.container{ width:91.66%;margin:auto;}
.container{ width:990px;margin:auto;}
.container {
  width: 98.33%;
  margin: auto; }
.container{ width:1280px;margin:auto;}*/
.container{ width:90%;margin:auto;}
.row {
  *zoom: 1;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1%; }

*,
*::before,
*::after {
  box-sizing: border-box; }

.row-xs {
  *zoom: 1;
  display: flex;
  flex-wrap: wrap; }

.row-sm {
  *zoom: 1;
  display: flex;
  flex-wrap: wrap; }

.row-md {
  *zoom: 1;
  display: flex;
  flex-wrap: wrap; }

.row-lg {
  *zoom: 1;
  display: flex;
  flex-wrap: wrap; }

.row-xl {
  *zoom: 1;
  display: flex;
  flex-wrap: wrap; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  line-height: 40px;
  text-align: center;
  padding-left: 1%;
  padding-right: 1%; }

.w-100 {
  width: 100% !important; }

.col-1 {
  -ms-flex: 0 0 8.33%;
  flex: 0 0 8.33%;
  max-width: 8.33%; }

.col-1-xs {
  -ms-flex: 0 0 8.33%;
  flex: 0 0 8.33%;
  max-width: 8.33%; }

.col-1-sm {
  -ms-flex: 0 0 8.33%;
  flex: 0 0 8.33%;
  max-width: 8.33%; }

.col-1-md {
  -ms-flex: 0 0 8.33%;
  flex: 0 0 8.33%;
  max-width: 8.33%; }

.col-1-lg {
  -ms-flex: 0 0 8.33%;
  flex: 0 0 8.33%;
  max-width: 8.33%; }

.col-1-xl {
  -ms-flex: 0 0 8.33%;
  flex: 0 0 8.33%;
  max-width: 8.33%; }

.col-2 {
  -ms-flex: 0 0 16.66%;
  flex: 0 0 16.66%;
  max-width: 16.66%; }

.col-2-xs {
  -ms-flex: 0 0 16.66%;
  flex: 0 0 16.66%;
  max-width: 16.66%; }

.col-2-sm {
  -ms-flex: 0 0 16.66%;
  flex: 0 0 16.66%;
  max-width: 16.66%; }

.col-2-md {
  -ms-flex: 0 0 16.66%;
  flex: 0 0 16.66%;
  max-width: 16.66%; }

.col-2-lg {
  -ms-flex: 0 0 16.66%;
  flex: 0 0 16.66%;
  max-width: 16.66%; }

.col-2-xl {
  -ms-flex: 0 0 16.66%;
  flex: 0 0 16.66%;
  max-width: 16.66%; }

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-3-xs {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-3-sm {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-3-md {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-3-lg {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-3-xl {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%; }

.col-4-xs {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%; }

.col-4-sm {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%; }

.col-4-md {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%; }

.col-4-lg {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%; }

.col-4-xl {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%; }

.col-5 {
  -ms-flex: 0 0 41.66%;
  flex: 0 0 41.66%;
  max-width: 41.66%; }

.col-5-xs {
  -ms-flex: 0 0 41.66%;
  flex: 0 0 41.66%;
  max-width: 41.66%; }

.col-5-sm {
  -ms-flex: 0 0 41.66%;
  flex: 0 0 41.66%;
  max-width: 41.66%; }

.col-5-md {
  -ms-flex: 0 0 41.66%;
  flex: 0 0 41.66%;
  max-width: 41.66%; }

.col-5-lg {
  -ms-flex: 0 0 41.66%;
  flex: 0 0 41.66%;
  max-width: 41.66%; }

.col-5-xl {
  -ms-flex: 0 0 41.66%;
  flex: 0 0 41.66%;
  max-width: 41.66%; }

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-6-xs {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-6-sm {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-6-md {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-6-lg {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-6-xl {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -ms-flex: 0 0 58.33%;
  flex: 0 0 58.33%;
  max-width: 58.33%; }

.col-7-xs {
  -ms-flex: 0 0 58.33%;
  flex: 0 0 58.33%;
  max-width: 58.33%; }

.col-7-sm {
  -ms-flex: 0 0 58.33%;
  flex: 0 0 58.33%;
  max-width: 58.33%; }

.col-7-md {
  -ms-flex: 0 0 58.33%;
  flex: 0 0 58.33%;
  max-width: 58.33%; }

.col-7-lg {
  -ms-flex: 0 0 58.33%;
  flex: 0 0 58.33%;
  max-width: 58.33%; }

.col-7-xl {
  -ms-flex: 0 0 58.33%;
  flex: 0 0 58.33%;
  max-width: 58.33%; }

.col-8 {
  -ms-flex: 0 0 66.66%;
  flex: 0 0 66.66%;
  max-width: 66.66%; }

.col-8-xs {
  -ms-flex: 0 0 66.66%;
  flex: 0 0 66.66%;
  max-width: 66.66%; }

.col-8-sm {
  -ms-flex: 0 0 66.66%;
  flex: 0 0 66.66%;
  max-width: 66.66%; }

.col-8-md {
  -ms-flex: 0 0 66.66%;
  flex: 0 0 66.66%;
  max-width: 66.66%; }

.col-8-lg {
  -ms-flex: 0 0 66.66%;
  flex: 0 0 66.66%;
  max-width: 66.66%; }

.col-8-xl {
  -ms-flex: 0 0 66.66%;
  flex: 0 0 66.66%;
  max-width: 66.66%; }

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-9-xs {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-9-sm {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-9-md {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-9-lg {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-9-xl {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -ms-flex: 0 0 83.34%;
  flex: 0 0 83.34%;
  max-width: 83.34%; }

.col-10-xs {
  -ms-flex: 0 0 83.34%;
  flex: 0 0 83.34%;
  max-width: 83.34%; }

.col-10-sm {
  -ms-flex: 0 0 83.34%;
  flex: 0 0 83.34%;
  max-width: 83.34%; }

.col-10-md {
  -ms-flex: 0 0 83.34%;
  flex: 0 0 83.34%;
  max-width: 83.34%; }

.col-10-lg {
  -ms-flex: 0 0 83.34%;
  flex: 0 0 83.34%;
  max-width: 83.34%; }

.col-10-xl {
  -ms-flex: 0 0 83.34%;
  flex: 0 0 83.34%;
  max-width: 83.34%; }

.col-11 {
  -ms-flex: 0 0 91.66%;
  flex: 0 0 91.66%;
  max-width: 91.66%; }

.col-11-xs {
  -ms-flex: 0 0 91.66%;
  flex: 0 0 91.66%;
  max-width: 91.66%; }

.col-11-sm {
  -ms-flex: 0 0 91.66%;
  flex: 0 0 91.66%;
  max-width: 91.66%; }

.col-11-md {
  -ms-flex: 0 0 91.66%;
  flex: 0 0 91.66%;
  max-width: 91.66%; }

.col-11-lg {
  -ms-flex: 0 0 91.66%;
  flex: 0 0 91.66%;
  max-width: 91.66%; }

.col-11-xl {
  -ms-flex: 0 0 91.66%;
  flex: 0 0 91.66%;
  max-width: 91.66%; }

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.row-height {
  min-height: 10rem;
  background-color: rgba(255, 0, 0, 0.1); }

.align-item-top {
  align-items: flex-start !important; }

.align-item-center {
  align-items: center !important; }

.align-item-bottom {
  align-items: flex-end !important; }

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.nav-mobile-btn {
  float: right;
  display: none !important; }

/* All components such as buttons, lables, wells and many more are in this file. */
/*  ---  List of Components -- */
/* Progress Bars */
.progress-bars {
  padding-top: 10px;
  width: 100%;
  padding-left: 0%; }

.bg-bar {
  background-color: #eaeaea;
  padding: 0px;
  border-radius: 10px;
  margin-bottom: 15px; }

.padtop-progressbar {
  padding-top: 14px; }

.bg-bar-blank {
  background-color: #eaeaea;
  padding: 8px;
  border-radius: 10px; }

.blue-bar {
  background-color: #428bca;
  padding: 8px;
  border-radius: 10px; }

.ten {
  width: 10%; }

.twenty {
  width: 20%; }

.thirty {
  width: 30%; }

.fourty {
  width: 40%; }

.fifty {
  width: 50%; }

.sixty {
  width: 60%; }

.seventy {
  width: 70%; }

.eighty {
  width: 80%; }

.ninty {
  width: 90%; }

.hundred {
  width: 100%; }

.green-bar {
  background-color: #5cb85c;
  padding: 8px;
  border-radius: 10px; }

.light-blue-bar {
  background-color: #5bc0de;
  padding: 8px;
  border-radius: 10px; }

.yellow-bar {
  background-color: #f0ad4e;
  padding: 8px;
  border-radius: 10px; }

.red-bar {
  background-color: #d9534f;
  padding: 8px;
  border-radius: 10px; }

.strip-bar-op {
  background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.25)), -webkit-linear-gradient(left, #0dc, #d58);
  border-radius: 10px;
  background-size: 35px 20px, 100% 100%, 100% 100%; }

.strip-bar {
  background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -webkit-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  -webkit-transition: width 2s;
  /* For Safari 3.1 to 6.0 */
  transition: width 2s; }

.strip-bar:hover {
  width: 96%; }

.strip-bar-in {
  background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -webkit-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  -webkit-transition: width 2s;
  /* For Safari 3.1 to 6.0 */
  transition: width 2s; }

.style-text {
  font-size: 14px;
  font-style: italic;
  color: #666; }

/* Animate Strip Code */
.animate {
  animation: progress 3s linear infinite;
  -moz-animation: progress 3s linear infinite;
  -webkit-animation: progress 3s linear infinite;
  -ms-animation: progress 3s linear infinite;
  -o-animation: progress 3s linear infinite;
  -webkit-transition: width 2s;
  /* For Safari 3.1 to 6.0 */
  transition: width 2s; }

.animate:hover {
  width: 96%; }

@-webkit-keyframes progress {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; } }
@-moz-keyframes progress {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; } }
@-ms-keyframes progress {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; } }
@-o-keyframes progress {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; } }
@keyframes progress {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; } }
.leftMenuwh {
  width: 100%;
  height: 900px; }

/* Buttons */
.btn-container {
  padding-top: 10px; }

.btn-div {
  padding-bottom: 10px;
  padding-top: 10px; }

.btn {
  border: 0px;
  display: inline-block; }

.btn-default {
  background-color: #eeeeee;
  padding: 11px;
  text-align: center;
  border: solid 1px #CCCCCC; }

.btn-default:hover {
  background-color: #e2e2e2;
  cursor: pointer; }

.btn-default:active {
  outline: 0px; }

.btn-default:focus {
  outline: 0px; }

.btn-primary {
  background-color: #2e6da3;
  padding: 12px;
  text-align: center;
  color: #fff; }

.btn-primary:hover {
  background-color: #1e5a8e;
  cursor: pointer; }

.btn-primary:active {
  outline: 0px; }

.btn-primary:focus {
  outline: 0px; }

.btn-success {
  background-color: #4ba24b;
  padding: 12px;
  text-align: center;
  color: #fff; }

.btn-success:hover {
  background-color: #2c872c;
  cursor: pointer; }

.btn-success:active {
  outline: 0px; }

.btn-success:focus {
  outline: 0px; }

.btn-info {
  background-color: #3eb3d7;
  padding: 12px;
  text-align: center;
  color: #fff; }

.btn-info:hover {
  background-color: #2093b7;
  cursor: pointer; }

.btn-info:active {
  outline: 0px; }

.btn-info:focus {
  outline: 0px; }

.btn-warning {
  background-color: #ed9f30;
  padding: 12px;
  text-align: center;
  color: #fff; }

.btn-warning:hover {
  background-color: #d2861a;
  cursor: pointer; }

.btn-warning:active {
  outline: 0px; }

.btn-warning:focus {
  outline: 0px; }

.btn-danger {
  background-color: #ca3b37;
  padding: 12px;
  text-align: center;
  color: #fff; }

.btn-danger:hover {
  background-color: #b2211d;
  cursor: pointer; }

.btn-danger:active {
  outline: 0px; }

.btn-danger:focus {
  outline: 0px; }

.btn-small {
  font-size: 12px;
  padding: 10px; }

.btn-medium {
  font-size: 14px;
  padding: 12px; }

.btn-large {
  font-size: 18px;
  padding: 15px; }

.round-btn {
  border-radius: 10px; }

.btn-blocklevel {
  width: 100%;
  margin-bottom: 10px; }

/* Text Colors */
.texts-container {
  padding-top: 10px; }

.texts {
  line-height: 22px; }

.text-default {
  color: #666; }

.text-primary {
  color: #2c689d; }

.text-success {
  color: #4fa74f; }

.text-info {
  color: #40b5d8; }

.text-warning {
  color: #eda032; }

.text-danger {
  color: #c20b05; }

/* Tooltips */
.tooltip-div {
  padding-top: 10px; }

.tooltip-indiv {
  display: inline-block; }

.tooltip-top-div {
  position: absolute; }

.tooltip-top {
  background-color: #000;
  padding: 0px;
  color: #fff;
  width: 100px;
  text-align: center;
  border-radius: 10px;
  margin-top: -50px; }

.tooltip-top-arrow {
  width: 0;
  margin-top: 0px;
  margin-left: 45px;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #000 transparent transparent transparent; }

.tooltip-left-div {
  position: absolute;
  margin-left: -110px; }

.tooltip-left {
  background-color: #000;
  padding: 0px;
  color: #fff;
  width: 100px;
  text-align: center;
  border-radius: 10px;
  display: inline-block; }

.tooltip-left-arrow {
  width: 0;
  margin-left: -3px;
  display: inline-block;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #000; }

.tooltip-bottom-div {
  position: absolute; }

.tooltip-bottom {
  background-color: #000;
  padding: 0px;
  color: #fff;
  width: 120px;
  text-align: center;
  border-radius: 10px;
  margin-top: 0px; }

.tooltip-bottom-arrow {
  width: 0;
  margin-top: 0px;
  margin-left: 30px;
  height: 0;
  border-style: solid;
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent #000 transparent; }

.tooltip-right-div {
  position: absolute;
  margin-left: 60px;
  margin-top: -40px; }

.tooltip-right {
  background-color: #000;
  padding: 0px;
  color: #fff;
  width: 110px;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
  margin-left: -3px; }

.tooltip-right-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 10px 5px 0;
  border-color: transparent #000 transparent transparent; }

/* Alerts */
.alert-messages-div {
  padding-top: 10px; }

.alert-div {
  padding-bottom: 10px; }

.success-alert {
  background-color: #dff0d8;
  font-size: 13px;
  color: #6b7b36;
  border-radius: 10px;
  padding: 10px 0px 10px 15px; }

.danger-alert {
  background-color: #f2dede;
  font-size: 13px;
  color: #af4442;
  border-radius: 10px;
  padding: 10px 0px 10px 15px; }

.info-alert {
  background-color: #d9edf7;
  font-size: 13px;
  color: #317098;
  border-radius: 10px;
  padding: 10px 0px 10px 15px; }

.warning-alert {
  background-color: #f6f1d6;
  font-size: 13px;
  color: #9b873b;
  border-radius: 10px;
  padding: 10px 0px 10px 15px; }

.alert-text {
  display: inline-block;
  width: 92%; }

.cross-alert {
  font-family: Arial Black;
  position: absolute;
  display: inline-block; }

/* Labels */
.labels-div {
  padding-top: 10px; }

.default-label {
  background-color: #999;
  padding: 7px;
  color: #fff;
  border-radius: 4px; }

.primary-label {
  background-color: #468847;
  padding: 7px;
  color: #fff;
  border-radius: 4px; }

.warning-label {
  background-color: #f89406;
  padding: 7px;
  color: #fff;
  border-radius: 4px; }

.important-label {
  background-color: #b94a48;
  padding: 7px;
  color: #fff;
  border-radius: 4px; }

.info-label {
  background-color: #3a87ad;
  padding: 7px;
  color: #fff;
  border-radius: 4px; }

.success-label {
  background-color: #a9d86e;
  padding: 7px;
  color: #fff;
  border-radius: 4px; }

.light-red-label {
  background-color: #ff6c60;
  padding: 7px;
  color: #fff;
  border-radius: 4px; }

.light-blue-label {
  background-color: #59ace2;
  padding: 7px;
  color: #fff;
  border-radius: 4px; }

.inverse-label {
  background-color: #333;
  padding: 7px;
  color: #fff;
  border-radius: 4px; }

.label-medium {
  font-size: 16px;
  padding: 10px; }

.label-large {
  font-size: 20px;
  padding: 15px; }

.modal-dialog-div {
  padding-top: 10px; }

.dialog-box {
  width: 50%;
  margin: auto;
  padding-top: 10%;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0; }

.dialog-box-in {
  background-color: #fff;
  text-align: left;
  border-radius: 10px; }

/* Dialogs and Modals */
.dialog-inhead {
  font-size: 22px;
  border-bottom: solid 1px #CCCCCC;
  padding-bottom: 10px;
  padding: 10px; }

.dialog-intext {
  padding: 15px;
  font-size: 14px;
  border-bottom: solid 1px #CCCCCC;
  padding-bottom: 10px;
  min-height: 150px; }

.dialog-btns {
  padding: 7px;
  text-align: right; }

.modal-inhead-left {
  float: left; }

.modal-inhead-right {
  float: right;
  font-family: Arial Black;
  font-size: 16px;
  color: #999; }

.light-grey-link {
  color: #999; }

a.light-grey-link {
  color: #999;
  text-decoration: none; }

a:hover.light-grey-link {
  color: #333;
  text-decoration: none; }

.light-dark-grey-link {
  color: #999; }

a.light-dark-grey-link {
  color: #999;
  text-decoration: none; }

a:hover.light-dark- grey-link {
  color: #fff;
  text-decoration: none; }

/* Notifications */
.notification-container {
  position: fixed;
  top: 0;
  left: 0;
  padding: 15px;
  z-index: 1200; }

.notification1 {
  background-color: #f2f2f2;
  padding: 15px;
  width: 330px;
  line-height: 22px;
  border: dashed 1px #CCCCCC; }

.notification-cont {
  display: inline-block;
  width: 240px;
  vertical-align: top; }

.notification-cross {
  display: inline-block;
  font-family: Arial Black;
  font-size: 20px;
  vertical-align: top;
  right: 0;
  width: 50px;
  text-align: right; }

.notification-div {
  padding-top: 10px; }

.notification-container2 {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 15px;
  z-index: 1200; }

.notification2 {
  background-color: #333333;
  padding: 15px;
  width: 330px;
  line-height: 22px;
  border: dashed 1px #CCCCCC;
  color: #FFFFFF; }

.notification-container3 {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0px;
  z-index: 1210;
  width: 100%; }

.notification3 {
  background-color: #333333;
  width: 100%;
  line-height: 22px;
  color: #FFFFFF; }

.notification-icon {
  float: left;
  width: 60px;
  text-align: center;
  background-color: #14151b;
  padding: 10px; }

.notification-cont1 {
  float: left;
  vertical-align: top;
  padding: 20px 0px 5px 20px;
  width: 45%; }

.notification-cross1 {
  float: right;
  font-family: Arial Black;
  font-size: 20px;
  vertical-align: top;
  right: 0;
  width: 20%;
  text-align: right;
  padding: 20px; }

.notification-container4 {
  position: fixed;
  top: 0;
  left: 0;
  padding: 15px;
  z-index: 1200; }

.notification4 {
  line-height: 22px; }

.notification-icon-user {
  vertical-align: top;
  float: left; }

.notification-user-cont {
  background-color: #f2f2f2;
  padding: 21px;
  float: left;
  font-size: 14px;
  font-weight: bold; }

.notification-cross2 {
  float: left;
  background-color: #f2f2f2;
  font-family: Arial Black;
  padding: 21px 21px 21px 10px;
  font-size: 18px; }

/* Dropdowns */
.dropdown-divin {
  display: inline-block; }

.dropdown-div {
  padding-top: 3px;
  position: absolute;
  width: 400px; }

.dropdown-div-right {
  padding-top: 2px;
  position: absolute;
  width: 400px; }

.dropdown {
  border: solid 1px #CCCCCC;
  border-radius: 10px;
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff; }

.dropdown-divider {
  border-top: solid 1px #CCCCCC; }

.group-align-buttons {
  padding-top: 5px; }

.align-btn-div {
  display: inline-block; }

.align-btn {
  padding: 10px;
  border: solid 1px #CCCCCC;
  background-color: #fff;
  font-size: 14px;
  margin-right: -4px; }

.align-btn:hover {
  background-color: #eaeaea;
  cursor: pointer; }

.align-btn:active {
  outline: 0px; }

.align-btn:focus {
  outline: 0px; }

.round-left {
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px; }

.round-right {
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px; }

.list-linehgt {
  line-height: 38px; }

/* Tables */
.table-div {
  padding-top: 10px; }

.table {
  width: 100%;
  padding: 0px;
  margin: 0px;
  text-align: left; }

.table thead > tr > th {
  border-bottom: solid 3px #cccccc;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px; }

.table tbody > tr > td {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border-bottom: solid 1px #CCCCCC;
  padding-left: 5px;
  padding-right: 5px; }

/*.table tbody > tr:hover{ background-color:#eaeaea;}*/
.table-hover > tbody > tr:hover {
  background-color: #eaeaea; }

.table-bordered {
  border: solid 1px #CCCCCC; }

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > td {
  border-right: solid 1px #CCCCCC; }

#border-right-none {
  border-right: 0px; }

/* Form Components */
.form-components-div {
  text-align: left; }

.form-element-div {
  width: 70%;
  margin: auto; }

.form-element-div-horizontal {
  width: 80%;
  margin: auto;
  padding-top: 18px;
  line-height: 0px; }

.form-element-div-vertical {
  width: 30%;
  margin: auto;
  padding-top: 18px;
  line-height: 0px;
  display: inline-block; }

.form-element-text {
  font-size: 14px;
  font-weight: bold; }

.form-element-text-horizontal {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
  min-width: 96px; }

.form-element-inputs-horizontal {
  display: inline-block;
  width: 80%; }

.form-element-inputs-horizontal-vertical {
  display: inline-block;
  width: 90%; }

.rememberme {
  width: 15%;
  display: inline-block; }

.button-inline {
  width: 20%;
  display: inline-block; }

.textfield_straight {
  padding: 12px;
  font-size: 14px;
  border: solid 1px #CCCCCC;
  color: #333; }

.textfield_straight:focus, textfield_straight:hover, textfield_straight:focus + .c, textfield_straight:hover + .c {
  border-color: #333;
  outline: none;
  box-shadow: inset 2px 2px 1px #e7e7e7; }

.textfield_transparent {
  padding: 12px;
  font-size: 14px;
  border-radius: 4px;
  border: solid 1px #CCCCCC;
  color: #333; }

.textfield_transparent:focus, textfield_transparent:hover, textfield_transparent:focus + .c, textfield_transparent:hover + .c {
  border-color: #494949;
  outline: none;
  box-shadow: inset 2px 2px 1px #e7e7e7; }

.no-radius {
  border-radius: 0px !important; }

.textfield_straight1 {
  padding: 12px;
  font-size: 14px;
  border: solid 1px #CCCCCC;
  color: #333; }

.textfield_straight1:focus, textfield_straight1:hover, textfield_straight1:focus + .c, textfield_straight1:hover + .c {
  border-color: #333;
  outline: none;
  box-shadow: inset 2px 2px 1px #e7e7e7; }

.textfield {
  padding: 12px;
  font-size: 14px;
  border-radius: 4px;
  border: solid 1px #CCCCCC;
  color: #333; }

.textfield:focus, textfield:hover, textfield:focus + .c, textfield:hover + .c {
  border-color: #333;
  outline: none;
  box-shadow: inset 2px 2px 1px #e7e7e7; }

.textfield_success {
  padding: 12px;
  font-size: 14px;
  border-radius: 4px;
  border: solid 1px #6ba410;
  color: #459200; }

.textfield_success:focus, textfield_success:hover, textfield_success:focus + .c, textfield_success:hover + .c {
  border-color: #6ba410;
  outline: none;
  box-shadow: inset 2px 2px 1px #e7e7e7; }

.textfield_warning {
  padding: 12px;
  font-size: 14px;
  border-radius: 4px;
  border: solid 1px #d3a20e;
  color: #b08501; }

.textfield_warning:focus, textfield_warning:hover, textfield_warning:focus + .c, textfield_warning:hover + .c {
  border-color: #d3a20e;
  outline: none;
  box-shadow: inset 2px 2px 1px #e7e7e7; }

.textfield_error {
  padding: 12px;
  font-size: 14px;
  border-radius: 4px;
  border: solid 1px #cb0606;
  color: #a80b0b; }

.textfield_error:focus, textfield_error:hover, textfield_error:focus + .c, textfield_error:hover + .c {
  border-color: #cb0606;
  outline: none;
  box-shadow: inset 2px 2px 1px #e7e7e7; }

.lable {
  color: #666;
  font-size: 14px; }

.rounded-textfield {
  border-radius: 20px; }

.focus-textfield {
  border-color: #333;
  outline: none;
  box-shadow: inset 2px 2px 1px #e7e7e7; }

.disable-icon {
  cursor: not-allowed; }

.input-lg {
  font-size: 18px;
  padding: 15px; }

.input-sm {
  font-size: 12px;
  padding: 11px; }

#input-lg {
  font-size: 18px;
  padding: 15px; }

#input-sm {
  font-size: 12px;
  padding: 10px; }

.selectmenu {
  width: 95%;
  padding: 12px;
  font-size: 14px;
  border-radius: 4px;
  border: solid 1px #CCCCCC;
  color: #333; }

.selectmenu:focus, selectmenu:hover, selectmenu:focus + .c, selectmenu:hover + .c {
  border-color: #333;
  outline: none;
  box-shadow: inset 2px 2px 1px #e7e7e7; }

.selectmenu_transparent {
  background: transparent;
  color: #fff;
  border: 0;
  padding: 0.7em; }

.selectmenu_transparent:focus, selectmenu_transparent:hover, selectmenu_transparent:focus + .c, selectmenu_transparent:hover + .c {
  border-color: #333;
  outline: none; }

/* Collapse Panel */
.collpase-panel-div {
  padding-top: 10px; }

.collapse-panel-head {
  background-color: #eaeaea;
  padding: 5px 0px 5px 15px;
  border-bottom: solid 1px #CCCCCC;
  color: #333;
  font-size: 14px; }

.collpase-panel-body {
  padding-top: 10px;
  line-height: 22px;
  padding-left: 10px;
  color: #333;
  font-size: 13px;
  max-height: 500px;
  /* approximate max height */
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

.cursor-pointer {
  cursor: pointer; }

#panel2 {
  display: none; }

#panel3 {
  display: none; }

/* Typography */
abbr {
  border-bottom: dotted 1px #CCCCCC;
  cursor: help; }

.address-div {
  padding-top: 10px; }

address {
  line-height: 24px;
  font-size: 14px;
  font-style: normal; }

.blockquote-div {
  padding-top: 10px; }

blockquote {
  border-left: solid 7px #eaeaea;
  padding-left: 20px;
  line-height: 20px;
  padding-top: 1px;
  padding-bottom: 1px; }

.blockquote-medium {
  font-size: 16px;
  line-height: 24px; }

.blockquote-large {
  font-size: 20px;
  line-height: 24px; }

.blockquote-pull-right {
  text-align: right;
  border-right: solid 7px #eaeaea;
  border-left: 0px;
  padding-right: 20px; }

small {
  font-size: 11px; }

cite {
  font-style: italic; }

.number-style {
  list-style: decimal; }

.content-div {
  padding-top: 10px; }

.text {
  line-height: 22px; }

.wells-div {
  padding-top: 10px; }

.default-well {
  background-color: #eaeaea;
  padding: 15px;
  line-height: 22px;
  border: solid 1px #CCCCCC; }

.alignment-div {
  padding-top: 10px;
  line-height: 22px; }

/* Miscellaneous Styles */
.breadcrum {
  padding-left: 10px;
  font-size: 14px;
  border-bottom: dotted 1px #CCCCCC; }

.slash {
  font-style: italic;
  color: #ccc;
  padding-left: 5px;
  padding-right: 5px; }

.gap-top {
  padding-top: 10px; }

.lists {
  padding-top: 10px; }

.list-ul {
  line-height: 22px; }

.list-ul li ul {
  padding-left: 10px; }

.gap-fifty {
  padding-top: 50px; }

.tabs-div {
  padding-top: 10px; }

.tabs-div-head {
  border-bottom: solid 1px #CCCCCC; }

.tabs-div-body {
  padding: 1px 0px 5px 10px;
  font-size: 14px;
  color: #666; }

.tab-head-indiv {
  display: inline-block;
  padding: 0px;
  width: 80px;
  text-align: center;
  background-color: #eaeaea;
  font-size: 14px; }

.tab-head-indiv:hover {
  background-color: #333;
  cursor: pointer;
  color: #fff; }

.tabhead-active {
  background-color: #333;
  color: #fff; }

.cross {
  background-color: #c10b02;
  padding: 10px;
  font-family: Arial Black;
  color: #fff;
  width: 30px;
  text-align: center;
  font-size: 22px;
  position: absolute;
  margin-top: -30px;
  border-radius: 100px;
  margin-left: 95%; }

.cross:hover {
  background-color: #990000;
  cursor: pointer; }

.dialogbox-container {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed !important;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow: auto;
  overflow-y: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.glyph .glyph-icon:before {
  font-size: 64px;
  color: #666;
  margin-left: 0; }

.fa::before {
  padding-right: 5px; }

.fa-hover {
  color: #999; }

.fa-hover:hover {
  color: #000;
  cursor: pointer; }

.font-fourteen {
  font-size: 14px; }

.text-muted {
  color: #ccc; }

.alert-youel {
  line-height: 24px;
  padding: 0px;
  margin: 0px; }

.arrow-pad-left {
  padding-left: 7px; }

.profile-div {
  padding: 20px; }

.profilein-pic {
  display: inline-block;
  vertical-align: top;
  width: 27%; }

.profilein-pic img {
  border-radius: 50%;
  width: 140px;
  height: 140px;
  border: solid 1px #CCCCCC; }

.profilein-content {
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
  width: 68%; }

.profilein-name {
  font-size: 26px;
  color: #333;
  font-weight: bold; }

.profilein-designation {
  color: #999;
  font-size: 16px;
  padding-top: 5px; }

.profilein-description {
  line-height: 24px;
  color: #666;
  padding-top: 10px; }

.profilein-btn {
  padding-top: 10px; }

.group-form-div {
  padding-top: 10px; }

.group-form-div-element {
  float: left;
  width: 20px; }

.group-form-div-element-op {
  float: left;
  width: 105px;
  position: absolute; }

.group-form-div-element-op-right {
  float: right;
  width: 96px;
  position: absolute;
  margin-left: 53%; }

.group-form-div-input-right {
  float: left;
  width: 80%;
  text-align: left;
  padding-left: 50px; }

.group-form-div-input-right-dropdown {
  float: left;
  width: 76%;
  text-align: left;
  padding-left: 99px; }

.group-form-div-input-left-dropdown {
  float: left;
  width: 76%;
  text-align: left;
  padding-left: 6px; }

.group-form-div-input-right-icon {
  float: left;
  width: 80%;
  text-align: left;
  padding-left: 58px; }

.group-form-div-input-right-middle {
  float: left;
  width: 76%;
  text-align: left;
  padding-left: 50px; }

.group-form-div-input-left {
  float: left;
  width: 80%;
  text-align: left;
  padding-left: 7px; }

.group-form-div:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden; }

.min-hgt-group-right {
  min-height: 15px; }

.min-hgt-group-left {
  min-height: 42px;
  min-width: 45px;
  z-index: 1;
  position: absolute; }

.min-hgt-group-left-lg {
  min-height: 53px;
  min-width: 50px;
  z-index: 1;
  position: absolute; }

.min-hgt-group-left-sm {
  min-height: 40px;
  min-width: 43px;
  z-index: 1;
  position: absolute;
  font-size: 12px; }

.dropdown-minwid {
  min-width: 95px;
  min-height: 42px; }

.set-width {
  min-width: 50px; }

.login-div {
  width: 50%;
  margin: auto;
  padding-top: 5%; }

.login-head {
  font-size: 18px;
  text-align: left;
  padding-left: 10px; }

.gapleft-ten {
  padding-left: 10px; }

.login-button-div {
  padding-top: 10px;
  text-align: left;
  padding-left: 10px;
  padding-bottom: 35%; }

.userAtTop {
  font-size: 22px;
  color: #444; }

.navbar-collapse section ul {
  display: none !important;
  position: absolute;
  font-size: 12px !important;
  margin-left: -50px !important;
  text-align: left;
  border: solid 0px #ccc;
  padding-left: 0px;
  margin-top: 0px;
  background-color: #fff; }

.navbar-collapse section:hover ul {
  display: block !important; }

.navbar-collapse section ul li {
  padding: 10px 18px !important;
  width: 250px;
  border-bottom: dashed 1px #ccc; }

.navbar-collapse section ul li:hover {
  background-color: #f2f2f2; }

.box_shadow {
  box-shadow: 0px 0px 20px #ccc; }

/* Animations */
.animateThis {
  position: relative;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  animation-iteration-count: 1; }

.animateThisFast {
  position: relative;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  animation-iteration-count: 1; }

.animateThisSlow {
  position: relative;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  animation-iteration-count: 1; }

.animateThisInfinite {
  position: relative;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite; }

.leftToRight {
  -webkit-animation-name: leftToRight;
  /* Safari 4.0 - 8.0 */
  animation-name: leftToRight; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes leftToRight {
  0% {
    left: -100px;
    opacity: 1; }
  100% {
    left: 0px;
    opacity: 1; } }
/* Standard syntax */
@keyframes leftToRight {
  0% {
    left: -100px;
    opacity: 1; }
  100% {
    left: 0px;
    opacity: 1; } }
.rightToLeft {
  -webkit-animation-name: rightToLeft;
  /* Safari 4.0 - 8.0 */
  animation-name: rightToLeft; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes rightToLeft {
  0% {
    right: -100px;
    opacity: 1; }
  100% {
    right: 0px;
    opacity: 1; } }
/* Standard syntax */
@keyframes rightToLeft {
  0% {
    right: -100px;
    opacity: 1; }
  100% {
    right: 0px;
    opacity: 1; } }
.topToBottom {
  -webkit-animation-name: topToBottom;
  /* Safari 4.0 - 8.0 */
  animation-name: topToBottom; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes topToBottom {
  0% {
    top: -100px;
    opacity: 1; }
  100% {
    top: 0px;
    opacity: 1; } }
/* Standard syntax */
@keyframes topToBottom {
  0% {
    top: -100px;
    opacity: 1; }
  100% {
    top: 0px;
    opacity: 1; } }
.bottomToTop {
  -webkit-animation-name: bottomToTop;
  /* Safari 4.0 - 8.0 */
  animation-name: bottomToTop; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes bottomToTop {
  0% {
    bottom: -100px;
    opacity: 1; }
  100% {
    bottom: 0px;
    opacity: 1; } }
/* Standard syntax */
@keyframes bottomToTop {
  0% {
    bottom: -100px;
    opacity: 1; }
  100% {
    bottom: 0px;
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  /* Safari 4.0 - 8.0 */
  animation-name: fadeIn; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* Standard syntax */
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  /* Safari 4.0 - 8.0 */
  animation-name: fadeInLeft; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeInLeft {
  0% {
    left: -100px;
    opacity: 0; }
  100% {
    left: 0px;
    opacity: 1; } }
/* Standard syntax */
@keyframes fadeInLeft {
  0% {
    left: -100px;
    opacity: 0; }
  100% {
    left: 0px;
    opacity: 1; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  /* Safari 4.0 - 8.0 */
  animation-name: fadeInRight; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeInRight {
  0% {
    right: -100px;
    opacity: 0; }
  100% {
    right: 0px;
    opacity: 1; } }
/* Standard syntax */
@keyframes fadeInRight {
  0% {
    right: -100px;
    opacity: 0; }
  100% {
    right: 0px;
    opacity: 1; } }
.fadeInTop {
  -webkit-animation-name: fadeInTop;
  /* Safari 4.0 - 8.0 */
  animation-name: fadeInTop; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeInTop {
  0% {
    top: -100px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
/* Standard syntax */
@keyframes fadeInTop {
  0% {
    top: -100px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
.fadeInBottom {
  -webkit-animation-name: fadeInBottom;
  /* Safari 4.0 - 8.0 */
  animation-name: fadeInBottom; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeInBottom {
  0% {
    bottom: -100px;
    opacity: 0; }
  100% {
    bottom: 0px;
    opacity: 1; } }
/* Standard syntax */
@keyframes fadeInBottom {
  0% {
    bottom: -100px;
    opacity: 0; }
  100% {
    bottom: 0px;
    opacity: 1; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  /* Safari 4.0 - 8.0 */
  animation-name: fadeOut; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* Standard syntax */
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  /* Safari 4.0 - 8.0 */
  animation-name: fadeOutLeft; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeOutLeft {
  0% {
    left: 0px;
    opacity: 1; }
  100% {
    left: -100px;
    opacity: 0; } }
/* Standard syntax */
@keyframes fadeOutLeft {
  0% {
    left: 0px;
    opacity: 1; }
  100% {
    left: -100px;
    opacity: 0; } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  /* Safari 4.0 - 8.0 */
  animation-name: fadeOutRight; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeOutRight {
  0% {
    right: 0px;
    opacity: 1; }
  100% {
    right: -100px;
    opacity: 0; } }
/* Standard syntax */
@keyframes fadeOutRight {
  0% {
    right: 0px;
    opacity: 1; }
  100% {
    right: -100px;
    opacity: 0; } }
.fadeOutTop {
  -webkit-animation-name: fadeOutTop;
  animation-name: fadeOutTop; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeOutTop {
  0% {
    top: 0px;
    opacity: 1; }
  100% {
    top: -100px;
    opacity: 0; } }
/* Standard syntax */
@keyframes fadeOutTop {
  0% {
    top: 0px;
    opacity: 1; }
  100% {
    top: -100px;
    opacity: 0; } }
.fadeOutBottom {
  -webkit-animation-name: fadeOutBottom;
  /* Safari 4.0 - 8.0 */
  animation-name: fadeOutBottom; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeOutBottom {
  0% {
    bottom: 0px;
    opacity: 1; }
  100% {
    bottom: -100px;
    opacity: 0; } }
/* Standard syntax */
@keyframes fadeOutBottom {
  0% {
    bottom: 0px;
    opacity: 1; }
  100% {
    bottom: -100px;
    opacity: 0; } }
/* Responsive codes should come in this file. */
@media (max-width: 575px) {
  .container{ width:98%;margin:auto;}
  .row-xs {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .row-sm {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .row-md {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .row-lg {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .row-xl {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .col-1-xs {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-1-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-1-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-1-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-1-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-xs {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-xs {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-xs {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-xs {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-xs {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-xs {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-xs {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-xs {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-xs {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-xs {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .nav-xs {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-sm {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-md {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-lg {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-xl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-xs > div {
    display: none; }

  .nav-xs > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-xs > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-xs > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-xs > div > ul li > ul:hover ul {
    display: block; }

  .nav-xs > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-xs > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-xs > a > button {
    display: block !important; }

  .nav-sm > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-sm > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-sm > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-sm > div > ul li > ul:hover ul {
    display: block; }

  .nav-sm > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-sm > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-sm > a > button {
    display: block !important; }

  .nav-md > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-md > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .allways-open-xs {
    display: block !important; }

  .allways-open-sm {
    display: block !important; }

  .allways-open-md {
    display: block !important; }

  .allways-open-lg {
    display: block !important; }

  .allways-open-xl {
    display: block !important; }

  .nav-sm > div {
    display: none; }

  .nav-md > div {
    display: none; }

  .nav-lg > div {
    display: none; }

  .nav-xl > div {
    display: none; }

  .nav-md > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-md > div > ul li > ul:hover ul {
    display: block; }

  .nav-md > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-md > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-md > a > button {
    display: block !important; }

  .nav-lg > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-lg > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-lg > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-lg > div > ul li > ul:hover ul {
    display: block; }

  .nav-lg > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-lg > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-lg > a > button {
    display: block !important; }

  .nav-xl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-xl > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-xl > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-xl > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-xl > div > ul li > ul:hover ul {
    display: block; }

  .nav-xl > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-xl > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-xl > a > button {
    display: block !important; }

  .nav-xs > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 73%; }

  .nav-xs > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 25%; }

  .nav-sm > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 73%; }

  .nav-sm > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 25%; }

  .nav-md > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 73%; }

  .nav-md > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 25%; }

  .nav-lg > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 73%; }

  .nav-lg > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 25%; }

  .nav-xl > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 73%; }

  .nav-xl > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 25%; }

  .top-bar-xs > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-sm > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-md > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-lg > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-xl > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-xs {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .top-bar-sm {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .top-bar-md {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .top-bar-lg {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .top-bar-xl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .display_xs {
    display: block; }

  .display_sm {
    display: block; }

  .display_md {
    display: block; }

  .display_lg {
    display: block; }

  .display_xl {
    display: block; }

  .hide_xs {
    display: none; }

  .hide_sm {
    display: none; }

  .hide_md {
    display: none; }

  .hide_lg {
    display: none; }

  .hide_xl {
    display: none; }

  .btn_responsive_xs {
    width: 100% !important; }

  .btn_responsive_sm {
    width: 100% !important; }

  .btn_responsive_md {
    width: 100% !important; }

  .btn_responsive_lg {
    width: 100% !important; }

  .btn_responsive_xl {
    width: 100% !important; }

  .nav-xs > div > section > ul {
    display: none !important;
    position: absolute;
    font-size: 12px !important;
    margin-left: 0px !important;
    text-align: left;
    border: solid 0px #ccc;
    padding-left: 0px;
    margin-top: 0px;
    background-color: #fff;
    width: 85% !important; }

  .nav-xs > div > section > :hover ul {
    display: block !important; }

  .nav-xs > div > section > ul li {
    padding: 10px 18px !important;
    width: 100% !important;
    border-bottom: dashed 1px #ccc; }

  .nav-xs > div > section > ul li:hover {
    background-color: #f2f2f2; }

  .nav-sm > div > section > ul {
    display: none !important;
    position: absolute;
    font-size: 12px !important;
    margin-left: 0px !important;
    text-align: left;
    border: solid 0px #ccc;
    padding-left: 0px;
    margin-top: 0px;
    background-color: #fff;
    width: 85% !important; }

  .nav-sm > div > section > :hover ul {
    display: block !important; }

  .nav-sm > div > section > ul li {
    padding: 10px 18px !important;
    width: 100% !important;
    border-bottom: dashed 1px #ccc; }

  .nav-sm > div > section > ul li:hover {
    background-color: #f2f2f2; }

  .nav-md > div > section > ul {
    display: none !important;
    position: absolute;
    font-size: 12px !important;
    margin-left: 0px !important;
    text-align: left;
    border: solid 0px #ccc;
    padding-left: 0px;
    margin-top: 0px;
    background-color: #fff;
    width: 85% !important; }

  .nav-md > div > section > :hover ul {
    display: block !important; }

  .nav-md > div > section > ul li {
    padding: 10px 18px !important;
    width: 100% !important;
    border-bottom: dashed 1px #ccc; }

  .nav-md > div > section > ul li:hover {
    background-color: #f2f2f2; } }
@media (min-width: 576px) and (max-width: 767px) {
  .duplicatePropertiesFullWidth {
    width: 100%;
    margin-bottom: 1%; }

  .container {
    width: 98%;
    margin: auto; }

  .row {
    width: 100%; }

  .content {
    line-height: 32px;
    font-size: 16px;
    padding-top: 10px;
    color: inherit;
    padding-left: 0px;
    padding-bottom: 20px; }

  .heading {
    padding-left: 0px; }

  .row-xs {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap; }

  .row-sm {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .row-md {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .row-lg {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .row-xl {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .col-1-xs {
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%; }

  .col-1-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-1-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-1-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-1-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-xs {
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%; }

  .col-2-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-xs {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-3-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-xs {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%; }

  .col-4-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-xs {
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%; }

  .col-5-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-xs {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-6-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-xs {
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%; }

  .col-7-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-xs {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  .col-8-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-xs {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-9-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-xs {
    -ms-flex: 0 0 83.34%;
    flex: 0 0 83.34%;
    max-width: 83.34%; }

  .col-10-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-xs {
    -ms-flex: 0 0 91.66%;
    flex: 0 0 91.66%;
    max-width: 91.66%; }

  .col-11-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .nav-sm {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-md {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-lg {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-xl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-sm > div {
    display: none; }

  .nav-lg > div {
    display: none; }

  .nav-xl > div {
    display: none; }

  .nav-sm > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-sm > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-sm > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-sm > div > ul li > ul:hover ul {
    display: block; }

  .nav-sm > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-sm > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-sm > a > button {
    display: block !important; }

  .nav-md > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-md > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-md > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%;
    margin-left: 0px !important; }

  .nav-md > div > ul li > ul:hover ul {
    display: block; }

  .nav-md > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-md > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-md > a > button {
    display: block !important; }

  .nav-lg > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-lg > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-lg > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-lg > div > ul li > ul:hover ul {
    display: block; }

  .nav-lg > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-lg > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-lg > a > button {
    display: block !important; }

  .allways-open-sm {
    display: block !important; }

  .allways-open-md {
    display: block !important; }

  .allways-open-lg {
    display: block !important; }

  .allways-open-xl {
    display: block !important; }

  .nav-md > div {
    display: none; }

  .nav-xl > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-xl > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-xl > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-xl > div > ul li > ul:hover ul {
    display: block; }

  .nav-xl > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-xl > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-xl > a > button {
    display: block !important; }

  .nav-sm > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 73%; }

  .nav-sm > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 25%; }

  .nav-md > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 73%; }

  .nav-md > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 25%; }

  .nav-lg > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 73%; }

  .nav-lg > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 25%; }

  .nav-xl > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 73%; }

  .nav-xl > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 25%; }

  .top-bar-sm > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-md > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-lg > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-xl > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-sm {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .top-bar-md {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .top-bar-lg {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .top-bar-xl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .display_xs {
    display: none; }

  .display_sm {
    display: block; }

  .display_md {
    display: block; }

  .display_lg {
    display: block; }

  .display_xl {
    display: block; }

  .hide_xs {
    display: block; }

  .hide_sm {
    display: none; }

  .hide_md {
    display: none; }

  .hide_lg {
    display: none; }

  .hide_xl {
    display: none; }

  .btn_responsive_sm {
    width: 100% !important; }

  .btn_responsive_md {
    width: 100% !important; }

  .btn_responsive_lg {
    width: 100% !important; }

  .btn_responsive_xl {
    width: 100% !important; }

  .nav-sm > div > section > ul {
    display: none !important;
    position: absolute;
    font-size: 12px !important;
    margin-left: 0px !important;
    text-align: left;
    border: solid 0px #ccc;
    padding-left: 0px;
    margin-top: 0px;
    background-color: #fff;
    width: 90% !important; }

  .nav-sm > div > section > :hover ul {
    display: block !important; }

  .nav-sm > div > section > ul li {
    padding: 10px 18px !important;
    width: 100% !important;
    border-bottom: dashed 1px #ccc; }

  .nav-sm > div > section > ul li:hover {
    background-color: #f2f2f2; }

  .nav-md > div > section > ul {
    display: none !important;
    position: absolute;
    font-size: 12px !important;
    margin-left: 0px !important;
    text-align: left;
    border: solid 0px #ccc;
    padding-left: 0px;
    margin-top: 0px;
    background-color: #fff;
    width: 90% !important; }

  .nav-md > div > section > :hover ul {
    display: block !important; }

  .nav-md > div > section > ul li {
    padding: 10px 18px !important;
    width: 100% !important;
    border-bottom: dashed 1px #ccc; }

  .nav-md > div > section > ul li:hover {
    background-color: #f2f2f2; } }
@media (min-width: 768px) and (max-width: 991px) {
  .duplicateProperties {
    margin-bottom: 1%;
    margin-left: 2%;
    float: left; }

  .container {
    width: 98%;
    margin: auto; }

  .row {
    width: 100%; }

  .row-xs {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap; }

  .row-sm {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap; }

  .row-md {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .row-lg {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .row-xl {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .col-1-xs {
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%; }

  .col-1-sm {
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%; }

  .col-1-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-1-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-1-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-xs {
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%; }

  .col-2-sm {
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%; }

  .col-2-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-xs {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-3-sm {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-3-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-xs {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%; }

  .col-4-sm {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%; }

  .col-4-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-xs {
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%; }

  .col-5-sm {
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%; }

  .col-5-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-xs {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-6-sm {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-6-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-xs {
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%; }

  .col-7-sm {
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%; }

  .col-7-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-xs {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  .col-8-sm {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  .col-8-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-xs {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-9-sm {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-9-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-xs {
    -ms-flex: 0 0 83.34%;
    flex: 0 0 83.34%;
    max-width: 83.34%; }

  .col-10-sm {
    -ms-flex: 0 0 83.34%;
    flex: 0 0 83.34%;
    max-width: 83.34%; }

  .col-10-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-xs {
    -ms-flex: 0 0 91.66%;
    flex: 0 0 91.66%;
    max-width: 91.66%; }

  .col-11-sm {
    -ms-flex: 0 0 91.66%;
    flex: 0 0 91.66%;
    max-width: 91.66%; }

  .col-11-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .nav-md {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-lg {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-xl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .allways-open-md {
    display: block !important; }

  .allways-open-lg {
    display: block !important; }

  .allways-open-xl {
    display: block !important; }

  .nav-md > div {
    display: none; }

  .nav-lg > div {
    display: none; }

  .nav-xl > div {
    display: none; }

  .nav-md > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-md > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-md > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%;
    margin-left: 0px !important; }

  .nav-md > div > ul li > ul:hover ul {
    display: block; }

  .nav-md > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-md > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-md > a > button {
    display: block !important; }

  .nav-lg > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-lg > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-lg > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-lg > div > ul li > ul:hover ul {
    display: block; }

  .nav-lg > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-lg > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-lg > a > button {
    display: block !important; }

  .nav-xl > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-xl > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-xl > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-xl > div > ul li > ul:hover ul {
    display: block; }

  .nav-xl > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-xl > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-xl > a > button {
    display: block !important; }

  .nav-md > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 73%; }

  .nav-md > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 25%; }

  .nav-lg > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 73%; }

  .nav-lg > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 25%; }

  .nav-xl > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 73%; }

  .nav-xl > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 25%; }

  .top-bar-md > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-lg > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-xl > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-md {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .top-bar-lg {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .top-bar-xl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .display_xs {
    display: none; }

  .display_sm {
    display: none; }

  .display_md {
    display: block; }

  .display_lg {
    display: block; }

  .display_xl {
    display: block; }

  .hide_xs {
    display: block; }

  .hide_sm {
    display: block; }

  .hide_md {
    display: none; }

  .hide_lg {
    display: none; }

  .hide_xl {
    display: none; }

  .btn_responsive_md {
    width: 100% !important; }

  .btn_responsive_lg {
    width: 100% !important; }

  .btn_responsive_xl {
    width: 100% !important; }

  .nav-md > div > section > ul {
    display: none !important;
    position: absolute;
    font-size: 12px !important;
    margin-left: 0px !important;
    text-align: left;
    border: solid 0px #ccc;
    padding-left: 0px;
    margin-top: 0px;
    background-color: #fff;
    width: 92% !important; }

  .nav-md > div > section > :hover ul {
    display: block !important; }

  .nav-md > div > section > ul li {
    padding: 10px 18px !important;
    width: 100% !important;
    border-bottom: dashed 1px #ccc; }

  .nav-md > div > section > ul li:hover {
    background-color: #f2f2f2; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .row-xs {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap; }

  .row-sm {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap; }

  .row-md {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap; }

  .row-lg {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .row-xl {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .col-1-xs {
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%; }

  .col-1-sm {
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%; }

  .col-1-md {
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%; }

  .col-1-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-1-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-xs {
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%; }

  .col-2-sm {
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%; }

  .col-2-md {
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%; }

  .col-2-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-xs {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-3-sm {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-3-md {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-3-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-xs {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%; }

  .col-4-sm {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%; }

  .col-4-md {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%; }

  .col-4-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-xs {
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%; }

  .col-5-sm {
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%; }

  .col-5-md {
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%; }

  .col-5-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-xs {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-6-sm {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-6-md {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-6-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-xs {
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%; }

  .col-7-sm {
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%; }

  .col-7-md {
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%; }

  .col-7-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-xs {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  .col-8-sm {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  .col-8-md {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  .col-8-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-xs {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-9-sm {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-9-md {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-9-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-xs {
    -ms-flex: 0 0 83.34%;
    flex: 0 0 83.34%;
    max-width: 83.34%; }

  .col-10-sm {
    -ms-flex: 0 0 83.34%;
    flex: 0 0 83.34%;
    max-width: 83.34%; }

  .col-10-md {
    -ms-flex: 0 0 83.34%;
    flex: 0 0 83.34%;
    max-width: 83.34%; }

  .col-10-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-xs {
    -ms-flex: 0 0 91.66%;
    flex: 0 0 91.66%;
    max-width: 91.66%; }

  .col-11-sm {
    -ms-flex: 0 0 91.66%;
    flex: 0 0 91.66%;
    max-width: 91.66%; }

  .col-11-md {
    -ms-flex: 0 0 91.66%;
    flex: 0 0 91.66%;
    max-width: 91.66%; }

  .col-11-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .nav-lg {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-xl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .allways-open-lg {
    display: block !important; }

  .allways-open-xl {
    display: block !important; }

  .nav-lg > div {
    display: none; }

  .nav-xl > div {
    display: none; }

  .nav-lg > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-lg > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-lg > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-lg > div > ul li > ul:hover ul {
    display: block; }

  .nav-lg > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-lg > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-lg > a > button {
    display: block !important; }

  .nav-xl > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-xl > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-xl > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-xl > div > ul li > ul:hover ul {
    display: block; }

  .nav-xl > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-xl > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-xl > a > button {
    display: block !important; }

  .nav-lg > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 84%; }

  .nav-lg > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 15%; }

  .nav-xl > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 84%; }

  .nav-xl > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 15%; }

  .top-bar-lg > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-xl > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-lg {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .top-bar-xl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .display_xs {
    display: none; }

  .display_sm {
    display: none; }

  .display_md {
    display: none; }

  .display_lg {
    display: block; }

  .display_xl {
    display: block; }

  .hide_xs {
    display: block; }

  .hide_sm {
    display: block; }

  .hide_md {
    display: block; }

  .hide_lg {
    display: none; }

  .hide_xl {
    display: none; }

  .btn_responsive_lg {
    width: 100% !important; }

  .btn_responsive_xl {
    width: 100% !important; } }
@media (min-width: 1200px) and (max-width: 1360px) {
  .row-xs {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap; }

  .row-sm {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap; }

  .row-md {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap; }

  .row-lg {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap; }

  .row-xl {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .col-1-xs {
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%; }

  .col-1-sm {
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%; }

  .col-1-md {
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%; }

  .col-1-lg {
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%; }

  .col-1-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-2-xs {
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%; }

  .col-2-sm {
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%; }

  .col-2-md {
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%; }

  .col-2-lg {
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%; }

  .col-2-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-3-xs {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-3-sm {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-3-md {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-3-lg {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-3-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-4-xs {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%; }

  .col-4-sm {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%; }

  .col-4-md {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%; }

  .col-4-lg {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%; }

  .col-4-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-5-xs {
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%; }

  .col-5-sm {
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%; }

  .col-5-md {
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%; }

  .col-5-lg {
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%; }

  .col-5-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-6-xs {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-6-sm {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-6-md {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-6-lg {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-6-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-7-xs {
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%; }

  .col-7-sm {
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%; }

  .col-7-md {
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%; }

  .col-7-lg {
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%; }

  .col-7-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-8-xs {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  .col-8-sm {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  .col-8-md {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  .col-8-lg {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  .col-8-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-9-xs {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-9-sm {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-9-md {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-9-lg {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-9-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-10-xs {
    -ms-flex: 0 0 83.34%;
    flex: 0 0 83.34%;
    max-width: 83.34%; }

  .col-10-sm {
    -ms-flex: 0 0 83.34%;
    flex: 0 0 83.34%;
    max-width: 83.34%; }

  .col-10-md {
    -ms-flex: 0 0 83.34%;
    flex: 0 0 83.34%;
    max-width: 83.34%; }

  .col-10-lg {
    -ms-flex: 0 0 83.34%;
    flex: 0 0 83.34%;
    max-width: 83.34%; }

  .col-10-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .col-11-xs {
    -ms-flex: 0 0 91.66%;
    flex: 0 0 91.66%;
    max-width: 91.66%; }

  .col-11-sm {
    -ms-flex: 0 0 91.66%;
    flex: 0 0 91.66%;
    max-width: 91.66%; }

  .col-11-md {
    -ms-flex: 0 0 91.66%;
    flex: 0 0 91.66%;
    max-width: 91.66%; }

  .col-11-lg {
    -ms-flex: 0 0 91.66%;
    flex: 0 0 91.66%;
    max-width: 91.66%; }

  .col-11-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .allways-open-xl {
    display: block !important; }

  .nav-xl > div {
    display: none; }

  .nav-xl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em;
    flex-direction: column; }

  .nav-xl > div > ul {
    display: flex;
    flex-direction: column;
    margin-left: -63px; }

  .nav-xl > div > ul li {
    list-style: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.4em;
    min-height: 45px; }

  .nav-xl > div > ul li > ul {
    display: none;
    font-size: 0.66em;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px !important;
    background: white;
    text-align: left;
    flex-direction: column;
    border: solid 0px #ccc;
    width: 95%; }

  .nav-xl > div > ul li > ul:hover ul {
    display: block; }

  .nav-xl > div > ul li > ul li {
    margin-left: -40px;
    padding: 1em;
    border-bottom: solid 1px #ccc;
    width: 100%; }

  .nav-xl > div > ul li > ul li:hover {
    background-color: #f2f2f2;
    cursor: pointer; }

  .nav-xl > a > button {
    display: block !important; }

  .nav-xl > div > form > input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    color: #1ab7a6;
    width: 84%; }

  .nav-xl > div > form > input[type="button"] {
    padding: 12px;
    text-align: center;
    color: #fff;
    width: 15%; }

  .top-bar-xl > p {
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .top-bar-xl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    justify-content: space-between;
    flex-direction: column;
    text-align: center; }

  .display_xs {
    display: none; }

  .display_sm {
    display: none; }

  .display_md {
    display: none; }

  .display_lg {
    display: none; }

  .display_xl {
    display: block; }

  .hide_xs {
    display: block; }

  .hide_sm {
    display: block; }

  .hide_md {
    display: block; }

  .hide_lg {
    display: block; }

  .hide_xl {
    display: none; }

  .btn_responsive_xl {
    width: 100% !important; } }
/* Style for Headers. */
/*body{ margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:14px;background-color:#eaeaea;}
.clear{ clear:both;}*/
/* Header 01 */
.headerBar01 {
  padding: 10px;
  box-shadow: 2px 2px 12px #ccc;
  background-color: #FFFFFF; }

.headerBar01Left {
  float: left;
  padding-left: 20px; }

.headerBar01Right {
  float: right;
  padding-right: 20px; }

.headerBar01Menu {
  font-size: 15px;
  color: #666666; }

.headerBar01Menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none; }

.headerBar01Menu ul li {
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px;
  color: #999999;
  padding-top: 30px; }

.headerBar01MenuMobile {
  display: none; }

.menuSelect {
  width: 100%;
  padding: 10px;
  border: solid 1px #CCCCCC; }

.menuSelect:focus {
  outline: none;
  border: solid 1px #333333; }

.searchTab {
  display: none; }

/* Header 02 */
.headerBar02 {
  padding: 10px;
  box-shadow: 2px 2px 12px #ccc;
  background-color: #FFFFFF; }

.padLeftTopBlack {
  padding-top: 2px; }

/* Header 03 */
.searchTextFieldC {
  padding-top: 12px; }

.searchField {
  width: 380px;
  padding: 15px;
  background-color: #222534;
  border: solid 1px #313340;
  color: #FFFFFF; }

.searchField:focus {
  outline: none;
  border-color: #474958; }

.searchIconDark {
  position: absolute;
  margin-top: -33px;
  padding-left: 375px; }

.menuDarkBar {
  background-color: #222534; }

.menuDarkBar ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  padding-top: 10px;
  padding-bottom: 35px;
  padding-left: 25px; }

.menuDarkBar ul li {
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px;
  color: #ffffff;
  padding-top: 30px; }

.menuDarkBarMobile {
  background-color: #222534;
  display: none; }

.padMobileMenu {
  padding: 20px; }

.menuSelectDark {
  width: 100%;
  padding: 10px;
  border: solid 1px #313340;
  background-color: #34384a;
  color: #FFFFFF; }

.menuSelectDark:focus {
  outline: none;
  border: solid 1px #474958; }

/* All Links */
.link1 {
  color: #999999; }

a.link1 {
  color: #999999;
  text-decoration: none; }

a:hover.link1 {
  color: #333333;
  text-decoration: none; }

.link2 {
  color: #999999; }

a.link2 {
  color: #999999;
  text-decoration: none;
  padding-bottom: 40px; }

a:hover.link2 {
  color: #464646;
  text-decoration: none;
  border-top: solid 6px #464646;
  padding-top: 34px; }

.link2Active {
  border-top: solid 6px #464646;
  padding-top: 34px;
  color: #464646; }

.link3 {
  color: #999999; }

a.link3 {
  color: #999999;
  text-decoration: none;
  padding-bottom: 40px; }

a:hover.link3 {
  color: #ffffff;
  text-decoration: none;
  border-top: solid 6px #ffffff;
  padding-top: 34px; }

.link3Active {
  border-top: solid 6px #ffffff;
  padding-top: 34px;
  color: #ffffff; }

/* Black Headers */
.blackBar {
  background-color: #1a1c28;
  padding: 15px;
  margin-top: 120px;
  color: #999999; }

.blackBarLeft {
  float: left;
  padding-left: 20px; }

.blackBarRight {
  float: right;
  padding-right: 30px; }

/* ----------------------- */
.nav-white-bg {
  background-color: #fff;
  border-bottom: solid 1px #ccc; }

.nav-white-bg > div {
  color: #666; }

.nav-white-bg > div > div > span > span > select {
  color: #666 !important; }

.nav-white-bg > div > nav > div > ul > li > ul {
  background: #fff; }

.nav-white-bg > div > nav > div > ul > li > ul > a > li {
  border-bottom: dashed 1px #ccc !important;
  padding: 10px 10px 10px 20px; }

.nav-white-bg > div > nav > div > ul > li > ul > a > li:hover {
  background-color: #f2f2f2;
  cursor: pointer; }

.nav-dark-bg {
  background-color: #333; }

.nav-dark-bg > div {
  color: #fff; }

.nav-dark-bg > div > div > span > span > select {
  color: #fff !important; }

.nav-dark-bg > div > nav > div > ul > li > ul {
  background: #333; }

.nav-dark-bg > div > nav > div > ul > li > ul > a > li {
  border-bottom: dashed 1px #666 !important;
  padding: 10px 10px 10px 20px; }

.nav-dark-bg > div > nav > div > ul > li > ul > a > li:hover {
  background-color: #222;
  cursor: pointer;
  border-bottom: dashed 1px #ccc; }

.top-bar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5em;
  justify-content: space-between; }

nav {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 1em; }

.top-bar > span {
  padding-left: 0.7em; }

.top-bar > p {
  padding: 0px;
  margin: 0px; }

.navbar-brand {
  display: inline-block;
  margin-right: 1rem;
  font-size: 2.5em;
  line-height: inherit;
  white-space: nowrap;
  padding-left: 0.5em; }

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch; }

.collapse {
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  justify-content: space-between; }

.navbar-collapse ul {
  display: flex;
  margin-left: -63px; }

.navbar-collapse ul li {
  list-style: none;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size: 1.4em; }

.nav-collapse-right {
  justify-content: flex-end; }

.nav-dropdown ul {
  display: none;
  font-size: 0.66em;
  position: absolute;
  padding-top: 30px;
  margin-left: 0px;
  text-align: left; }

.nav-dropdown:hover ul {
  display: block; }

.nav-dropdown li {
  margin-left: -40px;
  padding: 1em;
  width: 300px; }

.right-margin {
  margin-left: -205px !important; }

.form-padding {
  padding-left: 17px; }

.top-icon-pad-top-five {
  padding-top: 5px;
  padding-left: 1.2em;
  font-size: 14px; }

.dark-bar-txt-padding {
  padding-top: 10px;
  padding-left: 1.2em;
  font-size: 14px; }

.top-icons-size {
  font-size: 20px !important;
  padding-top: 7px; }

.top-bar-right-icons {
  padding-right: 1.5em !important; }

/* For all padding and margins */
/* All Paddings */
.p-1 {
  padding: 1px; }

.p-2 {
  padding: 2px; }

.p-3 {
  padding: 3px; }

.p-4 {
  padding: 4px; }

.p-5 {
  padding: 5px; }

.p-6 {
  padding: 6px; }

.p-7 {
  padding: 7px; }

.p-8 {
  padding: 8px; }

.p-9 {
  padding: 9px; }

.p-10 {
  padding: 10px; }

.p-11 {
  padding: 11px; }

.p-12 {
  padding: 12px; }

.p-13 {
  padding: 13px; }

.p-14 {
  padding: 14px; }

.p-15 {
  padding: 15px; }

.p-16 {
  padding: 16px; }

.p-17 {
  padding: 17px; }

.p-18 {
  padding: 18px; }

.p-19 {
  padding: 19px; }

.p-20 {
  padding: 20px; }

.p-21 {
  padding: 21px; }

.p-22 {
  padding: 22px; }

.p-23 {
  padding: 23px; }

.p-24 {
  padding: 24px; }

.p-25 {
  padding: 25px; }

.p-26 {
  padding: 26px; }

.p-27 {
  padding: 27px; }

.p-28 {
  padding: 28px; }

.p-29 {
  padding: 29px; }

.p-30 {
  padding: 30px; }

.p-31 {
  padding: 31px; }

.p-32 {
  padding: 32px; }

.p-33 {
  padding: 33px; }

.p-34 {
  padding: 34px; }

.p-35 {
  padding: 35px; }

.p-36 {
  padding: 36px; }

.p-37 {
  padding: 37px; }

.p-38 {
  padding: 38px; }

.p-39 {
  padding: 39px; }

.p-40 {
  padding: 40px; }

.p-41 {
  padding: 41px; }

.p-42 {
  padding: 42px; }

.p-43 {
  padding: 43px; }

.p-44 {
  padding: 44px; }

.p-45 {
  padding: 45px; }

.p-46 {
  padding: 46px; }

.p-47 {
  padding: 47px; }

.p-48 {
  padding: 48px; }

.p-49 {
  padding: 49px; }

.p-50 {
  padding: 50px; }

.p-t-1 {
  padding-top: 1px; }

.p-t-2 {
  padding-top: 2px; }

.p-t-3 {
  padding-top: 3px; }

.p-t-4 {
  padding-top: 4px; }

.p-t-5 {
  padding-top: 5px; }

.p-t-6 {
  padding-top: 6px; }

.p-t-7 {
  padding-top: 7px; }

.p-t-8 {
  padding-top: 8px; }

.p-t-9 {
  padding-top: 9px; }

.p-t-10 {
  padding-top: 10px; }

.p-t-11 {
  padding-top: 11px; }

.p-t-12 {
  padding-top: 12px; }

.p-t-13 {
  padding-top: 13px; }

.p-t-14 {
  padding-top: 14px; }

.p-t-15 {
  padding-top: 15px; }

.p-t-16 {
  padding-top: 16px; }

.p-t-17 {
  padding-top: 17px; }

.p-t-18 {
  padding-top: 18px; }

.p-t-19 {
  padding-top: 19px; }

.p-t-20 {
  padding-top: 20px; }

.p-t-21 {
  padding-top: 21px; }

.p-t-22 {
  padding-top: 22px; }

.p-t-23 {
  padding-top: 23px; }

.p-t-24 {
  padding-top: 24px; }

.p-t-25 {
  padding-top: 25px; }

.p-t-26 {
  padding-top: 26px; }

.p-t-27 {
  padding-top: 27px; }

.p-t-28 {
  padding-top: 28px; }

.p-t-29 {
  padding-top: 29px; }

.p-t-30 {
  padding-top: 30px; }

.p-t-31 {
  padding-top: 31px; }

.p-t-32 {
  padding-top: 32px; }

.p-t-33 {
  padding-top: 33px; }

.p-t-34 {
  padding-top: 34px; }

.p-t-35 {
  padding-top: 35px; }

.p-t-36 {
  padding-top: 36px; }

.p-t-37 {
  padding-top: 37px; }

.p-t-38 {
  padding-top: 38px; }

.p-t-39 {
  padding-top: 39px; }

.p-t-40 {
  padding-top: 40px; }

.p-t-41 {
  padding-top: 41px; }

.p-t-42 {
  padding-top: 42px; }

.p-t-43 {
  padding-top: 43px; }

.p-t-44 {
  padding-top: 44px; }

.p-t-45 {
  padding-top: 45px; }

.p-t-46 {
  padding-top: 46px; }

.p-t-47 {
  padding-top: 47px; }

.p-t-48 {
  padding-top: 48px; }

.p-t-49 {
  padding-top: 49px; }

.p-t-50 {
  padding-top: 50px; }

.p-r-1 {
  padding-right: 1px; }

.p-r-2 {
  padding-right: 2px; }

.p-r-3 {
  padding-right: 3px; }

.p-r-4 {
  padding-right: 4px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-6 {
  padding-right: 6px; }

.p-r-7 {
  padding-right: 7px; }

.p-r-8 {
  padding-right: 8px; }

.p-r-9 {
  padding-right: 9px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-11 {
  padding-right: 11px; }

.p-r-12 {
  padding-right: 12px; }

.p-r-13 {
  padding-right: 13px; }

.p-r-14 {
  padding-right: 14px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-16 {
  padding-right: 16px; }

.p-r-17 {
  padding-right: 17px; }

.p-r-18 {
  padding-right: 18px; }

.p-r-19 {
  padding-right: 19px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-21 {
  padding-right: 21px; }

.p-r-22 {
  padding-right: 22px; }

.p-r-23 {
  padding-right: 23px; }

.p-r-24 {
  padding-right: 24px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-26 {
  padding-right: 26px; }

.p-r-27 {
  padding-right: 27px; }

.p-r-28 {
  padding-right: 28px; }

.p-r-29 {
  padding-right: 29px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-31 {
  padding-right: 31px; }

.p-r-32 {
  padding-right: 32px; }

.p-r-33 {
  padding-right: 33px; }

.p-r-34 {
  padding-right: 34px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-36 {
  padding-right: 36px; }

.p-r-37 {
  padding-right: 37px; }

.p-r-38 {
  padding-right: 38px; }

.p-r-39 {
  padding-right: 39px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-41 {
  padding-right: 41px; }

.p-r-42 {
  padding-right: 42px; }

.p-r-43 {
  padding-right: 43px; }

.p-r-44 {
  padding-right: 44px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-46 {
  padding-right: 46px; }

.p-r-47 {
  padding-right: 47px; }

.p-r-48 {
  padding-right: 48px; }

.p-r-49 {
  padding-right: 49px; }

.p-r-50 {
  padding-right: 50px; }

.p-b-1 {
  padding-bottom: 1px; }

.p-b-2 {
  padding-bottom: 2px; }

.p-b-3 {
  padding-bottom: 3px; }

.p-b-4 {
  padding-bottom: 4px; }

.p-b-5 {
  padding-bottom: 5px; }

.p-b-6 {
  padding-bottom: 6px; }

.p-b-7 {
  padding-bottom: 7px; }

.p-b-8 {
  padding-bottom: 8px; }

.p-b-9 {
  padding-bottom: 9px; }

.p-b-10 {
  padding-bottom: 10px; }

.p-b-11 {
  padding-bottom: 11px; }

.p-b-12 {
  padding-bottom: 12px; }

.p-b-13 {
  padding-bottom: 13px; }

.p-b-14 {
  padding-bottom: 14px; }

.p-b-15 {
  padding-bottom: 15px; }

.p-b-16 {
  padding-bottom: 16px; }

.p-b-17 {
  padding-bottom: 17px; }

.p-b-18 {
  padding-bottom: 18px; }

.p-b-19 {
  padding-bottom: 19px; }

.p-b-20 {
  padding-bottom: 20px; }

.p-b-21 {
  padding-bottom: 21px; }

.p-b-22 {
  padding-bottom: 22px; }

.p-b-23 {
  padding-bottom: 23px; }

.p-b-24 {
  padding-bottom: 24px; }

.p-b-25 {
  padding-bottom: 25px; }

.p-b-26 {
  padding-bottom: 26px; }

.p-b-27 {
  padding-bottom: 27px; }

.p-b-28 {
  padding-bottom: 28px; }

.p-b-29 {
  padding-bottom: 29px; }

.p-b-30 {
  padding-bottom: 30px; }

.p-b-31 {
  padding-bottom: 31px; }

.p-b-32 {
  padding-bottom: 32px; }

.p-b-33 {
  padding-bottom: 33px; }

.p-b-34 {
  padding-bottom: 34x; }

.p-b-35 {
  padding-bottom: 35px; }

.p-b-36 {
  padding-bottom: 36px; }

.p-b-37 {
  padding-bottom: 37px; }

.p-b-38 {
  padding-bottom: 38px; }

.p-b-39 {
  padding-bottom: 39px; }

.p-b-40 {
  padding-bottom: 40px; }

.p-b-41 {
  padding-bottom: 41px; }

.p-b-42 {
  padding-bottom: 42px; }

.p-b-43 {
  padding-bottom: 43px; }

.p-b-44 {
  padding-bottom: 44px; }

.p-b-45 {
  padding-bottom: 45px; }

.p-b-46 {
  padding-bottom: 46px; }

.p-b-47 {
  padding-bottom: 47px; }

.p-b-48 {
  padding-bottom: 48px; }

.p-b-49 {
  padding-bottom: 49px; }

.p-b-50 {
  padding-bottom: 50px; }

.p-l-1 {
  padding-left: 1px; }

.p-l-2 {
  padding-left: 2px; }

.p-l-3 {
  padding-left: 3px; }

.p-l-4 {
  padding-left: 4px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-6 {
  padding-left: 6px; }

.p-l-7 {
  padding-left: 7px; }

.p-l-8 {
  padding-left: 8px; }

.p-l-9 {
  padding-left: 9px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-11 {
  padding-left: 11px; }

.p-l-12 {
  padding-left: 12px; }

.p-l-13 {
  padding-left: 13px; }

.p-l-14 {
  padding-left: 14px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-16 {
  padding-left: 16px; }

.p-l-17 {
  padding-left: 17px; }

.p-l-18 {
  padding-left: 18px; }

.p-l-19 {
  padding-left: 19px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-21 {
  padding-left: 21px; }

.p-l-22 {
  padding-left: 22px; }

.p-l-23 {
  padding-left: 23px; }

.p-l-24 {
  padding-left: 24px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-26 {
  padding-left: 26px; }

.p-l-27 {
  padding-left: 27px; }

.p-l-28 {
  padding-left: 28px; }

.p-l-29 {
  padding-left: 29px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-31 {
  padding-left: 31px; }

.p-l-32 {
  padding-left: 32px; }

.p-l-33 {
  padding-left: 33px; }

.p-l-34 {
  padding-left: 34px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-36 {
  padding-left: 36px; }

.p-l-37 {
  padding-left: 37px; }

.p-l-38 {
  padding-left: 38px; }

.p-l-39 {
  padding-left: 39px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-41 {
  padding-left: 41px; }

.p-l-42 {
  padding-left: 42px; }

.p-l-43 {
  padding-left: 43px; }

.p-l-44 {
  padding-left: 44px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-46 {
  padding-left: 46px; }

.p-l-47 {
  padding-left: 47px; }

.p-l-48 {
  padding-left: 48px; }

.p-l-49 {
  padding-left: 49px; }

.p-l-50 {
  padding-left: 50px; }

/* All Margins */
.m-1 {
  margin: 1px; }

.m-2 {
  margin: 2px; }

.m-3 {
  margin: 3px; }

.m-4 {
  margin: 4px; }

.m-5 {
  margin: 5px; }

.m-6 {
  margin: 6px; }

.m-7 {
  margin: 7px; }

.m-8 {
  margin: 8px; }

.m-9 {
  margin: 9px; }

.m-10 {
  margin: 10px; }

.m-11 {
  margin: 11px; }

.m-12 {
  margin: 12px; }

.m-13 {
  margin: 13px; }

.m-14 {
  margin: 14px; }

.m-15 {
  margin: 15px; }

.m-16 {
  margin: 16px; }

.m-17 {
  margin: 17px; }

.m-18 {
  margin: 18px; }

.m-19 {
  margin: 19px; }

.m-20 {
  margin: 20px; }

.m-21 {
  margin: 21px; }

.m-22 {
  margin: 22px; }

.m-23 {
  margin: 23px; }

.m-24 {
  margin: 24px; }

.m-25 {
  margin: 25px; }

.m-26 {
  margin: 26px; }

.m-27 {
  margin: 27px; }

.m-28 {
  margin: 28px; }

.m-29 {
  margin: 29px; }

.m-30 {
  margin: 30px; }

.m-31 {
  margin: 31px; }

.m-32 {
  margin: 32px; }

.m-33 {
  margin: 33px; }

.m-34 {
  margin: 34px; }

.m-35 {
  margin: 35px; }

.m-36 {
  margin: 36px; }

.m-37 {
  margin: 37px; }

.m-38 {
  margin: 38px; }

.m-39 {
  margin: 39px; }

.m-40 {
  margin: 40px; }

.m-41 {
  margin: 41px; }

.m-42 {
  margin: 42px; }

.m-43 {
  margin: 43px; }

.m-44 {
  margin: 44px; }

.m-45 {
  margin: 45px; }

.m-46 {
  margin: 46px; }

.m-47 {
  margin: 47px; }

.m-48 {
  margin: 48px; }

.m-49 {
  margin: 49px; }

.m-50 {
  margin: 50px; }

.m-t-1 {
  margin-top: 1px; }

.m-t-2 {
  margin-top: 2px; }

.m-t-3 {
  margin-top: 3px; }

.m-t-4 {
  margin-top: 4px; }

.m-t-5 {
  margin-top: 5px; }

.m-t-6 {
  margin-top: 6px; }

.m-t-7 {
  margin-top: 7px; }

.m-t-8 {
  margin-top: 8px; }

.m-t-9 {
  margin-top: 9px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-11 {
  margin-top: 11px; }

.m-t-12 {
  margin-top: 12px; }

.m-t-13 {
  margin-top: 13px; }

.m-t-14 {
  margin-top: 14px; }

.m-t-15 {
  margin-top: 15px; }

.m-t-16 {
  margin-top: 16px; }

.m-t-17 {
  margin-top: 17px; }

.m-t-18 {
  margin-top: 18px; }

.m-t-19 {
  margin-top: 19px; }

.m-t-20 {
  margin-top: 20px; }

.m-t-21 {
  margin-top: 21px; }

.m-t-22 {
  margin-top: 22px; }

.m-t-23 {
  margin-top: 23px; }

.m-t-24 {
  margin-top: 24px; }

.m-t-25 {
  margin-top: 25px; }

.m-t-26 {
  margin-top: 26px; }

.m-t-27 {
  margin-top: 27px; }

.m-t-28 {
  margin-top: 28px; }

.m-t-29 {
  margin-top: 29px; }

.m-t-30 {
  margin-top: 30px; }

.m-t-31 {
  margin-top: 31px; }

.m-t-32 {
  margin-top: 32px; }

.m-t-33 {
  margin-top: 33px; }

.m-t-34 {
  margin-top: 34px; }

.m-t-35 {
  margin-top: 35px; }

.m-t-36 {
  margin-top: 36px; }

.m-t-37 {
  margin-top: 37px; }

.m-t-38 {
  margin-top: 38px; }

.m-t-39 {
  margin-top: 39px; }

.m-t-40 {
  margin-top: 40px; }

.m-t-41 {
  margin-top: 41px; }

.m-t-42 {
  margin-top: 42px; }

.m-t-43 {
  margin-top: 43px; }

.m-t-44 {
  margin-top: 44px; }

.m-t-45 {
  margin-top: 45px; }

.m-t-46 {
  margin-top: 46px; }

.m-t-47 {
  margin-top: 47px; }

.m-t-48 {
  margin-top: 48px; }

.m-t-49 {
  margin-top: 49px; }

.m-t-50 {
  margin-top: 50px; }

.m-r-1 {
  margin-right: 1px; }

.m-r-2 {
  margin-right: 2px; }

.m-r-3 {
  margin-right: 3px; }

.m-r-4 {
  margin-right: 4px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-6 {
  margin-right: 6px; }

.m-r-7 {
  margin-right: 7px; }

.m-r-8 {
  margin-right: 8px; }

.m-r-9 {
  margin-right: 9px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-11 {
  margin-right: 11px; }

.m-r-12 {
  margin-right: 12px; }

.m-r-13 {
  margin-right: 13px; }

.m-r-14 {
  margin-right: 14px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-16 {
  margin-right: 16px; }

.m-r-17 {
  margin-right: 17px; }

.m-r-18 {
  margin-right: 18px; }

.m-r-19 {
  margin-right: 19px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-21 {
  margin-right: 21px; }

.m-r-22 {
  margin-right: 22px; }

.m-r-23 {
  margin-right: 23px; }

.m-r-24 {
  margin-right: 24px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-26 {
  margin-right: 26px; }

.m-r-27 {
  margin-right: 27px; }

.m-r-28 {
  margin-right: 28px; }

.m-r-29 {
  margin-right: 29px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-31 {
  margin-right: 31px; }

.m-r-32 {
  margin-right: 32px; }

.m-r-33 {
  margin-right: 33px; }

.m-r-34 {
  margin-right: 34px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-36 {
  margin-right: 36px; }

.m-r-37 {
  margin-right: 37px; }

.m-r-38 {
  margin-right: 38px; }

.m-r-39 {
  margin-right: 39px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-41 {
  margin-right: 41px; }

.m-r-42 {
  margin-right: 42px; }

.m-r-43 {
  margin-right: 43px; }

.m-r-44 {
  margin-right: 44px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-46 {
  margin-right: 46px; }

.m-r-47 {
  margin-right: 47px; }

.m-r-48 {
  margin-right: 48px; }

.m-r-49 {
  margin-right: 49px; }

.m-r-50 {
  margin-right: 50px; }

.m-b-1 {
  margin-bottom: 1px; }

.m-b-2 {
  margin-bottom: 2px; }

.m-b-3 {
  margin-bottom: 3px; }

.m-b-4 {
  margin-bottom: 4px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-b-6 {
  margin-bottom: 6px; }

.m-b-7 {
  margin-bottom: 7px; }

.m-b-8 {
  margin-bottom: 8px; }

.m-b-9 {
  margin-bottom: 9px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-11 {
  margin-bottom: 11px; }

.m-b-12 {
  margin-bottom: 12px; }

.m-b-13 {
  margin-bottom: 13px; }

.m-b-14 {
  margin-bottom: 14px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-b-16 {
  margin-bottom: 16px; }

.m-b-17 {
  margin-bottom: 17px; }

.m-b-18 {
  margin-bottom: 18px; }

.m-b-19 {
  margin-bottom: 19px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-b-21 {
  margin-bottom: 21px; }

.m-b-22 {
  margin-bottom: 22px; }

.m-b-23 {
  margin-bottom: 23px; }

.m-b-24 {
  margin-bottom: 24px; }

.m-b-25 {
  margin-bottom: 25px; }

.m-b-26 {
  margin-bottom: 26px; }

.m-b-27 {
  margin-bottom: 27px; }

.m-b-28 {
  margin-bottom: 28px; }

.m-b-29 {
  margin-bottom: 29px; }

.m-b-30 {
  margin-bottom: 30px; }

.m-b-31 {
  margin-bottom: 31px; }

.m-b-32 {
  margin-bottom: 32px; }

.m-b-33 {
  margin-bottom: 33px; }

.m-b-34 {
  margin-bottom: 34x; }

.m-b-35 {
  margin-bottom: 35px; }

.m-b-36 {
  margin-bottom: 36px; }

.m-b-37 {
  margin-bottom: 37px; }

.m-b-38 {
  margin-bottom: 38px; }

.m-b-39 {
  margin-bottom: 39px; }

.m-b-40 {
  margin-bottom: 40px; }

.m-b-41 {
  margin-bottom: 41px; }

.m-b-42 {
  margin-bottom: 42px; }

.m-b-43 {
  margin-bottom: 43px; }

.m-b-44 {
  margin-bottom: 44px; }

.m-b-45 {
  margin-bottom: 45px; }

.m-b-46 {
  margin-bottom: 46px; }

.m-b-47 {
  margin-bottom: 47px; }

.m-b-48 {
  margin-bottom: 48px; }

.m-b-49 {
  margin-bottom: 49px; }

.m-b-50 {
  margin-bottom: 50px; }

.m-l-1 {
  margin-left: 1px; }

.m-l-2 {
  margin-left: 2px; }

.m-l-3 {
  margin-left: 3px; }

.m-l-4 {
  margin-left: 4px; }

.m-l-5 {
  margin-left: 5px; }

.m-l-6 {
  margin-left: 6px; }

.m-l-7 {
  margin-left: 7px; }

.m-l-8 {
  margin-left: 8px; }

.m-l-9 {
  margin-left: 9px; }

.m-l-10 {
  margin-left: 10px; }

.m-l-11 {
  margin-left: 11px; }

.m-l-12 {
  margin-left: 12px; }

.m-l-13 {
  margin-left: 13px; }

.m-l-14 {
  margin-left: 14px; }

.m-l-15 {
  margin-left: 15px; }

.m-l-16 {
  margin-left: 16px; }

.m-l-17 {
  margin-left: 17px; }

.m-l-18 {
  margin-left: 18px; }

.m-l-19 {
  margin-left: 19px; }

.m-l-20 {
  margin-left: 20px; }

.m-l-21 {
  margin-left: 21px; }

.m-l-22 {
  margin-left: 22px; }

.m-l-23 {
  margin-left: 23px; }

.m-l-24 {
  margin-left: 24px; }

.m-l-25 {
  margin-left: 25px; }

.m-l-26 {
  margin-left: 26px; }

.m-l-27 {
  margin-left: 27px; }

.m-l-28 {
  margin-left: 28px; }

.m-l-29 {
  margin-left: 29px; }

.m-l-30 {
  margin-left: 30px; }

.m-l-31 {
  margin-left: 31px; }

.m-l-32 {
  margin-left: 32px; }

.m-l-33 {
  margin-left: 33px; }

.m-l-34 {
  margin-left: 34px; }

.m-l-35 {
  margin-left: 35px; }

.m-l-36 {
  margin-left: 36px; }

.m-l-37 {
  margin-left: 37px; }

.m-l-38 {
  margin-left: 38px; }

.m-l-39 {
  margin-left: 39px; }

.m-l-40 {
  margin-left: 40px; }

.m-l-41 {
  margin-left: 41px; }

.m-l-42 {
  margin-left: 42px; }

.m-l-43 {
  margin-left: 43px; }

.m-l-44 {
  margin-left: 44px; }

.m-l-45 {
  margin-left: 45px; }

.m-l-46 {
  margin-left: 46px; }

.m-l-47 {
  margin-left: 47px; }

.m-l-48 {
  margin-left: 48px; }

.m-l-49 {
  margin-left: 49px; }

.m-l-50 {
  margin-left: 50px; }

.small-vertical-space {
  padding-top: 10px;
  padding-bottom: 10px; }

.small-vertical-gap {
  margin-top: 10px;
  margin-bottom: 10px; }

.medium-vertical-space {
  padding-top: 30px;
  padding-bottom: 30px; }

.medium-vertical-gap {
  margin-top: 30px;
  margin-bottom: 30px; }

.large-vertical-space {
  padding-top: 50px;
  padding-bottom: 50px; }

.large-vertical-gap {
  margin-top: 50px;
  margin-bottom: 50px; }

/*# sourceMappingURL=eco-html.css.map */