/*==================================================
=                    Default                       =
==================================================*/
body {
	background: #4d565c;
	color: #4c565c;
	font-family: "futura-pt",sans-serif;
  font-size: 16px;
	font-weight: 400;
}
p,ul,ol,dl,blockquote,pre,td,th,textarea {
	font-size: 1em; /* 16px */
  line-height: 1.5000em; /* 24px */
  margin: 0 0 1.5000em 0;
}
blockquote {
	border-left: none;
	font-size:; /* equiv 24px */
}
blockquote footer {
	background-color: rgba(77, 86, 92, 0);
}
h1,h2,h3,h4,h5,h6 {font-weight: 300;}

/* Google Translation Fix */
.matrix-header font {vertical-align: top !important;}

.lead {}
.smaller {}
.small {}
.big {}
.bigger {}
.biggest {}

.font-xxs {}
.font-xs {}
.font-sm {}

sup {top: -.35em;}
sup, sub {font-size: 65%;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	sup {top: -.55em;}
}
h1 sup,h2 sup,h3 sup {font-size: 30%; vertical-align: super;}

ul.justified {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}
ul.justified li {justify-content: space-around;}

h2.page-title {
	margin-top: 0;
	text-transform: uppercase;
}
h2.page-title:before {
	content: "";
	display: block;
	border-top: solid 1px #0070b9;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 65%;
	z-index: 1;
	margin-left: -15px;
	margin-top: -5px;
} 
h2.page-title span {
	background: #fff;
	padding: 0 10px;
	position: relative;
	z-index: 5;
}
@media only screen and (min-width: 480px) {
	h2.page-title span {padding: 0 20px;} 
}
@media only screen and (min-width: 768px) {
	h2.page-title:before {top: 50%;}
}
h2.page-title span img {
	width: 175px;
}
h2.page-title span span {padding: 0;}

a {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
a, a:hover, a:active, a:focus {
	outline: 0;
}

a:hover {
	text-decoration: none;
}

h1,.h1-like {font-size:  2.250em; /* equiv 36px */}
h2,.h2-like {font-size:  1.875em; /* equiv 30px */}
h3,.h3-like {font-size:  1.500em; /* equiv 24px */}
h4,.h4-like {font-size:  1.250em; /* equiv 20px */}
h5,.h5-like {font-size:  1.125em; /* equiv 18px */}
h6,.h6-like {font-size:  0.875em; /* equiv 14px */}
.section-title {font-size:  2.250em; /* equiv 36px */ margin-bottom: 20px;}
.sub-section {font-size:  1.875em; /* equiv 30px */}
@media only screen and (min-width: 768px) {
	body {font-size: 18px;}
	p,ul,ol,dl,blockquote,pre,td,th,textarea {
		font-size: 1em; /* 18px */
		line-height: 1.5000em; /* 24px */
	/* margin: 0 0 1.5000em 0; */
	}
	h1,.h1-like {font-size:  3.000em; /* equiv 48px */}
	h2,.h2-like {font-size:  2.250em; /* equiv 36px */}
	h3,.h3-like {font-size:  1.875em; /* equiv 30px */}
	h4,.h4-like {font-size:  1.500em; /* equiv 24px */}
	h5,.h5-like {font-size:  1.250em; /* equiv 20px */}
	h6,.h6-like {font-size:  1em; /* equiv 18px */}
	.section-title {font-size:  3.000em; /* equiv 48px */ margin-bottom: 40px;}
	.sub-section {font-size:  2.250em; /* equiv 36px */}
}

@media only screen and (min-width: 1200px) {
	h1,.h1-like {font-size:  4em; /* equiv 72px */}
	h2,.h2-like {font-size:  3.056em; /* equiv 55px */}
	h3,.h3-like {font-size:  2.667em; /* equiv 48px */}
	h4,.h4-like {font-size:  2em; /* equiv 36px */}
	.section-title {font-size:  4em; /* equiv 72px */ margin-bottom: 60px;}
	.sub-section {font-size:  3.056em; /* equiv 55px */}
}

/* Header
==================================================*/
header {display: block;position: relative;}
header:after {
	content: "";
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 200%;
	height: 100%;
	transform: rotate(-10deg);
	transform-origin: 0 0;
	background-color:#fff;
	z-index:10;
}

/* Footer
==================================================*/
footer {
	display: block;
	position: relative;
	background-color: #4d565c;
	overflow: auto;
	color: #fff;
	margin-bottom: 0px;
	padding: 0px 0 30px 0;
	z-index: 999;
}
footer a {color: #fff;}
footer a:hover {color: #9b9b9b;text-decoration: none;}
footer .nav-footer li {display: inline-block;margin-left: 10px;}
footer .nav-footer {margin-left: -5px;}
footer .nav-footer>li+li:before {content: "/\00a0";padding: 0 5px;}

/* Table
==================================================*/

table {margin: 40px 0;}

table th,table td {width: 20%;}

.table-bordered {border: 1px solid rgba(221, 221, 221, 0);}

.table>thead>tr>td, .table>thead>tr>th {
	border-top: 1px solid rgba(221, 221, 221, 0) !important;
	border-bottom: 1px solid rgba(77, 196, 243, 0.4) !important;
	font-weight: 300;
	padding-bottom: 30px;
	padding-top: 30px;
	text-align: center;
}
.table>tbody>tr>td {
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: 700;
	vertical-align: middle;
}
.table>thead>tr>th {
	vertical-align: top;
}
table tbody>tr:first-child>td {border-top: 1px solid rgba(221, 221, 221, 0);}
table tbody>tr:last-child>td {border-bottom: 1px solid rgba(221, 221, 221, 0);}
.table>tfoot>tr>td, .table>tfoot>tr>th {border: 1px solid rgba(221, 221, 221, 0) !important;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 1px solid rgba(77, 196, 243, 0.4);}

.table-matrix td span {
	display: inline-block;
	padding: 7px 0;
}
.table-matrix td span.icon-information {
	padding-left: 10px;
}

.table-matrix td span.font-light {
	padding: 0;
}

td.matrix-header {
	font-weight:300;
	text-transform:uppercase;
	font-style:italic;
	text-align:left;
}
h5.matrix-header {
	font-size: 1.250em; /* equiv 20px */
	padding-left: 0 15px;
}
@media only screen and (min-width: 480px) {
	h5.matrix-header {
		font-size: 1.500em; /* equiv 24px */
	}
}
table th:first-child, table td:first-child {border-left: 1px solid rgba(221, 221, 221, 0) !important;}
table th:last-child, table td:last-child {border-right: 1px solid rgba(221, 221, 221, 0) !important;}
.table {
  border-collapse:collapse;
	display: table;
  width:100%;
}
.table-row {display: table-row;}
.table-cell, .table-head {display: table-cell;}
.table-head {font-weight:bold;}
.table-responsive {
	width: 100%;
	border: 1px solid rgba(222, 222, 222, 0);
}
table td span {display: inline-block;}

@media only screen and (min-width: 768px) {
	.table>tbody>tr>td {
		padding-bottom: 30px;
		padding-top: 30px;
		font-weight: 700;
	}
}

@media only screen and (min-width: 1200px) {
	table th, table td {font-size:  1.250em; /* equiv 20px */}
	.table>tbody>tr>td {
		padding-bottom: 30px;
		padding-top: 30px;
		font-weight: 700;
	}
}

/* Form
==================================================*/
select::-ms-expand {
    display: none;
}
.form-control {
	box-shadow: inset 0 0 0 rgba(0,0,0,.0);
	font-size:  1.125em; /* equiv 18px */
	font-weight: 300 !important;
	height: inherit;
	padding: 5px 0;
	border: 1px solid;
	font-family: "futura-pt",sans-serif;
	letter-spacing: 1px;
}

.form-control label {
	font-weight: 300 !important;
}

.form-control:focus {
	box-shadow: none;
	border-bottom: 1px solid;
}

.form-control, select {
	background-color: rgba(255, 255, 255, 0);
	border-radius: 0px;
	padding-right: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select {
	padding-left: 10px !important;
}

.input-lg, select.input-lg, select {
	border-radius: 0px;
	height: inherit;
	line-height: inherit;
	border: 2px solid;
}

/* Custom Checkbox
==================================================*/
.custom-control.overflow-checkbox .overflow-control-input {
  display: none;
}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {
  -webkit-transform: rotateZ(45deg) scale(1);
          transform: rotateZ(45deg) scale(1);
  top: -16px;
  left: 15px;
}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::before {
  opacity: 1;
}
.custom-control.overflow-checkbox .overflow-control-indicator {
  border-radius: 0;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 24px;
  height: 24px;
}
.custom-control.overflow-checkbox .overflow-control-indicator::after {
  content: "";
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  -webkit-transform: rotateZ(90deg) scale(0);
          transform: rotateZ(90deg) scale(0);
  width: 10px;
  border-bottom: 4px solid #fff;
  border-right: 4px solid #fff;
}
.checkbox label.custom-control {padding-left: 40px !important;}

.form-01 .custom-control.overflow-checkbox .overflow-control-indicator {border: 2px solid #0070b9;}
.form-02 .custom-control.overflow-checkbox .overflow-control-indicator {border: 2px solid #fff;}
.form-03 .custom-control.overflow-checkbox .overflow-control-indicator {border: 1px solid #0070b9;}
.form-03 .custom-control.overflow-checkbox .overflow-control-indicator::after {border-bottom: 4px solid #0070b9; border-right: 4px solid #0070b9;}
.form-04 .custom-control.overflow-checkbox .overflow-control-indicator {border: 1px solid #fff;}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {color: #ff3541;}

/* Grind Overwrite
==================================================*/

/*==================================================
=                    Utilities                     =
==================================================*/

.no-hyperlink {
	color: rgba(0, 103, 176, 0.4) !important;
	cursor: default !important;
}

.no-hyperlink:hover {
	color: inherit !important;
	text-decoration: none !important;
}

#wrapper {
	overflow: hidden;
	display: block;
	position: relative;
}

/* Block & Slant
==================================================*/
.block {
	background-color: #fff;
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index:15;
	padding-top: 20px;
}

.block.overflow {
	overflow: visible;
	z-index:99;
}

.slant-block {
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slant-block-before { 
	padding-top:25%;
}
.slant-block-before:before {
    content: '';
    position: absolute;
    top: -100%; right: 0;
    height:130%; width:130%;
    background: rgba(255, 255, 255, 1);
    -webkit-transform-origin:50% 0 ;
    -ms-transform-origin:50% 0 ;
    transform-origin: 50% 0 ;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: 1;
}
@media only screen and (max-width: 480px) {
	.slant-block-before:before {width:140%;}
}
.slant-block-after {padding-bottom:20%;z-index:10;}
.slant-block-after:after {
	bottom: -100%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	transform: rotate(-10deg);
	transform-origin: 0 0;
	width: 200%;
}

.slant-block-before-grey:before {background-color: #4d565c;}
.slant-block-before-light-grey:before {background-color: #f2f2f2;}
.slant-block-before-white:before {background-color: #fff;}
.slant-block-before-blue:before {background-color: #0070b9;}
.slant-block-before-black:before {background-color: #0f0f19;}

.slant-block-after-grey:after {background-color: #4d565c;}
.slant-block-after-white:after {background-color: #fff;}
.slant-block-after-blue:after {background-color: #0070b9;}
.slant-block-after-black:after {background-color: #0f0f19;}

.slant-block-tight { margin-top:-50px; margin-bottom: -50px;}

.slant-grad {
	min-height: 100px;
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: transparent;
	-webkit-backface-visibility: hidden;
	z-index:20;
}

@media only screen and (min-width: 480px) {
	.slant-grad {min-height: 250px;}
}

@media only screen and (min-width: 1200px) {
	.slant-grad {min-height: 340px;}
}


@media only screen and (min-width: 1800px) {
	.slant-grad {min-height: 500px;}
}

@media only screen and (min-width: 2400px) {
	.slant-grad {min-height: 800px;}
}

.slant-grad-white-blue {background-image: -webkit-linear-gradient(100deg, #0070b9 49.90%, #ffffff 50.01%);}
.slant-grad-blue-white {background-image: -webkit-linear-gradient(100deg, #ffffff 49.90%, #0070b9 50.01%);}
.slant-grad-blue-grey {background-image: -webkit-linear-gradient(100deg, #4d565c 49.90%, #0070b9 50.01%);}
.slant-grad-grey-blue {background-image: -webkit-linear-gradient(100deg, #0070b9 49.90%, #4d565c 50.01%);}
.slant-grad-white-grey {background-image: -webkit-linear-gradient(100deg, #4d565c 49.90%, #ffffff 50.01%);}
.slant-grad-black-grey {background-image: -webkit-linear-gradient(100deg, #4d565c 49.90%, #0f0f19 50.01%);}
.slant-grad-white-black {background-image: -webkit-linear-gradient(100deg, #0f0f19 49.90%, #ffffff 50.01%);}
.slant-grad-black-white {background-image: -webkit-linear-gradient(100deg, #ffffff 49.90%, #0f0f19 50.01%);}
.slant-grad-white-light-grey {background-image: -webkit-linear-gradient(100deg, #ffffff 49.90%, #f2f2f2 50.01%);}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.slant-grad {background-size: 100% auto; background-repeat:no-repeat;height:300px;}
	.slant-grad-white-blue {background-image: url(../layout/slant-white-blue.png); background-color:#0070b9;}
	.slant-grad-blue-white {background-image: url(../layout/slant-blue-white.png); background-color:#fff;}
	.slant-grad-blue-grey {background-image: url(../layout/slant-blue-grey.png); background-color:#4D565C;}
	.slant-grad-grey-blue {background-image: url(../layout/slant-grey-blue.png); background-color:#0070b9;}
	.slant-grad-white-grey {background-image: url(../layout/slant-white-grey.png); background-color:#4D565C;}
	.slant-grad-black-grey {background-image: url(../layout/slant-black-grey.png); background-color:#4D565C;}
	.slant-grad-white-black {background-image: url(../layout/slant-white-black.png); background-color:#0F0F19;}
	.slant-grad-black-white {background-image: url(../layout/slant-black-white.png); background-color:#fff;}
	/* .slant-grad-white-light-grey {background-image: url(../layout/slant-white-blue.png);}*/
	
}

/* .lead li {margin-bottom: .5em;} */

.li-spacing li {margin-bottom: .5em;	margin-top: .4em;}
.letter-spacing {letter-spacing:1px;}
.letter-spacing>li {letter-spacing:1px;}
.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}
.italic {font-style: italic;}
.font-light {font-weight: 300;}
.font-book {font-weight: 400;}
.font-medium {font-weight: 500 !important;}
.font-heavy {font-weight: 700 !important}
.line-height-1 {line-height:1.0em;}
.tight-lines {line-height:1em;}

.nobr	{ white-space:nowrap; }

@media (min-width: 300px) and (max-width: 600px) {
  .hidden-xxs {display: none !important}
}

/* ====== Border ====== */

.b-a {border: 1px solid #cccccc;}
.b-b {border-bottom: 1px solid #cccccc;}
.b-l {border-left: 1px solid #cccccc;}
.b-r {border-right: 1px solid #cccccc;}
.b-t {border-top: 1px solid #cccccc;}
.b-lg {border-bottom: 10px solid;}
.b-xl {border-bottom: 30px solid;}
.b-r-lg {border-right: 10px solid;}
.b-b-lg {border-bottom: 10px solid;}
.b-dashed {border: 2px dashed #bbb !important;}
.b-white {border: 1px solid #ffffff !important;}
.b-color-white {border-color: #fff;}
.b-color-blue {border-color: #0070b9;}

/*==================================================*/
.space-sm {margin-bottom: 20px;}
.space-md {padding-bottom: 40px;}
.space-lg {padding-top: 60px;}
.space-xl {padding-bottom: 100px;}
.space-xxl {padding-bottom: 160px;}

.spacer-top {border-top: 5px solid #fff;}
.spacer-bottom {border-bottom: 5px solid #fff;}
.spacer-right {border-right: 5px solid #fff;}
.spacer-left {border-left: 5px solid #fff;}
.spacer {margin: 20px 0 40px;}
/*.spacer-md {margin: 80px 0;}*/

.list-border-bottom li {border-bottom: 1px solid #c5c5c5; padding-bottom: 12px;}
.list-border-bottom li a {text-decoration: none;}
.list-border-bottom li a.text-color-white:hover {color: rgba(255, 255, 255, 0.6);}

/* ====== Margin, Padding, Postioning, & Widths ====== */
.pos-r {position: relative;}
.pos-a {position: absolute;}
.pos-f {position: fixed;}

.pos-b {bottom: 0;}

.w-sm {width: 25%;}
.w-md {width: 50%;}
.w-lg {width: 75%;}
.w-full {width: 100%;}

.m-a-0 {margin: 0;}
.m-t-0 {margin-top: 0;}
.m-r-0 {margin-right: 0;}
.m-b-0 {margin-bottom: 0 !important;}
.m-l-0 {margin-left: 0;}
.m-x-0 {margin-right: 0;margin-left: 0;}
.m-y-0 {margin-top: 0;margin-bottom: 0;}
/*==================================================*/
.m-a {margin: 20px;}
.m-t {margin-top: 20px;}
.m-r {margin-right: 20px;}
.m-b {margin-bottom: 20px;}
.m-l {margin-left: 20px;}
.m-x {margin-right: 20px; margin-left: 20px;}
.m-y {margin-top: 20px;margin-bottom: 20px;}
.m-x-auto {margin-right: auto;margin-left: auto;}
/*==================================================*/
.m-a-md {margin: 40px;}
.m-t-md {margin-top: 40px;}
.m-r-md {margin-right: 40px;}
.m-b-md {margin-bottom: 40px;}
.m-l-md {margin-left: 40px;}
.m-x-md {margin-right: 40px;margin-left: 40px;}
.m-y-md {margin-top: 40px;margin-bottom: 40px;}
/*==================================================*/
.m-a-lg {margin: 60px;}
.m-t-lg {margin-top: 60px;}
.m-r-lg {margin-right: 60px;}
.m-b-lg {margin-bottom: 60px;}
.m-l-lg {margin-left: 60px;}
.m-x-lg {margin-right: 60px;margin-left: 60px;}
.m-y-lg {margin-top: 60px;margin-bottom: 60px;}
/*==================================================*/
.m-a-xl {margin: 100px;}
.m-t-xl {margin-top: 100px;}
.m-r-xl {margin-right: 100px;}
.m-b-xl {margin-bottom: 100px;}
.m-l-xl {margin-left: 100px;}
.m-x-xl {margin-right: 100px;margin-left: 100px;}
.m-y-xl {margin-top: 100px;margin-bottom: 100px;}
/*==================================================*/
.m-a-xxl {margin: 140px;}
.m-t-xxl {margin-top: 140px;}
.m-r-xxl {margin-right: 140px;}
.m-b-xxl {margin-bottom: 140px;}
.m-l-xxl {margin-left: 140px;}
.m-x-xxl {margin-right: 140px;margin-left: 140px;}
.m-y-xxl {margin-top: 140px;margin-bottom: 140px;}

/*============= Negitive Top Margin ====================*/
.m-t--sm {margin-top: -20px;}
.m-t--md {margin-top: -40px;}
.m-t--lg {margin-top: -60px;}
.m-t--xl {margin-top: -100px;}
.m-t--xxl {margin-top: -140px;}

.p-a-0 {padding: 0 !important;}
.p-t-0 {padding-top: 0 !important;}
.p-r-0 {padding-right: 0 !important;}
.p-b-0 {padding-bottom: 0 !important;}
.p-l-0 {padding-left: 0 !important;}
.p-x-0 {padding-left: 0;padding-right: 0;}
.p-y-0 {padding-top: 0;padding-bottom: 0;}
/*==================================================*/
.p-a-sm {padding: 10px !important;}
.p-t-sm {padding-top: 10px !important;}
.p-r-sm {padding-right: 10px !important;}
.p-b-sm {padding-bottom: 10px !important;}
.p-l-sm {padding-left: 10px !important;}
.p-x-sm {padding-right: 10px;padding-left: 10px;}
.p-y-sm {padding-top: 10px !important;padding-bottom: 10px;}
/*==================================================*/
.p-a {padding: 20px !important;}
.p-t {padding-top: 20px !important;}
.p-r {padding-right: 20px !important;}
.p-b {padding-bottom: 20px !important;}
.p-l {padding-left: 20px !important;}
.p-x {padding-right: 20px;padding-left: 20px;}
.p-y {padding-top: 20px !important;padding-bottom: 20px;}
/*==================================================*/
.p-a-md {padding: 40px !important;}
.p-t-md {padding-top: 40px !important;}
.p-r-md {padding-right: 40px !important;}
.p-b-md {padding-bottom: 40px !important;}
.p-l-md {padding-left: 40px !important;}
.p-x-md {padding-right: 40px;padding-left: 40px;}
.p-y-md {padding-top: 40px;padding-bottom: 40px;}
/*==================================================*/
.p-a-lg {padding: 60px;}
.p-t-lg {padding-top: 60px;}
.p-r-lg {padding-right: 60px;}
.p-b-lg {padding-bottom: 60px;}
.p-l-lg {padding-left: 60px;}
.p-x-lg {padding-right: 60px;padding-left: 60px;}
.p-y-lg {padding-top: 60px;padding-bottom: 60px;}
/*==================================================*/
.p-a-xl {padding: 100px !important;}
.p-t-xl {padding-top: 100px;}
.p-r-xl {padding-right: 100px;}
.p-b-xl {padding-bottom: 100px;}
.p-l-xl {padding-left: 100px;}
.p-x-xl {padding-right: 100px;padding-left: 100px;}
.p-y-xl {padding-top: 100px;padding-bottom: 100px;}
/*==================================================*/
.p-a-xxl {padding: 160px;}
.p-t-xxl {padding-top: 160px;}
.p-r-xxl {padding-right: 160px;}
.p-b-xxl {padding-bottom: 160px;}
.p-l-xxl {padding-left: 160px;}
.p-x-xxl {padding-right: 160px;padding-left: 160px;}
.p-y-xxl {padding-top: 160px;padding-bottom: 160px;}
/*==================================================*/
@media only screen and (min-width: 768px) {
	.padding-left {padding-left: 60px;}
	.padding-right {padding-right: 60px;}

	.row.vdivide [class*='col-']:not(:last-child):after {
	  background: #4c565c;
	  width: 1px;
	  content: "";
	  display:block;
	  position: absolute;
	  top:0;
	  bottom: 0;
	  right: 0;
	  min-height: 70px;
	}
}

/* Overflow
==================================================*/
.overflow-hidden {overflow: hidden}

/* Breadcrumb
==================================================*/
.breadcrumb {
	background-color: rgba(245, 245, 245, 0);
	font-size: 0.90em; /* equiv 15px */
	padding: 0;
	text-transform: uppercase;
}
@media only screen and (min-width: 480px) {
	letter-spacing:.2em;
}
.breadcrumb>li+li:before {color: #fff;content: "\003e";}
.breadcrumb a {color: #fff;}
.breadcrumb>.active {color: #fff;}

/* Accordion
==================================================*/

.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}

/* Buttons
==================================================*/
.btn {
	border: 1px solid rgba(255, 255, 255, 0) !important;
	border-color: rgba(204, 204, 204, 0);
	border-radius: 0;
	font-size: 1em;
	font-weight: 700;
	line-height: 0 !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: .5em;
}
.btn:active {
  background-image: none;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
}
.btn:hover {
	border: 1px solid rgba(255, 255, 255, 0) !important;
	-webkit-transition: all .3s linear !important;
	transition: all .3s linear !important;
}

.btn-link {
	padding: 0 !important;
}

.btn.btn-link i.fa-angle-down,.btn.btn-link i.fa-angle-up {
	font-size: 30px;
	position: relative;
	top: 2px;
}

.btn-link:hover {
	text-decoration: none;
}

.btn-default {
	color: #0070b9 !important;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(255,255,255,0.5);
	-moz-box-shadow: 0px 0px 10px 3px rgba(255,255,255,0.5);
	box-shadow: 0px 0px 10px 3px rgba(255,255,255,0.5);
	line-height: inherit !important;
	width: 80%;
	white-space: normal;
}

.btn-default:active, .btn-default:focus, .btn-default:hover {
	background-color: rgba(255, 255, 255, 0.6);
	color: #0070b9 !important;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(255,255,255,0.0);
	-moz-box-shadow: 0px 0px 10px 3px rgba(255,255,255,0.0);
	box-shadow: 0px 0px 10px 3px rgba(255,255,255,0.0);
}

.btn-primary {
	background-color: #0070b9;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(33,111,184,0.5);
	-moz-box-shadow: 0px 0px 10px 3px rgba(33,111,184,0.5);
	box-shadow: 0px 0px 10px 3px rgba(33,111,184,0.5);
	width: 80%;
}
 .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
	background-color: #eee !important;
	color: #0070b9 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
@media only screen and (min-width: 480px) {
	.btn-primary,.btn-default {
		padding-left: 80px;
		padding-right: 80px;
		width: inherit !important;
	}
}

/* Colors
==================================================*/

.bg-color-white {background-color: #fff;}
.bg-color-grey {background-color: #4d565c;}
.bg-color-light-grey {background-color: #f2f2f2;}
.bg-color-black {background-color: #0f0f19;}
.bg-color-blue {background-color: #0070b9; color: #fff;}
.bg-color-blue a {color:#fff;}
.bg-color-blue a:hover {color:rgba(255, 255, 255, 0.6);}
.bg-color-blue .btn-default {color:#0070b9}
.bg-color-blue .btn-default:hover {color:#4d565c;}
.bg-color-blue .form-control {color:#fff;}

.text-color-blue {color: #0070b9;}
.text-color-grey {color: #4d565c;}
.text-color-lightgrey {color: #b7bbbd;}
a.text-color-lightgrey:hover {color: #fff;}
.text-color-white {color: #fff !important;}
.text-color-black {color: #0f0f19;}
a.text-color-white:hover {color:#4d565c;}
.text-color-dim {color: rgba(255, 255, 255, 0.5);}

.hr-color-white {border-top: 1px solid rgba(255, 255, 255, 0.4);}
.hr-color-dark {border-top: 1px solid #4c565c;}

.block.slant-color-grey:after {background-color: #4d565c;}
.block.slant-color-black:after {background-color: #0f0f19;}

/* Vertical Alignment
==================================================*/
.vertical-alignment {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
	width: 100%;
}

.vertical-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.text-block {height: 48px; line-height: 48px;}
.text-block span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

/* FLEX BOX
==================================================*/
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
	display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex; /* or inline-flex */
  -webkit-flex-flow: row wrap;
	-ms-flex-flow: center;
	justify-content: space-around;
}

.flex-container.flex-icons .flex-item {min-height: 98px; width: 150px;}
.flex-item {text-align: center;}

/* Table Container
==================================================*/
.table-container {display: table;width: 100%;}
.pfdescription .h2-like {font-size:  2.250em; /* equiv 36px */}
@media only screen and (max-width: 480px) {
	.table-container h3 {
		/* font-size:  2em; equiv 36px */
	}
}
@media only screen and (min-width: 768px) {
	.pfdescription {min-height:300px;}
	.pfdescription .section-title {font-size:  2.625em; /* equiv 42px */}
}
@media only screen and (min-width: 992px) {
	.table-container {height: 400px;}
}

@media only screen and (min-width: 1200px) {
	.table-container {height: 500px;}
}

@media only screen and (min-width: 1600px) {
	.table-container {height: 600px;}
}
.table-item {display: table-cell; vertical-align: middle;}

.img-responsive {display: inline-block;}


/*==================================================
=                    Custom                       =
==================================================*/

.map {margin-top: 80px;}

/* Main Navigation
==================================================*/

#main-nav .active {
  color: #fff;
  line-height: 24px;
  position: relative;
  text-align: left;
  vertical-align: top;
}

#main-nav> .active::before {
  background: #fff;
  border-radius: 100%;
  bottom: 1px;
  content: '';
  height: 6px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 6px;
}

/* Navbar
==================================================*/
.navbar {
	border-radius: 0;
	margin-bottom: 0;
	min-height: none;
	position: absolute;
	width: 100%;
	z-index: 9999;
}
.navbar-brand {height: inherit; padding: 15px 15px;}

.navbar-toggle {
	float: left;
	margin-left: 15px;
	border-radius: 0;
}

.navbar-nav>li>a {
	margin-top: 0px;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 1em;
}

.company-logo {
	display: block;
	height: 61px;
	width: 125px;
	margin:5px auto 0;
}

.navbar-right {
	margin-right: 0;
}

.navbar-right li.dropdown a {
	border: 1px solid rgba(255, 255, 255, 0);
	margin-top: -3px !important;
}

.navbar-right .dropdown-menu {
	background-color: rgba(255, 255, 255, 0.4);
	border-top: none;
	right: 0;
	left: 0;
  opacity: 0;
	padding: 0 5px;
	text-align: left;
	border: 1px solid rgba(255, 255, 255, 0);
}

.navbar-right .open .dropdown-menu {opacity: 1;}

.navbar-right .dropdown-menu li {
	margin-left: 10px;
	padding: 5px 0;
}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 0;}

/* Navbar Default */
.navbar-default {
	background-color: rgba(255, 255, 255, 0);
	border-color: rgba(255, 255, 255, 0);
	padding: 30px 30px 0 30px;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-size: 15px;
	font-weight:700;
	text-transform: uppercase;
}

.navbar-default .navbar-nav .open .dropdown-menu>li.active {
	font-weight: 700;
	border-bottom: 1px solid #fff;
	display: inline-block;
}

.navbar-default.navbar-dark .navbar-nav .open .dropdown-menu>li.active {
	font-weight: 700;
	border-bottom: 1px solid #4d565c;
	display: inline-block;
}

.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
	background-color: rgba(255, 255, 255, 0);
	display: inline-block;
	text-align: left;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: rgba(255, 255, 255, 0.6);}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: rgba(255, 255, 255, 0);
	color: #fff;
	content:"\00b0"; 
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: rgba(255, 255, 255, 0);}
.navbar-default .navbar-toggle {border-color: rgba(221, 221, 221, 0);margin: 0; padding: 17px 10px 10px 10px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #ffffff; background-color: rgba(232, 232, 232, 0);}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #ffffff;
	background-color:rgba(34, 112, 184, 0.0);
	border: 1px solid #fff;
}

/* Navbar Light & Navbar Dark
==================================================*/

.navbar-light.navbar-dark.navbar-default .navbar-toggle .icon-bar {background-color: #4d565c;}

.navbar-light.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 3px;
}
.navbar-toggle .icon-bar {
	height: 2px;
	width: 30px;
}

/* Navbar Light */
.navbar-light .company-logo {background-image: url(../../assets/img/logo-rapiscan-systems-white.svg); background-repeat: no-repeat;}

.navbar-light .navbar-right .dropdown-menu {
	background-color: rgba(255, 255, 255, 0.4);
	border: 1px solid #fff;
	border-top: none;
	color: #0070b9;
}

.navbar-dark .navbar-right .dropdown-menu {
	background-color: rgba(255, 255, 255, 0.4);
	border: 1px solid #4d565c;
	border-top: none;
}

.navbar-dark .navbar-right .dropdown-menu a {
	color: #4d565c;
}
.navbar-dark .navbar-right .dropdown-menu a:hover {
	color: rgba(77, 86, 92, 0.6);
}

.navbar-dark .navbar-nav>.open>a,
.navbar-dark .navbar-nav>.open>a:focus,
.navbar-dark .navbar-nav>.open>a:hover {
	border: 1px solid #4d565c;
}

@media only screen and (min-width : 480px) {
/* Navbar Light */
.navbar-light .company-logo {background-image: url(../../assets/img/logo-rapiscan-systems-white.svg); background-repeat: no-repeat;}
}

/* Navbar Dark */
.navbar-dark .company-logo {background-image: url(../../assets/img/logo-rapiscan-systems-blue.svg); background-repeat: no-repeat;}
.navbar-dark.navbar-default .navbar-nav>li>a {color: #4d565c;}
.navbar-dark.navbar-default .navbar-nav>li>a:focus, .navbar-dark.navbar-default .navbar-nav>li>a:hover {color: #acacac;}

@media only screen and (min-width : 768px) {
	.navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;}
	.navbar-toggle .icon-bar {height: 2px; width: 40px;}
	.company-logo {
		height: 77px;
		width: 160px;
		margin: 0;
	}
	#main-nav {padding: 15px 0 0 0;}
	.navbar-right {padding: 15px 0px 0 0;}
}
@media only screen and (min-width : 992px) {
	.company-logo {
		height: 108px;
		width: 223px;
		margin:0;
	}
	.navbar-right {
		margin-right: 0;
		padding: 30px 0px 0 0;
		float: right;
	}
	#main-nav {padding: 30px 0px 0 10px;}
	.navbar-right.navbar-nav>li>a {margin: 0;padding: 15px;}
	.navbar-nav>li>a {padding-left: 20px;padding-right: 20px;}
}

/* Custom Breakpoint
==================================================*/
@media only screen and (max-width : 767px) {
	.navbar-right {
		right: 5px;
		position: absolute;
		top: 0;
		margin-right: 0;
	}
	.navbar-header {float: none;}
	.nav>li {clear: right;float: left !important;}
	.navbar-default {padding: 0 0 0 5px;}
	.navbar-collapse.in {overflow-y: auto !important;}
	.collapse.in {display: block !important;}
	.nav-collapse span {margin: 1px 0 0 8px;position: absolute;}
}

/* Navbar Form
==================================================*/
.navbar-form {margin-top: 0;-webkit-box-shadow: none;}
.navbar-form input {
	background: rgba(255, 255, 255, 0);
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
	color: #fff;
}
.navbar-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
	/* font-size: 24px; */
	font-weight: 300;
}
.navbar-form input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
	/* font-size: 24px; */
	font-weight: 300;
}
.navbar-form input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
	/* font-size: 24px; */
	font-weight: 300;
}
.navbar-form input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
	/* font-size: 24px; */
	font-weight: 300;
}
.navbar-form .form-control {width: 100%;}

/* Dropdown
==================================================*/

.dropdown-menu>li>a {color: #ffffff; font-weight: bold; padding: 0;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: rgba(255, 255, 255, 0.6); background-color: rgba(232, 232, 232, 0);}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background-color: rgba(51, 122, 184, 0);
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
	outline: 0;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 50px;
	padding: 5px 0;
	margin: 2px 0 0;
	text-align: left;
	list-style: none;
	background-color: rgba(255, 255, 255, 0);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Sub Navigation
==================================================*/
.subnav a {
	color:#1DA0E2;
	font-weight:400;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	letter-spacing:1px;
	font-size: 0.750em;
	font-weight:700;
}
.subnav > li {
	position:relative;
	white-space:nowrap;
	line-height: 2em;
}

.subnav li.active a {color:#fff;}

.subnav > li.active a::after  {
	background: #fff;
  border-radius: 3px;
  content: '';
  height: 6px;
	width: 6px;
	position:absolute;
	left:50%;
	top:2em;
}

.carousel .subnav > li.active a::after  {
	position:absolute;
	left:50%;
}
.subnav a:hover {
	color: #fff;
	text-decoration: none;
}
.subnav.sec-1 a,.sec-1 p {font-size:  1em;}
.subnav.sec-1 li {margin-bottom: 10px;}
@media only screen and (min-width : 768px) {
	.subnav.sec-1 a,.sec-1 p {
		 font-size:  1.250em; /* equiv 20px */
	}
	.subnav.sec-1 li {margin-bottom: 20px;}
	.subnav.sec-1 > li {
		line-height:1.5em;
	}
	.subnav a {
		font-size: 18px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.subnav > li {
		line-height: 2.3em;
	}
	.subnav > li.active a::after  {
		top:1.5em;
	}
}

.related-products.li-spacing li {margin-bottom: .8em;}

body#rtt, body#home, #home .bg-nav-color, #rtt .bg-nav-color {background-color: #0f0f19 !important;}
body#contact,body#events,body#news,body#products, #products .bg-nav-color {background-color: #0070b9 !important;}
body#hp {background-color: #fff;}

#hp,.micro-site .navbar-default {
	background-color: #fff;
}

#products {background-color: #4d565c; background-repeat: no-repeat;}
#product-category {background-color: #4d565c;background-repeat: no-repeat;}
#product-features li {
	list-style: circle;
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-left: -15px;
}
#product-features ul {margin-left: -15px;}
#product-features hr {
	margin-left: -35px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#product-features hr.border-divide {
	border-bottom: 1px solid #D1D5D6;
}
#product-features.prod-list-size li {/*font-size: 1em;  18px */}

#categories {overflow:hidden;}
#categories >li+li:before {
	color: rgba(255, 255, 255, 0.7);
	content: "/\00a0";
	padding: 0 10px 0 5px;
	margin-left:-29px;
	pointer-events:none;
}
#categories li a {
	color: rgba(255, 255, 255, 0.6);
	margin-right:29px;
}

#categories li a:hover {
	color: #fff;
}

/* Text Collateral
==================================================*/

.text-collateral .li-spacing li {
	margin-bottom: .3em;
	margin-top: 0;
}
.text-collateral .list-border-bottom li {
	padding-bottom: .3em;
}

.text-collateral [class^="col-"],.text-specifications [class^="col-"] {
	padding-left: 0px;
}

/* Text Specifications
==================================================*/

.text-specifications {
	margin-bottom: 1em;
}
.text-specifications h5 {/* font-size: 1.1em; */ font-weight: 500;}
.text-specifications p {font-weight: 400;}

/* Badges and Thumbnail
==================================================*/

.badges-thumbnail {
	margin-bottom: 60px;
	margin-top: 60px;
}
.badges-thumbnail img {
	min-height: 61px;
	margin-bottom: 20px;
	width: 100px;
}

.badges-thumbnail p {
	padding-left: 10px;
	padding-right: 10px;
	font-size:  0.875em; /* equiv 14px */
}

@media only screen and (min-width : 768px) {
	.badges-thumbnail {
		margin-top: 120px;
	}
	.badges-thumbnail img {
		min-height: 98px;
		margin-bottom: 20px;
		width: 160px;
	}
}

@media only screen and (min-width : 992px) {
	.badges-thumbnail p {
		padding-left: 0;
		padding-right: 0;
		font-size:  1em; /* equiv 16px */
	}
}

.logo-mobile {height: 6em;margin-right:2em;}

#hp>.navbar-default .navbar-nav>li>a:focus, #hp>.navbar-default .navbar-nav>li>a:hover {
	color: rgba(0, 0, 0, 0.6);
}

/* Banner
==================================================*/

.banner {
	color:#fff;
	padding-top:200px;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #0070b9;
}
.banner .banner-content {
	border-left: 2px solid #fff;
	padding-left: 4%;
	padding-right: 2%;
	padding-bottom: 120px;
}

.banner .banner-content h1 {
	position: relative;
	top: -8px;
	margin-bottom: 0;
}
.banner-content .lead {font-weight: 500;}
.banner-content .lead p {line-height: 1.4em; margin-bottom: 1em !important;}
.banner-content a {color:#fff;}
.banner-content a:hover {color:rgba(255, 255, 255, 0.6);}

.banner h1 {
	font-size:  2.625em; /* equiv 42px */
}

.banner #categories li {
	font-size: 1.125em;
}

@media only screen and (min-width : 480px) {
	.banner .banner-content li {
		display: inline;
	}
}
@media only screen and (min-width : 768px) {
	.banner {
		padding-top:300px;
	}
	.banner .banner-content {
		min-height: 300px;
		padding-bottom: 200px;
		padding-left: 2%;
	}
	.banner .banner-content h1 {
		top: -11px;
	}
}

@media only screen and (min-width : 992px) {
	.banner .banner-content h1 {
		font-size:  3.056em; /* equiv 55px */
	}

	.banner .banner-content {min-height: 400px;}

}

@media only screen and (min-width : 1200px) {
	.banner .banner-content h1 {
		font-size:  4em; /* equiv 72px */
		top: -15px;
	}
	.banner .banner-content {min-height: 500px;}
}

/* Carousel
==================================================*/
.carousel-indicators li {
	margin: 0;
}

.carousel-control {width: 8%;}
.micro-site .carousel-control, #products .carousel-control, #product-category .carousel-control, .related-products .carousel-control {opacity: 1; text-shadow: none;}
.micro-site .carousel-control :hover{opacity: .8;}
.carousel-control.right {background-image: none;}
.carousel-control.left {background-image: none;}

.carousel-caption h1 {
	position: relative;
	top: -5px;
}

@media only screen and (min-width : 768px) {
	.carousel-caption h1 {
		position: relative;
	}
}

@media only screen and (min-width : 1300px) {
	.carousel-caption h1 {
		position: relative;
	}
}

/* Carousel Full */

#carousel-full {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#carousel-full .carousel-caption {
	text-align: left;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	padding: 0 15px 0;
	bottom:0%;
	right:30%;
	left:4%;
	top: 52%;
	width: 88%;
}

#carousel-full .carousel-caption h1 {
	margin-top: -2px;
}
#carousel-full .carousel-inner .item h2 {margin-bottom: .5em;}
#carousel-full .carousel-inner .item p {
	line-height: inherit;
	margin-bottom: .5em;
}
#carousel-full .carousel-control {font-size:2em;}
#carousel-full .carousel-control.left, .carousel-control.right {
	text-align: center;
	top:40%;
	width: 40px;
}
@media only screen and (min-width : 768px) {
	#carousel-full .carousel-control.left, .carousel-control.right {
		text-align: center;
		top:61.5%;
		width: 50px;
	}
	#carousel-full .carousel-caption {
		right:30%;
		left:6%;
		top: 60%;
		width: 88%;
	}
}
@media only screen and (min-width : 992px) {
	#carousel-full .carousel-caption {
		top: 50%;
		width: 70%;
	}
	#carousel-full .carousel-control.left, .carousel-control.right {
		top:50%;
	}
	#carousel-full .carousel-caption h1 {
	margin-top: -4px;
	}
}
@media only screen and (min-width: 900px) and (max-width: 992px) {
	#carousel-full .carousel-caption {
		top: 40%;
		width: 70%;
	}
	#carousel-full .carousel-control.left, .carousel-control.right {
		top: 40%;
	}
}
@media only screen and (max-width: 480px) {
	.large-img,.tablet-img {
		display: none;
	}
}
@media only screen and (min-width: 481px) and (max-width: 900px) {
	.large-img,.thumbnail-img {
		display: none;
	}
}
@media only screen and (min-width: 901px) {
	.tablet-img,.thumbnail-img {
		display: none;
	}
}

@media only screen and (min-width: 1200px) {
	#carousel-full .carousel-inner .item p {
		font-size: 1.250em;/* font 20px */
	}
	#carousel-full .carousel-caption h1 {
	margin-top: -6px;
	}
}
/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width : 320px) {
	#carousel-full {
		position: relative;
	}
	.large-img {
		display: none;
	}
}
/* Product Carousel */
#carousel-product .carousel-inner img {margin: auto;}
#carousel-product .carousel-control.right {text-align: right; top:45%;}
#carousel-product .carousel-control.left {text-align: left; top:45%;}
#carousel-product .carousel-control.left, #carousel-product .carousel-control.right {
	color: #4d565c;
}
.prodCarousel .item {padding: 0;}
.prodCarousel .carousel-indicators li {
	border:0;
  cursor: pointer;
	display: inline;
  text-indent: 0px;
}
.prodCarousel .carousel-indicators .active {background-color:transparent;}
.prodCarousel .carousel-indicators {
  position: relative;
  width: 100%;
  padding-left: 0;
  margin-left: -50%;
  text-align: center;
  list-style: none;
}
.prodCarousel .carousel-inner {
	min-height: 700px;
	overflow-y: visible !important;
	overflow-x: hidden;
}
@media only screen and (min-width : 768px) {
	.prodCarousel .carousel-inner {/*margin-top: 100px;*/ min-height: 800px;}
}

#hp .micro-carousel .carousel-inner {min-height: 460px;}
#rtt .micro-carousel .carousel-inner {min-height: 580px;}
@media only screen and (min-width : 992px) {
	#hp .micro-carousel .carousel-inner, #rtt .micro-carousel .carousel-inner {
		min-height: 700px;
	}
}

@media only screen and (min-width : 1200px) {
	#hp .micro-carousel .carousel-inner, #rtt .micro-carousel .carousel-inner {
		min-height: 800px;
	}
}


.micro-carousel .carousel-control {
	color:#0070b9;
	font-weight:700;
}

#carousel-product .carousel-control,.prodCarousel .carousel-control {font-size:1.5em;}
.micro-carousel .carousel-control.left,.micro-carousel .carousel-control.right,.prodCarousel .carousel-control.left,.prodCarousel .carousel-control.right,#carousel-product .carousel-control.left,#carousel-product .carousel-control.right {
	text-align: center;
	top:45%;
	width: 40px;
}
.micro-carousel .carousel-control.left,.prodCarousel .carousel-control.left,#carousel-product .carousel-control.left {
	margin-left: -20px;
}
.micro-carousel .carousel-control.right,.prodCarousel .carousel-control.right,#carousel-product .carousel-control.right {
	margin-right: -20px;
}
@media only screen and (min-width: 768px) {
	.micro-carousel .carousel-control, .prodCarousel .carousel-control {font-size:3em;}
	.micro-carousel .carousel-control.left, .micro-carousel .carousel-control.right,.prodCarousel .carousel-control.left,.prodCarousel .carousel-control.right {
		width: 80px;
	}
	.micro-carousel .carousel-control.left,.prodCarousel .carousel-control.left {
		margin-left: inherit;
	}
	.micro-carousel .carousel-control.right,.prodCarousel .carousel-control.right {
		margin-right: inherit;
	}
}

@media only screen and (min-width: 1600px) {
	.micro-carousel .carousel-control, .prodCarousel .carousel-control {font-size:4em;}
	.micro-carousel .carousel-control.left, .micro-carousel .carousel-control.right,.prodCarousel .carousel-control.left,.prodCarousel .carousel-control.right {
		width: 100px;
	}
}

.slide-light .carousel-caption {	border-left: 2px solid #fff;}
.slide-dark .carousel-caption {	border-left: 2px solid #0070b9;}
.slide-dark h1 {color: #0070b9;}
.slide-dark p {color: #4d565c;}

/* fade items instead of slide */

.carousel-fade .carousel-inner .item {opacity: 0; transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* Video Carousel
==================================================*/

#vidCarousel .carousel-control.left {
	top:50%;
	padding-left: 1%;
	text-align: left;
}

#vidCarousel .carousel-control.right {
	top:50%;
	padding-right: 1%;
	text-align: right;
}

/* Video Section
==================================================*/
#video p {margin-bottom: 0;}
#video a {color: #fff;text-decoration: none;}
#video a:hover {color: rgba(255, 255, 255, 0.8);text-decoration: none;}

.lity-close {
	width: 100px;
  right: 50px;
  top: 50px;
  -webkit-appearance: none;
  cursor: pointer;
  font-size: 35px;
  font-family: "futura-pt",sans-serif;
}
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
	font-family: "futura-pt",sans-serif;
	top: 50px;
}

@media only screen and (max-width : 1024px) {
	.lity-close {
		width: 70px;
	  right: 20px;
	  top: 0;
	  text-align: right;
	}
	.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
		font-family: "futura-pt",sans-serif;
		top: 0px;
		text-align: right;
	}
}

.lity-close span {
	float: left;
	font-size: 15px;
	margin-right: -20px !important;
	margin-top: 1px;
	text-transform: uppercase;
}

/* Login In
==================================================*/
a#show-login,a#show-lang {
	font-weight: 400;
}
.login a.btn {
	color: #0070b9 !important;
}
@media only screen and (max-width : 992px) {
	.login a.btn {
		line-height: 1.5em !important;
	}
	.login {
		background-color: #0070b9;
		font-size: 14px;
		padding: 32px 20px 0 20px;
		position: relative;
		top: 0;
		z-index: 9999;
		width: 100%;
	}
}


/* Carousel Arrows
==================================================*/
@font-face {
  font-family: 'icomoon';
  src:  url('../vendor/icons/fonts/icomoon.eot?wi6u8j');
  src:  url('../vendor/icons/fonts/icomoon.eot?wi6u8j#iefix') format('embedded-opentype'),
    url('../vendor/icons/fonts/icomoon.ttf?wi6u8j') format('truetype'),
    url('../vendor/icons/fonts/icomoon.woff?wi6u8j') format('woff'),
    url('../vendor/icons/fonts/icomoon.svg?wi6u8j#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-information:before {
	background-color: #0070b9;
	color: #fff;
	content: "\e901";
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}

.icon-down-m-arrow:before {
  content: "\e900";
}
.icon-left-arrow-large:before {
  content: "\e902";
}
.icon-left-arrow:before {
  content: "\e903";
}
.icon-left-m-arrow:before {
  content: "\e904";
}
.icon-left-mobile-w-arrow:before {
  content: "\e905";
}
.icon-right-arrow-large:before {
  content: "\e906";
}
.icon-right-arrow:before {
  content: "\e907";
}
.icon-right-m-arrow:before {
  content: "\e908";
}
.icon-right-mobile-w-arrow:before {
  content: "\e909";
}
.icon-up-m-arrow:before {
  content: "\e90a";
}

/* Slick Carousel
==================================================*/
.slick-nav {
	font-size:2.5em;
	color:#fff;
	cursor:pointer;
	padding:10px;
	margin:5px;
	position:absolute;
	top:20%;
}
.slick-nav:hover {
	 color:rgba(255, 255, 255, 0.6);
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	text-decoration: none;
}
.slick-list {
	margin-left:2em;
	margin-right:2em;
}
.slick-rap-prev { left:-35px; }
.slick-rap-next { right: -35px;}	
.slick-carousel-related h3 {
	 font-size:  1.875em; /* equiv 30px */
	 margin-bottom: 20px;
	 margin-top: -6px;
}
.slick-carousel-related img {
	height: 130px;
	max-width:100%;
}
@media only screen and (min-width: 992px) {
	.slick-carousel-related h3 {font-size: 2.667em;}
 	.slick-rap-prev { left: -11%; }
 	.slick-rap-next { right: -11%;}	
	.slick-nav {font-size:3em;}
	.slick-list {
		margin-left:0%;
		margin-right:0%;
	}
	.slick-carousel-related img {
		height: 185px;
		
	}
}

/*==================================================
=            Utilities Classes====*/

/* Product Back =========
======================== */
.product-back {
	color: #fff;
	cursor: pointer;
}

.product-back:hover {
	color: rgba(255, 255, 255, 0.6);
	cursor: pointer;
	margin-left: -15px !important;
}

/* Social Icon =========
======================== */

.social-icon {
	margin-left: 20px;
	margin-right: 20px;
}


/* Markets
==================================================*/
#nav-markets {
	font-size:  1.333em; /* equiv 24px */
	font-weight: 400;
}
#nav-markets .arrow-right {
	position: absolute;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	right: 14px;
	margin-top: 27.5px;
}
#nav-markets a {
	border-bottom: 1px solid;
	display: block;
	margin-bottom: 20px;
	text-decoration: none;
}
#nav-markets a:hover {
	padding-left: 15px;
	border-bottom-color: #337ab7;
}
#nav-markets i {
	border: solid #0070b9;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
}
@media only screen and (min-width : 768px) {
	#nav-markets .arrow-right {
		margin-top: 31.5px;
	}
}

/* Latest News
==================================================*/

#latest-news .date {font-weight: 700; /*font-size:  1.1111em;  equiv 20px */ letter-spacing: 1px; margin-bottom: 0;}
#latest-news h3.sub-section {margin-bottom: .75em;}
#latest-news h3 {margin: .15em 0 .125em;}
#latest-news h4 {font-size:  1.500em; /* equiv 24px */}
#latest-news p,.news p {margin-bottom: .5em !important;}
/* #news p {margin-bottom: 1.5em !important;} */
.news .entry .date {font-weight:700;text-transform:uppercase; margin-bottom: 10px;}
.news .entry h1 {color: #0070b9;}
.entry {margin-bottom: 40px;}

#product-categories li {
}
#product-categories .active>a, #product-categories .active>a>.active>a:focus, #product-categories .active>a>.active>a:hover {
	color: #fff;
}

@media only screen and (min-width : 768px) {
	#latest-news h4 {font-size:  1.875em; /* equiv 30px */}
	.entry {margin-bottom: 60px;}
}

/* Tooltip
================================*/
.custom-tooltip + .tooltip > .tooltip-inner {
	background-color: #fff !important;
	border-radius: 0;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	color: #0070b9;
  /*font-size: 1.3333em;  24px */
	padding: 20px;
}
.custom-tooltip + .tooltip > .tooltip-arrow {border-bottom-color:#fff;}

.icon-wrapper {display: inline-block;margin-bottom: 10px;}

.custom-icon {
  border-radius: 100%;
  border: 2px solid #0070b9;
	color: #0070b9;
  display: table-cell;
  /* font-size: 2em; */
  height: 40px;
  padding: 30px;
  text-align: center;
  transition: .5s;
  vertical-align: middle;
  width: 40px;
}

.fix-editor {
  display: none;
}


div.item.full-screen {
	background-position: right center !important;
}

.glyphicon-search {
	color: #fff;
}
.input-group .icon-addon .form-control {
    border-radius: 0;
}
.icon-addon {
    position: relative;
    color: #555;
    display: block;
}
.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}
.icon-addon:after {
    clear: both;
}
.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    right: 10px;
		/* font-size: 14px; */
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}
.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 1.5em;
    padding: 10px 0;
}
.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px;
		/* font-size: 12px; */
    line-height: 1.5;
}
.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 1.250em;
    margin-left: 0;
    right: 0;
    top: 4px;
}
.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}
.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    /*font-size: 12px;*/
    left: 5px;
    top: -1px
}

/* Micro-sites
================================*/
.nav-pills>li>a {
	border-radius: 0;
	/* padding: 20px 40px; */
}

 /*.micro-site h1 { 
	font-size:  3.000em; /* equiv 48px */
}

.nav-pills li .btn-primary {
	width: 100%;
}

.micro-site .banner {
	color:#fff;
	padding-top: 68px;
}

.micro-site .sub-nav {
	font-weight: 700;
}

.micro-site .sub-nav li {
	margin-right: 30px;
}

.micro-site ul#sub-nav.nav>li>a {
	background-color: rgba(255, 255, 255, 0);
	color: #fff;
	line-height: 1em;
}
@media (max-width: 320px) {
	#hp #sub-nav.nav-pills>li {
		float: none !important;
	}
}

@media (max-width : 420px) {
	#rtt #sub-nav.nav-pills>li {font-size: 12px;}
	#rtt ul#sub-nav.nav>li>a.btn {margin-top: 0; padding: 15px 10px;}
}

.micro-site ul#sub-nav.nav>li>a:hover {
	color: rgba(255, 255, 255, 0.6);
}

.micro-site #sub-nav.navbar-nav>li>a:last-child {
	margin-right: 0;
}

.micro-site #sub-nav.navbar-nav>li>a {
	margin-top: 15px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.micro-site .sub-nav li a {
	color: #0070b9;
}

.micro-site .sub-nav li a.btn {
	color: #fff;
}

	.micro-site .section-title {
	 	/*font-size: 5.5556em; /* 100px */
	  /*line-height: 1.2000em;  120px */
	}

@media (min-width: 600px) {
	.micro-site h1 {
		font-size:  4em; /* equiv 72px */
	}
}

@media (min-width: 768px) {
	.post-block {
		padding: 60px;
	}
	.micro-site h1 {
		font-size: 5.250em; /* equiv 84px */
	}
}
@media (min-width: 768px) {
	.micro-site .banner {padding-top: 109px;}
}

@media (min-width: 992px) {
	.micro-site .banner {padding-top: 125px;}
}

@media (min-width: 1366px) {
	.micro-site h1 {font-size: 6.0em;  /* 96px */}
}

.micro-site .micro-header {
	width: 96%;
}
.micro-site .micro-header h2.page-title {
	font-size: 1.2em;
}
@media only screen and (min-width : 480px) {
	.micro-site .micro-header h2.page-title {font-size: 1.8em;}
}
#rtt .micro-site h2.page-title {
	line-height: 1.5;
}
.micro-site.detail-page h1 {font-size:  /*  equiv 48px */ line-height: 1.2; margin-bottom: .4em;}

@media only screen and (min-width : 768px) {
	.micro-site.detail-page h1 {font-size:  3.056em; /* equiv 55px */ line-height: 1.2; margin-bottom: .4em;}
}
/* Back Divide
==================================================*/
.back-divide h2.page-title a {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 0;
	letter-spacing: 1px;
}
.back-divide h2.page-title span.icon-left-arrow {padding: 0 0 0 0; margin-right: -5px;}
.back-divide h2.page-title span {margin-top: 0; padding: 0 0 0 0;}
.back-divide h2.page-title a:hover {color: #0070b9;}
.back-divide h2.page-title:before {border-top: solid 1px #0070b9 !important;}
.back-divide h2.page-title .back-to-news {background-color: #0f0f19; padding-right: 10px;}

.back-divide.back-divide-light h2.page-title .back-to-news {background-color: #ffffff;}
.back-divide.back-divide-light h2.page-title a {color:#0070b9}

@media only screen and (min-width : 768px) {
	.back-divide h2.page-title span {margin-top: -3px;}
	.back-divide h2.page-title span.icon-left-arrow {padding: 0 0 0 30px; margin-right: -5px;}
	.back-divide h2.page-title .back-to-news {padding: 0 40px 0 0;}
}

.micro-site .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {

}

.micro-site .pagination>li>a, .pagination>li>span {
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid rgba(0, 0, 0, 0);
}

.back-divide h2.page-title:before {border-top: solid 1px #0070b9 !important;}

/* .pagination {
  display: flex;
  flex-direction: row;
	-ms-flex-direction: row;
}*/
div.pagination:before, div.pagination:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #fff;
  margin: auto;
}

div.pagination span {
  background-color: #0f0f19;
  color: #fff;
  padding: 0 100px;
}
/* .micro-site .flex-container {
  -webkit-flex-flow: row nowrap;
}*/

/*.micro-site .badges-thumbnail {
	padding: 100px 0 0;
}*/

/* RTT
==================================================*/
#rtt .page-title-padding {margin-bottom: 20px;}
#rtt #main-nav-wrap {background-color: #0f0f19;}
#rtt h2.page-title:before {border-top: solid 1px #8b8b8b;}
#rtt h2.page-title span {background: #0f0f19;}
#rtt .micro-site.banner {min-height: 300px;}
#rtt .banner {
	min-height: 0px;
}
#rtt blockquote p {
	font-size: 1.250em; /* 24px */
	font-weight: 500;
}
#rtt .font-xl {
	/* font-size: 2em; */
}
#rtt .font-xs {
	font-size:  0.875em; /* equiv 14px */
}
#rtt .m-t--xxl {
	margin-top: -60px;
}
#rtt .form-01>form>.btn {
	background-color: #0070b9; 
	color: #fff;
	box-shadow: 0px 0px 10px 3px rgba(0, 112, 186, 0.6);
}
#rtt .form-01>form>.btn:hover {
	background-color: #fff; 
	color: #0070b9;
	box-shadow: none;
}
@media only screen and (min-width : 768px) {
	#rtt .m-t--xxl {margin-top: -180px;}
	#rtt .font-xl {/*font-size: 5.5556em;  100px */ line-height: 1.2000em; /* 120px */}
	#rtt .font-xs {font-size: inherit;}
}

#sub-nav {
	display: inline-block;
}

/*#rtt ul#sub-nav li,#hp ul#sub-nav li {margin-top: 20px;}*/

/*#rtt ul#sub-nav li a.btn,#hp ul#sub-nav li a.btn {margin-left: 20px;}*/

#rtt .btn:hover,#hp .btn:hover {color: #0070b9;box-shadow: none;}

#rtt #micro-carousel .item h3,#hp #micro-carousel .item h3 {color: #0f0f19;}

#hp ul#sub-nav.nav>li>a {
	font-size: 0.7em;
	font-weight: 700;
	padding: 7px 15px;
}
#rtt ul#sub-nav.nav>li>a {
	font-size: 0.9em;
	font-weight: 700;
	padding: 7px 15px;
}
#hp ul#sub-nav.nav>li>a {margin: 5px 0 0;}
#hp ul#sub-nav.nav>li>a.btn {
	background-color: rgba(34, 112, 184, 1);
	margin: 0;
	padding: 17px 20px;
}

#rtt ul#sub-nav.nav>li>a.btn {
	background-color: rgba(34, 112, 184, 0) !important;
}
#rtt ul#sub-nav.nav>li>a.btn.p-l-r {padding-left: 40px; padding-right: 40px;}
@media (min-width : 340px) {
	#rtt ul#sub-nav.nav>li>a.btn {
		margin-bottom: 0; margin-top: 5px; padding: 17px 0;
	}
	#rtt ul#sub-nav.nav>li>a.btn.btn-primary {padding: 17px 20px;}
}
@media (min-width : 480px) {
	#rtt ul#sub-nav.nav>li>a.btn.btn-primary {padding: 17px 40px;}
}
@media (min-width : 768px) {
	#rtt ul#sub-nav.nav>li>a,#hp ul#sub-nav.nav>li>a {
		font-weight: 700;
		/* padding: 5px 20px; */
	}
	#hp ul#sub-nav.nav>li>a {margin: 0;}
	#rtt ul#sub-nav.nav>li>a.btn,#hp ul#sub-nav.nav>li>a.btn {
		background-color: #0070b9;
		margin-top: -3px;
		/* padding: 17px 40px; */
	}

	#rtt ul#sub-nav,#hp ul#sub-nav {
		float: right;
		margin-right: 25px;
	}
}
@media (max-width : 340px) {
	#hp ul#sub-nav.nav>li>a {margin-bottom: 20px;}
}

@media (max-width : 480px) {
	#rtt ul#sub-nav.nav>li>a.btn.p-l-r {padding-left: 20px; padding-right: 20px;}
	ul#sub-nav.nav>li>a.btn.btn-primary {width: 100%;}
}

#rtt ul#sub-nav.nav-pills>li.active>a, #rtt ul#sub-nav.nav-pills>li.active>a:focus, #rtt ul#sub-nav.nav-pills>li.active>a:hover,#hp ul#sub-nav.nav-pills>li.active>a, #hp ul#sub-nav.nav-pills>li.active>a:focus, #hp ul#sub-nav.nav-pills>li.active>a:hover {
	color: #0070b9;
}

#rtt ul#sub-nav.nav-pills>li.active::before,#hp ul#sub-nav.nav-pills>li.active::before {
	background: #0070b9;
	border-radius: 100%;
	bottom: 1px;
	content: '';
	height: 6px;
	left: 50%;
	margin-bottom: -5px;
	position: absolute;
	transform: translateX(-50%);
	width: 6px;
}

#rtt ul#sub-nav.nav>li>a.btn.btn-primary {background-color: rgba(34, 112, 184, 1) !important;}
#rtt ul#sub-nav.nav>li>a.btn.btn-primary:hover {background-color: #fff !important;}

/* HP
================================*/
#hp li>.dropdown-menu {
	background-color: rgba(255, 255, 255, 0.4);
}

#hp .dropdown-menu>li>a {
	color: #4d565c;
}

#hp .dropdown-menu>li>a:focus, #hp .dropdown-menu>li>a:hover {
	color: #0070b9;
}

#hp .nav-pills>li.active>a, #hp .nav-pills>li.active>a:focus, #hp .nav-pills>li.active>a:hover {
	background-color: rgba(51, 122, 184, 0);
}

#hp .form-02>form>.btn {
	background-color: #fff; 
	color: #0070b9;
	box-shadow: 0px 0px 10px 3px rgba(255, 255, 255, 0.4);
}
#hp .form-02>form>.btn:hover {
	background-color: rgba(255, 255, 255, 0.6) !important; 
	color: #fff;
	box-shadow: 0px 0px 10px 3px rgba(255, 255, 255, 0.0);
}

#hp .slick-carousel-related .btn {
	border-radius: 0px;
	color: #fff;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#hp .slick-carousel-related .btn:hover {
	background-color: rgba(255, 255, 255, 0) !important;
}

#hp .slick-primary:hover {
	background-color: rgba(0, 112, 185, 0.3) !important;
}

#hp .navbar-default.navbar-dark  {
	background-color: #fff;
	z-index: 99;
}
/* Contact
==================================================*/

.contact-indicators-wrap {
	height: auto;
	position: relative;
	width: 100%;
}

.contact-indicators-wrap ol:after {
	border-bottom: 3px solid #7fb2d8;
  content: "";
  height: 55%;  /* or 100px */
  position: absolute;
  right: 0;
  top: 0;
	width: 100%;
	z-index: 100;
}

.contact-indicators li {
	background-color: #fff;
	border: 3px solid #7fb2d8;
	border-radius: 50%;
	color: #7fb2d8;
	font-size:  1.500em; /* equiv 24px */
	font-weight: bold;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	width: 50px;
	justify-content: space-between;
	z-index: 999;
	line-height: 1.6;
}

.contact-indicators li.active {
	background-color: #0066b1;
	border: 3px solid #0066b1;
	color: #fff;
}

.contact-indicators.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
}

/* Forms Custom
==================================================*/

.has-error .form-control {border:1px solid !important; border-color:#ff3541 !important; box-shadow: none !important; -webkit-box-shadow: none !important; padding-left: 10px;}
.has-error select + span {
	background-color: #ff3541 !important;
}

.form-03 .has-error select + span,.form-04 .has-error select + span {
	background-color: rgba(255, 53, 66, 0) !important;
}
/*.btn.btn-primary.text-color-white.font-medium.disabled {
	cursor: not-allowed !important;
}*/
.btn.disabled {
	box-shadow: 0px 0px 10px 3px rgba(33, 111, 184, 0.8);
  cursor: auto;
	font-weight: 700;
  opacity: 1;
}
.form-02 .btn.disabled {
	box-shadow: 0px 0px 10px 3px rgba(255, 255, 255, 0.8);
}
.form-02 .btn:hover.disabled {
	box-shadow: 0px 0px 10px 3px rgba(255, 255, 255, 0);
}
.btn:hover.disabled {
	box-shadow: 0px 0px 10px 3px rgba(33, 111, 184, 0);
}
.form-simple form .form-control,.form-simple form select {
	border: none;
	border-bottom: 2px solid #97c4e1;
	color: #aaaaaa !important;
}

/* Black or Dark Backgrounds */

.form-01 form .form-control, .form-01 form select {
	background-color: rgba(255, 255, 255, 0);
	border: 2px solid #0070b9;
	color: #fff;
	box-shadow: 0px 0px 10px 3px rgba(33, 111, 184, 0.8);
}

.form-01 form select option {
	color: #4c565c;
}

.form-01 input, .form-01 textarea {
	color: #fff;
	font-weight: 300;
	border: 2px solid;
	padding-left: 10px;
}

.form-01 .btn.btn-primary {
	width: 100% !important;
}

.form-01 select + span {
	background-color: #0070b9;
	padding: 6px 15px;
	margin: -37px 0px;
}
@media (min-width : 768px) {
	.form-01 select + span {
		margin: -40px 0px;
	}
}
.form-01 input::-webkit-input-placeholder, .form-01 textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
	font-weight: 300;
}
.form-01 input::-moz-placeholder, .form-01 textarea::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
	font-weight: 300;
}
.form-01 input:-ms-input-placeholder, .form-01 textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
	font-weight: 300;
}
.form-01 input:-moz-placeholder, .form-01 textarea:-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
	font-weight: 300;
}

/* Blue Backgrounds */

.form-02 form .form-control, .form-02 form select {
	background-color: rgba(255, 255, 255, 0);
	border: 2px solid #fff;
	color: #fff;
	box-shadow: 0px 0px 10px 3px rgba(255, 255, 255, 0.4);
}

.form-02 form select option {
	color: #4c565c;
}

.form-02 select + span {
	background-color: #fff;
	color: #0070b9;
	padding: 6px 15px;
	margin: -38px 0px;
}

@media (min-width : 768px) {
	.form-02 select + span {
		margin: -41px 0px;
	}
}

.form-02 input, .form-02 textarea {
	color: #fff;
	font-weight: 300;
	border: 4px solid;
	padding-left: 10px;
}

.form-02 .btn.btn-default {
	width: 100%
}

.form-02 input::-webkit-input-placeholder, .form-02 textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
	font-weight: 300;
}
.form-02 input::-moz-placeholder, .form-02 textarea::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
	font-weight: 300;
}
.form-02 input:-ms-input-placeholder, .form-02 textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
	font-weight: 300;
}
.form-02 input:-moz-placeholder, .form-02 textarea:-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
	font-weight: 300;
}

/* EXAMPLE Contact Page */

.form-03 form .form-control, .form-03 form select {
	background-color: rgba(255, 255, 255, 0);
	border: none;
	border: 1px solid rgba(0, 112, 186, 0);
	border-bottom: 1px solid #0070b9;
	color: #4c565c;
}

.form-03 input {
	color: #4c565c;
	font-weight: 300;
}

.form-03 textarea {
	border: 1px solid #0070b9 !important;
	color: #4c565c;
	font-weight: 300;
	padding: 6px 12px;
}

.form-03 form select {
	border: 1px solid #0070b9 !important;
}
.form-03 select + span {
	color: #0070b9;
}

.form-03 input::-webkit-input-placeholder, .form-03 textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #4c565c !important;
	font-weight: 300;
}
.form-03 input::-moz-placeholder, .form-03 textarea::-moz-placeholder { /* Firefox 19+ */
  color: #4c565c !important;
	font-weight: 300;
}
.form-03 input:-ms-input-placeholder, .form-03 textarea:-ms-input-placeholder { /* IE 10+ */
  color: #4c565c !important;
	font-weight: 300;
}
.form-03 input:-moz-placeholder, .form-03 textarea:-moz-placeholder { /* Firefox 18- */
  color: #4c565c !important;
	font-weight: 300;
}

/* Footer */

.form-04 form .form-control {
	background-color: rgba(255, 255, 255, 0);
	border: none;
	border-bottom: 1px solid #ffffff;
	color: #b7bbbd;
}

.form-04 form select {
	border: 1px solid #ffffff !important;
}

.form-04 select + span {

}

.form-04 input, .form-04 textarea {
	color: #b7bbbd;
	font-weight: 300;
}

.form-04 input::-webkit-input-placeholder, .form-04 textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b7bbbd !important;
	font-weight: 300;
}
.form-04 input::-moz-placeholder, .form-04 textarea::-moz-placeholder { /* Firefox 19+ */
  color: #b7bbbd !important;
	font-weight: 300;
}
.form-04 input:-ms-input-placeholder, .form-04 textarea:-ms-input-placeholder { /* IE 10+ */
  color: #b7bbbd !important;
	font-weight: 300;
}
.form-04 input:-moz-placeholder, .form-04 textarea:-moz-placeholder { /* Firefox 18- */
  color: #b7bbbd !important;
	font-weight: 300;
}

/* Form Select */
/* remove the original arrow */
select.input-lg {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
	padding-right: 50px;
  /* no standardized syntax available, no ie-friendly solution available */
}

select + span {
  float: right;
  margin-top: -31px;
  margin-right: 5px;
  /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
  pointer-events: none;
  /* everything after this is just to cover up the original arrow */
  /* (for browsers that don't support the syntax used above) */
  background-color: rgba(255, 255, 255, 0);
  padding-right: 5px;
}
select + span.fa-2x {font-size: 1.5em;}

@media (min-width : 768px) {
	select + span {
	  margin-top: -34px;
	}

}



/* Lightbox (Lity)
----------------- */
.lity {
	background: rgba(11, 11, 11, 0.9);
}


/* PRODUCT FINDER */

#pfimg {
	margin: 0 auto;
}

.finder label {
	/*font-size:22px;*/
}
.text-color-blue.finder select {
	/*font-size:22px;*/
	border:2px solid #0070b9;
}
.text-color-blue select.form-control {
	color: #0070b9;
	padding-right: 50px;
}
.finder .blue-select  {
	display:inline-block;
	vertical-align:middle;
	position:relative;
}

.prodfinder-wrap {
	margin-bottom: 40px;
	text-align: center;
	width: 100%;
}
 .prodfinder-col {
 	display: inline-block;
 	margin-bottom: .5em;
 	min-width: 260px;
}
.prodfinder-col span {
	font-size:  1.125em; /* equiv 18px */
	font-weight: 500;
	float: left;
	margin-bottom: 5px;
	margin-top: 3px;
	margin-right: 10px;
}

@media only screen and (min-width : 600px) {
	 .prodfinder-col {padding-right: 10px;}
	 .prodfinder-col span {margin-bottom: 0;}
}

.prodfinder-col span.icon-down-m-arrow {
	/*font-size:  1.6em; */
	font-weight: 300;
}

.prodfinder-wrap select {
	font-size:  1.125em; /* equiv 18px */
	font-weight: 500 !important;
	min-width: 300px;
}

.finder .bg-color-blue select {
	background-color:#0070b9;
}

.prodfinder-wrap .select {
	display: block;
	position: relative;
}
.prodfinder-wrap .select-styled {
	cursor: pointer;
	font-size:  1.125em; /* equiv 18px */
	font-weight: 500 !important;
	width: 100%;
	box-shadow: inset 0 0 0 rgba(0,0,0,.0);
/*	height: 40px; */
	padding: 4px 3px 5px 14px;
	border: 1px solid;
	font-family: "futura-pt",sans-serif;
	background-color: #0070b9;
	border-radius: 0px;
	color: #fff;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.prodfinder-wrap .select-styled::before {
	content: "\e900";
	float: right;
	margin-top: 1px;
	pointer-events: none;
	background-color: rgba(255, 255, 255, 0);
	padding-right: 5px;
	font-family: 'icomoon';
	font-size:  1.125em; /* equiv 18px */
	speak: none;
	font-style: normal;
	font-weight: 300;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.prodfinder-wrap .select-options {
	display: none; 
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
}
.prodfinder-wrap .select-options li {
	cursor: pointer;
	font-size:  1.125em; /* equiv 18px */
	font-weight: 500 !important;
	box-shadow: inset 0 0 0 rgba(0,0,0,.0);
	height: auto;
	padding: 4px 3px 5px 14px;
	border-bottom: 1px solid #0070b9;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
	font-family: "futura-pt",sans-serif;
	background-color: #fff;
	border-radius: 0px;
	color: rgba(0, 112, 185, 0.7);
	text-align: left;
}
.prodfinder-wrap .select-options li:last-child {
	border-bottom: 1px solid #fff;
}
.prodfinder-wrap .select-options li:hover {
	background-color: #4c9ccf;
	color: #fff;
}

.bg-color-white .prodfinder-wrap .select-styled {
	background-color: #fff;
	color: #0070b9;
}

.bg-color-white .prodfinder-wrap .select-options li {
	background-color: #0070b9;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #0070b9;
	border-right: 1px solid #0070b9;
	color: rgba(255, 255, 255, 0.7);
}
.bg-color-white .prodfinder-wrap .select-options li:last-child {
	border-bottom: 1px solid #0070b9;
}
.bg-color-white .prodfinder-wrap .select-options li:hover {
	background-color: #4c9ccf;
	color: #fff;
}

@media only screen and (min-width : 480px) {
	.prodfinder-wrap {
		text-align: center;
	}
	.prodfinder-wrap .select {
		display: block;
		top: 10;
	}
	.prodfinder-col {min-width: 300px;}
	.prodfinder-wrap .select-styled {min-width: 300px;}
	#pfmarket {max-width: 300px;}
	#pfaction {max-width: 300px;}
}

@media only screen and (min-width : 600px) {
	.prodfinder-wrap {
		text-align: center;
	}
	.prodfinder-wrap .select {
		display: inline-block;
	}
	.prodfinder-col {min-width: 200px;}
	.prodfinder-wrap .select-styled {min-width: 200px;}
	#pfmarket {max-width: 200px;}
	#pfaction {max-width: 200px;}
}

img.stencil {
	color:#fff;
	fill:#fff; 
	stroke:#fff;
	width:100%;
}
@media only screen and (min-width : 600px) {
	img.stencil {
		height:250px;
	}
}
img.cat-stencil {
	width:100%;
}

/* ADS------------------------*/

.ad {
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center center;
}

.rtt-ad {
	background-position: center 120%;
	background-size: 120%;
}

@media only screen and (min-width : 325px) {
	.rtt-ad {
		background-position: center 90%;
		background-size:100%;
	}
}
@media only screen and (min-width : 480px) {
	.rtt-ad {
		background-position: center 100%;
		background-size:90%;
	}
}

@media only screen and (min-width : 768px) {
	.rtt-ad {
		background-position: center 75%;
		background-size:75%;
	}
}

/* Nav Modal
=========================================*/
.full-screen-nav {
	position: fixed;
	width: 100%;
	height: 0%;
	top: 0;
	left: 0;
	background-color: #0070b9;
	transition:0.5s;
	overflow-x:hidden;
	z-index: 10000;
}
.full-screen-nav-content {
	/* position:relative; */
	margin:0;
	padding: 0 30px;
	width:100%;
}
.full-screen-nav-menu {
	border-left: 2px solid #fff;
	margin-top: 100px;
	padding-left: 20px;
	overflow: hidden;
}
.full-screen-nav-menu li a {
	color: #fff;
	font-size:  1.375em; /* equiv 22px */
	font-weight: 500;
	line-height:1em;
}
.full-screen-nav-menu li {
	margin-bottom:1.2em;
}
.full-screen-nav-menu li:last-child {
	margin-bottom:0;
}

.full-screen-nav-menu li a:hover {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
}
.full-screen-nav-menu li li {
	margin-bottom:.25em;
}
.full-screen-nav-menu li li a {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1em; /* equiv 16px */
}

.full-screen-nav-menu li li a:hover {
	color: #fff;
}

.full-screen-nav-close {
    padding-right: 25px;
}

@media only screen and (max-width: 768px) {
	.close-lang-mobile {margin-top: 5%;}
}

.full-screen-nav-close:hover {
	color: rgba(255, 255, 255, 0.6);
}
.full-screen-nav-close:before, 
.full-screen-nav-close:after {
	position: absolute;
  left: auto;
  right: 0px;
	left: 15px;
	content: ' ';
	height: 24px;
	width: 2px;
	background-color: #fff;
}
@media only screen and (min-width: 992px) {
	.full-screen-nav-menu li a {
		color: #fff;
		line-height:1em;
	}
	.full-screen-nav-content {
		/* position:relative; */
		margin:0;
		padding: 0 50px;
		width:100%;
	}
	.full-screen-nav-menu {
		margin: 0;
		border-left: 2px solid #fff;
		overflow: hidden;
	}
	.full-screen-nav-menu {
		margin-top: 130px;
	}
	.full-screen-nav-menu li a {
		color: #fff;
		font-size:  1.50em; /* equiv 24px */
	}
	.full-screen-nav-menu li li {
		margin-bottom:.5em;
	}
	.full-screen-nav-menu li li a {
		font-size: 1.125em; /* equiv 18px */
	}
}
.full-screen-nav-menu .fa {
	color: rgba(255, 255, 255, 0.6);
	/*font-size: 20px !important;*/
}
@media only screen and (min-width : 992px) {
	.full-screen-nav-close:before, 
	.full-screen-nav-close:after {
	  left: auto !important;
	  right: 0px;
	}
}

.full-screen-nav-close:before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.full-screen-nav-close:after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Search */
#full-screen-search .full-screen-nav-content {
	bottom: 40%;
	top:40%;
}
#full-screen-search .navbar-form .form-group {
}
@media only screen and (min-width: 768px) {
	#full-screen-search .navbar-form .form-group {
		margin-right: 20px;
		width: 600px;
	}
}

#full-screen-login .well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 150px; 
}

#full-screen-login .well input {
	border-bottom: 1px solid #ddd;
}

#full-screen-main-nav a {
	color: #fff;
}

#full-screen-main-nav li li a {
	color: rgba(255, 255, 255, 0.6);
}

#full-screen-main-nav a:hover {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
}

#full-screen-main-nav  li li a:hover {
	color: #fff;
}

#full-screen-main-nav .lang-select {
	/*font-size: 1em;  equiv 18px */
	margin-top: 13px;
}

#full-screen-main-nav .lang-select a {
	color: #fff;
	text-decoration: none;
}
#full-screen-main-nav .list-inline.lang-select>li {
	margin-right: 10px;
	padding-right: 0;
	padding-left: 0;
}
#full-screen-main-nav .lang-select a:hover {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
}
#full-screen-main-nav .lang-select li.active {
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

.full-screen-nav-close {
	height: 24px;
	display: block;
	cursor: pointer;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	position: absolute;
	left: 25px;
	top: 30px;
	padding-left:35px;
	color:#fff;
	line-height:24px;
	letter-spacing: 1px;
	z-index: 9999;
}

.nav-categories li+li:before {
	color: rgba(255, 255, 255, 0.6);
	content: "/\00a0";
	padding: 0 10px 0 5px;
	margin-left: -29px;
	pointer-events: none;
}

.full-screen-nav-menu .nav-collapse ul {margin-top: 8px;}

@media only screen and (min-width: 992px) {
	
	.nav-categories {overflow: hidden; margin-top: 8px;}
	.nav-categories li+li:before {
		color: rgba(255, 255, 255, 0.6);
		content: "/\00a0";
		padding: 0 10px 0 5px;
		margin-left: -29px;
		pointer-events: none;
	}
	.nav-categories li a {
		margin-right: 29px;
		-webkit-transition: all .2s linear;
		transition: all .2s linear;
	}

	.full-screen-nav-close {
		right: 50px !important;
		left: auto;
		top: 70px;
	}

	.full-screen-nav-menu {
		padding-top: 130px;
		margin-top: 0;
	}

}

/* Pagination (multiple pages)
-------------------------------------------------- */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 80px 0 20px;
  border-radius: 0;
}
.pagination a {margin-top: 5px;}
.pagination-numbers {font-size: 2em; font-weight: 300;}
.pagination .icon-left-arrow-large,.pagination .icon-right-arrow-large {font-size: 2em}

.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {
  border: none;
	font-size:  1.250em;
	font-weight: 700;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: rgba(238, 238, 238, 0);
  border-color: rgba(222, 222, 222, 0);
}
@media only screen and (min-width: 992px) {
	.pagination .icon-left-arrow-large,.pagination .icon-right-arrow-large {font-size: 3em;}
	.pagination-numbers {font-size: 3em;}
	.pagination-wrap {padding: 0 40px;}
	.pagination a {margin-top: 10px;}
}

@-ms-viewport {

	/* Block & Slant
	==================================================*/
	.block {
		padding-bottom: 40px;
		padding-top: 40px;
	}
	.slant-grad {min-height: 0px !important;}	

	.slant-block .container {
		padding-bottom: 100px;
		padding-top: 100px;
	}
	
	.slant-block-before { 
		padding-top:0;
	}
	.slant-block-before:before {
	    content: '';
	    position: absolute;
	    top: 0; right: 0;
	    height:0; width:100%;
	    background: rgba(255, 255, 255, 1);
	    -webkit-transform-origin:0;
	    -ms-transform-origin: 0;
	    transform-origin: 0;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	    z-index: 1;
	}
	.slant-block-after {padding-bottom:0;z-index:10;}
	.slant-block-after:after {
		bottom: 0;
		content: "";
		height: 0;
		left: 0;
		position: absolute;
		transform: none;
		transform-origin: 0 0;
		width: 100%;
	}
	.item.active.slant-block.slant-block-before.slant-block-before-white.slant-block-after.slant-block-after-grey {
		background: url('http://web01.jubjub.net/~rapiscansys/assets/img/225.jpg');
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;
	}
	
	.carousel-control.left, .carousel-control.right {
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0f0f1900000', endColorstr='#80000000', GradientType=1);
	}
	
	.form-group i, label.select i {
		display: none !important;
	}
	
	.form-control, select {
		padding-right: 10px !important;
	}
	
	.flex-item {
		float: left;
		padding-left: 20px;
		width: 50%;
	}
	
	#video {
		padding: 100px 0;
	}
}


.goog-te-menu-value {color:#000 !important;}
	/* Browser Scroll Fix */
	@-ms-viewport{width:auto!important;}

@media only screen and (max-width: 500px) {
	#google_translate_element {
		margin-bottom: 20px;
	}
}

.goog-te-gadget-simple {
    font-size: 16px !important;
    padding-top: 3px !important;
    padding-bottom: 2px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}


/* HP slider */
 #drag-holder {
	 width:300px;
	 margin:0 auto;
 }
 
 @media only screen and (min-width: 742px) {
	 #drag-holder {
		 width:634px;
	 }
 }
 
 
 .DarkLight {
   padding: 0;
   margin: auto;
   *zoom: 1;
   position: relative;
 }

 .DarkLight .Dark, .DarkLight .Light {
   position: absolute;
   top: 0;
   left: 0;
}

 .DarkLight .Dark figure, .DarkLight .Light figure {

   margin: 0 auto;
   padding: 0;
 }

 .DarkLight .Dark figure figcaption, .DarkLight .Light figure figcaption {
   text-align: center;
   text-transform: uppercase;
   
   -webkit-font-kerning: normal;
           font-kerning: normal;
   -webkit-font-variant-ligatures: common-ligatures, contextual;
           font-variant-ligatures: common-ligatures, contextual;
   -webkit-font-feature-settings: "kern", "liga", "clig", "lnum";
           font-feature-settings: "kern", "liga", "clig", "lnum";
   font-size: 18px;
   font-weight:700;
   margin-top: 1rem;
   color:#fff;
 }

 .DarkLight .Dark figure img, .DarkLight .Light figure img {
   width: 100%;
 }

 .DarkLight .Dark {
   background-color: #0070B9;
   display: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .DarkLight .Light {
   position: relative;
   background: #0070B9;
   width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .DarkLight .mask {
   height: 100%;
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 0;
   border-right: 8px solid white;
   display: block;
 }

 .DarkLight #DarkLight__slider {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
 }

 .DarkLight .handle {
   z-index: 999;
   width: 100px;
   height: 54px;
   position: absolute;
   cursor: pointer;
   font-size: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   background-image: url(../layout/icon-hp-slider.svg);
   background-size: 100px 54px;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   display: none;
 }

 .DarkLight .handle:hover {
   cursor: -webkit-grab;
   cursor: grab;
 }

 .DarkLight .handle:active {
   cursor: -webkit-grabbing;
   cursor: grabbing;
 }

 @media (min-width: 1em) {
   .DarkLight .handle {
     display: block;
   }
 }