/* TABLE OF CONTENTS */

/* ========================================================================================
	 FONT FACE
======================================================================================== */

@font-face {
	font-family: 'Univers Condensed Medium';
	src: url('../fonts/univers_condensed_medium-webfont.eot');
	src: url('../fonts/univers_condensed_medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/univers_condensed_medium-webfont.woff') format('woff'), url('../fonts/univers_condensed_medium-webfont.ttf') format('truetype'), url('../fonts/univers_condensed_medium-webfont.svg#Univers Condensed Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Univers Condensed Bold';
	src: url('../fonts/univers_condensed_bold-webfont.eot');
	src: url('../fonts/univers_condensed_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/univers_condensed_bold-webfont.woff') format('woff'), url('../fonts/univers_condensed_bold-webfont.ttf') format('truetype'), url('../fonts/univers_condensed_bold-webfont.svg#Univers Condensed Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ========================================================================================
	 COMMON
======================================================================================== */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #434343;
}
*:focus {
    outline: 0!important;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 0 0 115px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Univers Condensed Medium', Arial, Helvetica, sans-serif;
	/*color: #005288;*/
}
h4
{
    font-size: 20px;
}
/*
h1, h3, h4 {
	font-family: 'Univers Condensed Bold', Arial, Helvetica, sans-serif;
}
*/
.no-top {
	margin-top: 0;
}
h4.valign {
	margin-top: 30px;
}
hr {
	background: url(../images/img-dotted-bg.png) bottom left repeat-x;
	height: 1px;
	border-top: none;
}
span.page-title {
	display: block;
	font-family: 'Univers Condensed Medium', Arial, Helvetica, sans-serif;
	font-size: 38px;
	color: #005288;
	margin-bottom: 40px;
	line-height: 40px;
	padding-left: 15px;
}
a {
	color: #005288;
}
a:hover {
	color: #54a2dc;
	text-decoration: none;
}
img.pull-left {
	margin-right: 15px;
	margin-bottom: 15px;
}
img.pull-right {
	margin-left: 15px;
	margin-bottom: 15px;
}
.img-rounded {
	border-radius: 0 10px;
}

.badge {
    border-radius: 4px;   
}

.last {
	margin-bottom: 0;
}
.table th
{
    color: #fff !important;
    background-color: #005288;
    border: 4px solid #fff !important;
}
.table td
{
    background-color: #f5f5f5;
    border: 4px solid #fff !important;
}
.table td.header
{
    color: #fff !important;
    background-color: #3377aa;
}

/**************************************
	Colors
**************************************/

.primary {
	/*color: #005288;*/
}
.secondary {
	color: #434343;
}

/* ========================================================================================
	 COMPONENTS
======================================================================================== */

/**************************************
	AUDIO PLAYER
**************************************/
.audiojs 
{
    width: 100%;
}

.audiojs .play-pause  
{
    width: 38px; 
}

.audiojs .scrubber 
{
    width: 380px;
}

.track-details  
{
    clear: both; 
    width: 100%; 
    padding: 10px; 
    background: #eee; 
    color: #222; 
    line-height: 20px;
    -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); 
    -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px; 
}
      
/**************************************
	LISTS
**************************************/

.list-medium > li > a {
	font-family: 'Univers Condensed Medium', Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.list-large > li > a {
	font-family: 'Univers Condensed Medium', Arial, Helvetica, sans-serif;
	font-size: 22px;
}
.list-news li {
	border-bottom: solid 1px #EDEDED;
}
.well .list-large > li > a {
	color: #FFF;
}

/**************************************
	FORMS
**************************************/

.form-control {
	background-color: #EFEFEF;
}


/**************************************
	BUTTONS
**************************************/

.btn-custom, .btn-grey, .btn-custom:hover, .btn-custom:active {
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #005288;
}
.btn-grey
{
    background-color: #ccc;
}
.btn-custom {
	background-repeat: repeat-x;
	background-image: linear-gradient(top, #009ED2 0%, #007DA7 100%);
}
.btn-custom:hover {
	background-position: 0 -15px;
}


/**************************************
	PANELS
**************************************/

.panel {
	border: none;
	box-shadow: none;
	padding: 0;
}
.panel.map {
	background: url(../images/img-map-bg.png) bottom center no-repeat;
}

.panel.map-lg {
	background: url(../images/img-map-lg-bg.png) bottom center no-repeat;
}
.panel-heading,
.panel-heading-home {
	background: none;
	padding: 0;
	background: url(../images/img-dotted-bg.png) bottom left repeat-x;
	border: none;
	padding-bottom: 10px;
}
.panel p,
.panel ul
{
    margin-top: 10px;
}
.panel ul.nav,
.panel ul.nav ul
{
    margin-top: 0;
}
.panel-heading-home
{
    background-position: top;
}
.panel-heading h2 {
	/*color: #005288;*/
	margin-top: 10px;
}
.panel-heading-home h2
{
    /*color: #005288;*/
	margin: 0;
	padding: 10px 0;
}
.panel-title {
	font-size: 18px;
}
.panel .well {
	border-top-right-radius: 0;
}
.panel .img-heading {
	border-top-right-radius: 10px;
}


/**************************************
	WELLS
**************************************/

.well {
	border-radius: 0 10px;
	border: none;
	box-shadow: none;
}
.well-primary {
	background: #3377aa;
	color: #FFF;
}
.well-secondary {
	background: #005288;
	color: #FFF;
}
.well-primary a,
.well-secondary a,
div.well-secondary div p.text-muted
{
    color: #fff;
}
.well-secondary h4
{
    color: #428bca;
}

.well-transparent {
	background: #FFF;
	border: solid 1px #e3e3e3;
}
.well-heading h2 {
	margin-top: 0;
	color: #005288;
	background: url(../images/img-dotted-bg.png) bottom left repeat-x;
	border: none;
	padding-bottom: 10px;
}
.well-heading > a > h2 {
    cursor: pointer;
}
.well-primary .well-heading h2, .well-secondary .well-heading h2, .well-secondary .well-heading h3, .well-primary .well-heading h3, .well-primary .well-heading h3 {
	color: #FFF;
}
.well-secondary .well-heading h3
{
    margin-top: 10px;
} 
.well-transparent .well-heading h2 {
	color: #005288;
}


/**************************************
	ACCORDION
**************************************/

.panel-blue {
	border: none;
	margin-bottom: 6px;
	background: #334451;
	border-radius: 4px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .3);
}

.panel-blue > .panel-heading {
	border-radius: 4px;
	padding: 10px 15px;
	margin-bottom: 0;
	background: #005288;
}

.panel-blue > .panel-heading > a {
	color: #FFF;
	font-size: 13px;
}

.panel-blue > .panel-collapse .panel-body {
	padding: 10px;
}

.panel-blue > .panel-collapse .panel-body .nav-pills > li > a {
	color: #FFF;
	padding: 5px 8px;
	font-size: 13px;
}

.panel-blue > .panel-collapse .panel-body .nav-pills > li > a:hover,
.panel-blue > .panel-collapse .panel-body .nav-pills > li > a:focus,
.panel-blue > .panel-collapse .panel-body .nav-pills > li.active > a,
.panel-blue > .panel-collapse .panel-body .nav-pills > li.active > a:hover,
.panel-blue > .panel-collapse .panel-body .nav-pills > li.active > a:focus  {
	color: #FFF;
	background: #5C6974;
}


.panel-default {
	border: none;
	margin-bottom: 6px;
	border-radius: 4px;
	border: solid 1px #DDD;
}

.panel-default > .panel-heading {
	border-radius: 4px;
	padding: 10px 15px;
	margin-bottom: 0;
	background: none;
}

.panel-default > .panel-heading > a {
	font-size: 13px;
}

.panel-default > .panel-collapse .panel-body {
	padding: 10px;
}

.panel-default .panel-body .nav-pills > li > a:hover,
.panel-default .panel-body .nav-pills > li > a:focus,
.panel-default .panel-body .nav-pills > li.active > a,
.panel-default .panel-body .nav-pills > li.active > a:hover,
.panel-default .panel-body .nav-pills > li.active > a:focus  {
	background: #EFEFEF;
	color: #005288;
}

.panel-default .panel-body .nav > li > a {
	padding: 5px 8px;
	font-size: 13px;
}

.panel-default .glyphicon {
	color: #999;
}

/* View/Zoom */

.nav > li.active > ul.view-zoom {
	display: block!important;
}

ul.view-zoom {
	display: none;
	margin: 5px 0 7px;
	text-align: right;
	padding-left: 0;
  list-style: none;	
}

ul.view-zoom > li {
	padding: 0;
	display: inline-block;
}

ul.view-zoom > li > a {
	font-size: 11px;
	background: #005288;
	border-radius: 4px;
	color: #FFF;
	padding: 4px 8px;
}

#faq .panel {
	border: none;
	margin-bottom: 6px;
	border-radius: 4px;	
}

#faq .panel-heading {
	border-radius: 4px;
	padding: 10px 15px;
	margin-bottom: 0;
	background: none;
	border-bottom: solid 1px #EFEFEF;
}

#faq .panel-body {
	border: none;
	background: #EFEFEF;
	border-radius: 4px;
}

/**************************************
	CAROUSEL
**************************************/

.carousel-indicators {
	left: auto;
	right: 0;
	margin-right: 30px;
	width: auto;
}
.carousel-indicators li {
	border: none;
	background: #005288;
	width: 16px;
	height: 16px;
	border-radius: 16px;
}
.carousel-indicators .active {
	width: 18px;
	height: 18px;
}
#carousel-2 .carousel-inner >.item {
	border-radius: 0 20px;
	overflow: hidden;
}


/**************************************
	PAGER
**************************************/

.pagination>li>a, .pagination>li>span {
	border: none;
	border-radius: 4px;
    margin-left: 0!important;
}
.pagination>li>a:hover, .pagination>li>a:focus, .pagination>.active>a, .pagination>.active>span {
	background: #005288;
	color: #FFF;
}


/**************************************
	THUMBNAILS
**************************************/

.thumbnail, .img-thumbnail {
	padding: 0;
	border-radius: 0;
	margin-bottom: 20px;
}

.thumbnail div.annualImage
{
    background-color: #f5f5f5;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 20px;
    min-height: 150px;
}
.thumbnail div.annualImage img
{
    border: 1px solid #ddd;
    box-shadow: 0 0 15px rgba(221, 221, 221, 1);
    -webkit-box-shadow: 0 0 15px rgba(221, 221, 221, 1); 
    -moz-box-shadow: 0 0 15px rgba(221, 221, 221, 1); 
}
.thumbnail h3
{
    margin-top: 10px;
}
.thumbnail div.caption
{
    padding: 10px 20px;
}


/**************************************
	TABLES
**************************************/

.table th {
	font-family: 'Univers Condensed Medium', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
}


/**************************************
	SCROLLBAR
**************************************/

.scrollable {
	overflow: hidden;
	max-height: 200px; 
	height: auto; 
}


/* ========================================================================================
	 SPRITES
======================================================================================== */

.sprite-icon {
	background: url(../images/icon-sprite.png) no-repeat top left;
	display: inline-block;	
	position: relative;
	top: 1px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}

.sprite-icon-news-alert,
.sprite-icon-fact-sheet,
.sprite-icon-calendar,
.sprite-icon-rss,
.sprite-icon-contact {
	padding-left: 40px;
}

.sprite-icon-audio,
.sprite-icon-report,
.sprite-icon-webcast,
.sprite-icon-spec-sheet,
.sprite-icon-request-info,
.sprite-icon-download {
	padding-left: 30px;
}

.sprite-icon-arrow-slim {
	margin-left: 20px;
}

.sprite-icon-arrow-slim-down-white{ background-position: 0 0; width: 15px; height: 20px; } 
.sprite-icon-arrow-slim-right-gray{ background-position: 0 -70px; width: 6px; height: 20px; } 
.sprite-icon-arrow-slim-right-white{ background-position: 0 -140px; width: 6px; height: 20px; } 
.sprite-icon-audio{ background-position: 0 -210px; width: 24px; height: 19px; } 
.sprite-icon-calendar{ background-position: 0 -279px; width: 30px; height: 30px; } 
.sprite-icon-carousel-next{ background-position: 0 -359px; width: 20px; height: 40px; } 
.sprite-icon-carousel-prev{ background-position: 0 -449px; width: 20px; height: 40px; } 
.sprite-icon-contact{ background-position: 0 -539px; width: 30px; height: 30px; } 
.sprite-icon-download{ background-position: 0 -619px; width: 20px; height: 20px; } 
.sprite-icon-fact-sheet{ background-position: 0 -689px; width: 30px; height: 30px; } 
.sprite-icon-linkedin{ background-position: 0 -769px; width: 30px; height: 20px; } 
.sprite-icon-news-alert{ background-position: 0 -839px; width: 30px; height: 30px; } 
.sprite-icon-report{ background-position: 0 -919px; width: 24px; height: 19px; } 
.sprite-icon-request-info{ background-position: 0 -988px; width: 23px; height: 21px; } 
.sprite-icon-rss{ background-position: 0 -1059px; width: 30px; height: 30px; } 
.sprite-icon-share{ background-position: 0 -1139px; width: 30px; height: 20px; } 
.sprite-icon-spec-sheet{ background-position: 0 -1209px; width: 23px; height: 25px; } 
.sprite-icon-twitter{ background-position: 0 -1285px; width: 30px; height: 20px; } 
.sprite-icon-webcast{ background-position: 0 -1355px; width: 24px; height: 21px; } 





/* ========================================================================================
	 MOBILE NAV
======================================================================================== */

.mobile-nav .navbar {
	background: #005288;
	border: none;
	margin-bottom: 0;
}
.mobile-nav .nav-pills > li > a {
	padding: 15px;
}
.mobile-nav .nav-pills > li > a.lastnode {
	padding: 0 0 0 15px;
}

.mobile-nav .nav-pills > li > a:hover {
	background: none;
}
.mobile-nav .navbar-nav > li > a {
	color: #FFF;
}
.mobile-nav .navbar-nav > li > a:hover, .mobile-nav .navbar-nav > li > a:focus {
	color: #FFF;
}
.mobile-nav .navbar-toggle:hover, .mobile-nav .navbar-toggle:focus {
	background: none;
}
.mobile-nav .navbar-toggle {
	position: inherit;
	right: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 0;
	border-top: 0;
	border-bottom: 0;
	padding: 18px 15px 19px 15px;
}
.mobile-nav .navbar-toggle .icon-bar {
	background-color: #FFF;
}
.snap-drawer .navbar-form {
	border: 0;
}

.mobileNavigation .panel-toggle a {
	display: inline-block;	
	width: 42px;
	line-height: 38px;
	border-left: solid 2px #4F5052;
	background: url(../images/icon-mobile-nav-sprite.png) center -38px no-repeat;
	text-indent: -9999px;
}

.mobileNavigation .panel-heading.open .panel-toggle a {
	background-position: center -76px;
}

.mobileNavigation > .panel.level1 {
	background: #005288;
	border-radius: 4px;
}
.mobileNavigation > .panel.level1 > .panel-collapse {
	background: #5F6062;
	border-top: 1px solid #ddd;
}

.mobileNavigation .level1 > .panel-heading > .panel-toggle a {
	border-left: solid 2px #111111!important;
}

.mobileNavigation a {
	color: #FFF;
}

.mobileNavigation .panel {
	border-radius: 0;
}

.mobileNavigation .panel-heading {
	margin-bottom: 0;
	padding: 0;
	background: none;
}

.mobileNavigation .panel-title {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 38px;
	margin-left: 15px;
	margin-right: 9px;
	background: url(../images/icon-mobile-nav-sprite.png) right top no-repeat;
}

.mobileNavigation .panel.level2 {
	background: #5F6062;
	border-bottom: solid 1px #4F5052;
	
}
.mobileNavigation .panel.level2 > .panel-collapse {
	background: #CCCCCC;
	border-top: 1px solid #ddd;
}

.mobileNavigation .panel.level2 > .panel-heading.open {
	background: #999999;
}

.mobileNavigation .panel.level3 > .panel-collapse {
	background: #EEEEEE;
	border-top: 1px solid #ddd;
}

.mobileNavigation .panel.level3 {
	background: #CCCCCC;
	border-bottom: solid 1px #D5D5D5;
}

.mobileNavigation .panel.level3 .panel-title a {
	color: #333333;
	font-weight: normal;
	font-weight: 12px;
}

.mobileNavigation .panel.level3 .panel-title {
	background-position: right -114px;
}

.mobileNavigation .panel.level3 .panel-toggle a {
	background-position: center -152px;
	border-left: solid 2px #999999;
}

.mobileNavigation .panel.level4 > .panel-collapse {
	background: #FFFFFF;
	border-top: 1px solid #ddd;
}


/* ========================================================================================
	 HEADER
======================================================================================== */

header .logo {
	margin: 20px 0;
}
header .navbar {
	margin: 30px 0;
	background: none;
	border: none;
}
header .navbar-nav > li > a, header .navbar-nav > .active > a {
	color: #CBCBCB;
	background: none;
}
.nav > li > a > .icon-social-share,
.nav > li > a > .icon-social-linkedin 
{
    display: block;
    width: 30px;
    height: 20px;
    text-indent: -9999px;
}
.nav > li > a > .icon-social-share {
    background: url('../images/icon-share.png') 0 0 no-repeat;
}
.nav > li > a > .icon-social-linkedin {
    background: url('../images/icon-linkedin.png') 0 0 no-repeat;
}
.nav > li > a > .icon-social-share:hover,
.nav > li > a > .icon-social-linkedin:hover {
    background-position: 0 -21px;
}
header .navbar-nav > li > a:hover, header .navbar-nav > .active > a:hover, header .navbar-nav > .active > a:focus {
	background: none;
	color: #54a2dc;
}


/* ========================================================================================
	 MAIN NAV
======================================================================================== */

nav .container {
	background: url(../images/img-dotted-bg.png) 0 0 repeat-x;
}

nav .navbar ul {
	margin-right: 6px;
}
	
nav .navbar-nav > li > a, nav .nav-pills > li > a {
	font-family: 'Univers Condensed Medium', Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #005288;
}

.nav .open>a, 
.nav .open>a:hover, 
.nav .open>a:focus {
	background: #005288;
	color: #FFF;
	border-radius: 5px 5px 0 0;	
}

.nav .dropdown-menu.open>a {
	padding-bottom: 15px;
}
	
nav .dropdown-menu a {
	color: #FFF;
}
nav .dropdown-menu > li > a {	
	padding: 3px 15px;
}

nav .dropdown-menu > li > a:hover, 
nav .dropdown-menu > li > a:focus {
	background: #005288;	
}

nav .dropdown:hover > .dropdown-menu {
	display: block;
	z-index: 100;
}

#MenuFeature {
    display: none;    
}

/****** SUBMENU ******/
nav .dropdown-submenu{
    position:relative;
}

nav .dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-6px;
    
		background: #005288;
		border: none;
		color: #FFF;
		border-top-right-radius: 5px;
		border-top-left-radius: 0;
		min-width: 180px;
		margin: 0;
}

nav .dropdown-submenu:hover {
    background: #005288;    
}

nav .dropdown-submenu:hover > .dropdown-menu{
   display:block;
}

nav .dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#FFF;
    margin-top:5px;
    margin-right:-10px;
}

nav .dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}

nav .dropdown-submenu .pull-left{
    float:none;
}

nav .dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
}


/**************************************
	PRIMARY NAV
**************************************/

nav .navbar {
	background: none;
	margin: 10px 0;
	padding-left: 0;
	padding-right: 0;
	border: none;
	min-height: 45px;
}

nav .navar .nav {
	margin-right: 4px;
}

nav .navbar-nav > li.full-width {
	position: static;
}

nav .navbar-nav > li > a {
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

nav .navbar-nav > li > a:hover, 
nav .navbar-nav > li > a:focus,
nav .navbar-nav > .active > a, 
nav .navbar-nav > .active > a:hover, 
nav .navbar-nav > .active > a:focus {
	background: #005288;
	color: #FFF;			
}

nav .navbar-nav > li > a:hover, 
nav .navbar-nav > li > a:focus,
nav .navbar-nav > .active > a:hover, 
nav .navbar-nav > .active > a:focus {
	border-radius: 5px 5px 0 0;
}

nav .navbar-nav > li.dropdown:hover > a {
	background: #005288;
	color: #FFF;
	padding-bottom: 15px;
	border-radius: 5px 5px 0 0;
}

nav .navbar-nav > li.full-width > .dropdown-menu {
	background: #005288;
	border: none;
	color: #FFF;
	margin: 0;
	padding: 20px;
	border-top-right-radius: 5px;
	width: 100%;
}
nav .navbar-nav > li > .dropdown-menu, nav .nav-pills > li > .dropdown-menu {
	background: #005288;
	border: none;x
	color: #FFF;
	border-top-right-radius: 5px;
	border-top-left-radius: 0;
	min-width: 180;
	margin: 0;
}
nav .navbar-nav > li.full-width > .dropdown-menu ul {
	border-left: dotted 1px #FFF;
	padding-left: 15px;
}
nav .navbar-nav > li.full-width > .dropdown-menu h3 {
	color: #FFF;
}


/**************************************
	SECONDARY NAV
**************************************/

nav .nav-pills > li > a {
	padding: 10px 15px;
	line-height: 20px;
}

nav .nav-pills > li > a:hover, 
nav .nav-pills > li > a:focus, 
nav .nav-pills > li.active > a, 
nav .nav-pills > li.active > a:hover, 
nav .nav-pills > li.active > a:focus {
	background: #005288;
	color: #FFF;	
}

nav .nav-pills > li.dropdown:hover > a {
	background: #005288;
	color: #FFF;
	padding-bottom: 15px;
	border-radius: 5px 5px 0 0;
}

/* ========================================================================================
	 BREADCRUMBS
======================================================================================== */

.breadcrumbs .container {
	background: url(../images/img-dotted-bg.png) bottom left repeat-x;
	margin-bottom: 20px;
}
.breadcrumb {
	background: none;
	margin-bottom: 0;
	margin-top: -36px;
	font-size: 12px;
}

.breadcrumb > li > a {
	font-size: 12px;
}



/* ========================================================================================
	 BANNER/CAROUSEL
======================================================================================== */

.banner {
	margin-bottom: 30px;
}
.banner .carousel-image {
	margin-right: -15px;
}
.carousel-control {
	text-shadow: none;
	border-bottom: none;
}
.carousel-control:hover,
.carousel-control:focus {
	opacity: 1;
}
.carousel-control.left, 
.carousel-control.right {
	background: none;
	width: 100px;
	filter: none;
}

.carousel-control.left {
	margin-left: -100px;
	background: url(../images/icon-carousel-prev.png) right center no-repeat;
}
.carousel-control.right {
	margin-right: -100px;
	background: url(../images/icon-carousel-next.png) left center no-repeat;
}
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	width: 20px;
	height: 40px;
}
.carousel-control .icon-prev:before, 
.carousel-control .icon-next:before {
	content: '';
}
.carousel-control .icon-next {
	margin-left: 15px;	
	right: -50px;
}

.carousel-control #prev-slide-caption,
.carousel-control #next-slide-caption{
	font-size: 16px;	
	font-family: 'Univers Condensed Medium', Arial, Helvetica, sans-serif;
	line-height: 20px;
	position: absolute;
	top: 50%;	
	margin-top: -0.5em;
	color: #666;
	display: block;
	min-width: 100px;
}
.carousel-control #prev-slide-caption {
	padding-right: 25px;	
	text-align: right;
}

.carousel-control #next-slide-caption {
	padding-left: 25px;	
	text-align: left;
}

.banner .carousel .well h4 {
	color: #FFF;
	font-size: 22px;
	margin: 0 0 15px 0;
}
.carousel .media-object {
	border: solid 1px #FFF;
}
.carousel .media-list li.active a {
	opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
}
.carousel .well {
	min-height: 487px;
	border-radius: 0 20px 0 20px;
	margin-bottom: 0;
}
.carousel-caption {
	text-align: left;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
	right: 0%;
	left: 0%;
	margin-left: 15px;
}
.carousel-caption h2 {
	font-size: 38px;
	color: #FFF;
	margin-top: 10px;
}
.carousel-caption h3 {
	font-size: 30px;
	color: #FFF;
	text-shadow: none;
	margin-top: 10px;
}

.banner.product .carousel-image
{
    border-bottom-left-radius: 15px;
    overflow: hidden;
    
}

.banner.product .well {
	min-height: 156px;
	margin-bottom: 15px;
}
.banner.product .carousel .well h4 {
	font-size: 18px;
}

.banner.product .well a {
	color: #FFF;
}

.banner.product .thumbnails {
	list-style: none;
	padding: 0;
}

.banner.product .thumbnails li {
	float: left;		
	margin-bottom: 10px;
	position: relative;	
	width: 162px;
}

.banner.product .thumbnails li.active a img
{
    opacity: .5;
}

.banner.product .thumbnails li:nth-child(odd) {
    margin-right: 10px;
}

.banner.product .thumbnails li h3 {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #FFF;
	padding: 0;
	margin: 0;
}

.banner.product h4 {
	color: #FFF;
}
.banner.product .carousel-caption {
	bottom: 0;
	border-bottom-left-radius: 15px;
    overflow: hidden;
}

/* ========================================================================================
	 MAIN CONTENT
======================================================================================== */
article a
{
    border-bottom: 1px dashed #005288;
}
article a:hover
{
    border-bottom: 1px dashed #54a2dc;
    text-decoration: none;
}
.technicalpaper a
{
    border-bottom: 0;
    color: #428bca;
}
section.content {
	margin-bottom: 20px;
}

#map_root {
	position: relative; 
	height: 650px; 
	background: #EFEFEF;
	-webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, .2);        
    box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, .2);
	border-radius: 4px;
}

#contentiFrame {
	width: 100%;
	height: 500px;
}

#contentiFrame #fullscreen-header {
	display: none;
}

#contentiFrame.fullscreen {
	height: 100% !important;
	width: 100%;
	position: fixed;
	left: 0;
	z-index: 1002;
	padding: 120px 0 20px;
	top: 0;
}

#contentiFrame.fullscreen #fullscreen-header {
	display: block;
}

#map_root a.collapse-pane {
	position:absolute;
	left:0;
	top: 20px;
	display:block;
	background-color: #FFF;
	color:#CCC;
	padding:10px;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	-webkit-box-shadow:  1px 0px 2px 0px rgba(0, 0, 0, .2);	
	box-shadow:  1px 0px 2px 0px rgba(0, 0, 0, .2);
}

#map_root a.toggle-fullscreen {
	position:absolute;
	bottom: 120px;
	right: 20px;
	display:block;
	background-color: #FFF;
	color:#CCC;
	padding: 6px 8px;
	border-radius: 5px;
	cursor: pointer;
	-webkit-box-shadow:  1px 0px 2px 0px rgba(0, 0, 0, .2);	
	box-shadow:  1px 0px 2px 0px rgba(0, 0, 0, .2);
}

#map_root a.collapse-basemap {
  display: inline-block;	
	margin-left: 20px;		
	background-color: #FFF;
	color:#CCC;
	padding:10px 20px;
	cursor: pointer;
	border-radius:  5px 5px 0 0;
	-webkit-box-shadow:  0px -1px 2px 0px rgba(0, 0, 0, .2);        
	box-shadow:  0px -1px 2px 0px rgba(0, 0, 0, .2);
}

#basemap {
	position: absolute; 
	bottom: 0;
	width: 100%;
}

#basemap_nav {
	display: none;	
	background: #FFF;
}

#basemap_nav .row {
	margin-left: 0;
	margin-right: 0;
}

#basemap_nav .thumbnail {
	margin: 10px 0;
	padding: 4px;
}


/* ========================================================================================
	 SIDEBAR
======================================================================================== */
aside a
{
    color: #005288;
}
aside .nav-pills {
	margin-bottom: 40px;
}
aside .nav-pills > li > a,
aside li li a {
	padding: 2px 15px;
	border-radius: 5px;
	display: block;
	text-decoration: none !important;
	color: #333 !important;
	border-bottom: none;
}
aside .media .media-body a
{
    padding: 2px 0;
}

aside .nav li li a
{
    padding-left: 30px;
    font-size: 12px;
}
aside .nav li li li a
{
    padding-left: 50px;
}
aside a.active:hover,
aside .nav > li > a:hover, 
aside .nav > li > a:focus, 
aside .nav-pills > li.active > a:hover, 
aside .nav-pills > li.active > a:focus
{
    background-color: transparent;
    color: #54a2dc;
}
aside a.active,
aside .nav-pills > li.active > a
{
    color: #005288;
    background-color: transparent;
}
aside .nav-pills > li.selected > a,
aside .nav-pills > li.active li a.selected
{
    background: #005288;
	color: #FFF !important;
	display: block;
}
aside .nav li li li a
{
    font-size: 12px;
}
aside ul ul,
aside ul ul ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

aside .sub-menu {
	list-style: none;
	padding-left: 25px;
}
aside span.icoChevron
{
    font-size: 14px !important;
}


/* ========================================================================================
	 FOOTER
======================================================================================== */

footer {
	background: #005288;
	font-size: 11px;
	color: #FFF;
}

footer.sticky {
	position:fixed;
	left:0;
	bottom:0;
	right: 0;
	z-index: 1001;
}

footer .list-inline a {
	color: #FFF;
}

footer .nav-lg a {
	font-family: 'Univers Condensed Medium', Arial, Helvetica, sans-serif;
	font-size: 18px;
}
footer .navbar {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
	border: none;
	background: none;
}

footer .navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

footer .navbar-nav > li > a, 
footer .navbar-nav > li > a:hover, 
footer .navbar-nav > li > a:focus {
	color: #FFF;
	background: none;
    padding: 15px 10px;
}

footer .navbar-nav > li > a:hover, 
footer .navbar-nav > li > a:focus {
    text-decoration: underline;
}

footer .nav-lg {
	font-family: 'Univers Condensed Medium', Arial, Helvetica, sans-serif;
	font-size: 20px;
}

footer .navbar .sprite-icon {
	top: 15px;
}

footer .navbar .navbar-text {
	line-height: 20px;
	margin-right: 15px!important;
}

footer .icon-social-share-sm {
	background: url(../images/icon-share-sm.png) 0 0 no-repeat;
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	top: 3px;
	margin-right: 10px;
}

footer .icon-social-linkedin-sm,
footer .icon-social-facebook-sm,
footer .icon-social-twitter-sm
 {
	background: url(../images/icon-linkedin-sm.png) 0 0 no-repeat;
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	top: 3px;
}

footer .icon-social-facebook-sm {
	background: url(../images/icon-facebook-sm.png) 0 0 no-repeat;
}

footer .icon-social-twitter-sm {
	background: url(../images/icon-twitter-sm.png) 0 0 no-repeat;
}

/**************************************
	Cookies
**************************************/
.cookies {
	background: #005288;
	font-size: 14px;
	color: #FFF;
	padding: 5px 0
}
.cookies a
{
    color: #fff;
}

/**************************************
	Custom
**************************************/


/* ========================================================================================
	 MEDIA QUERIES
======================================================================================== */

/* Extra small devices */
@media (max-width: 767px) {
	
	/**************************************
		COMMON
	**************************************/
	html, body {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.wrapper {
		padding: 0;
	}	
	
	h4.valign {
		margin-top: 10px!important;
	}
	
	.img-responsive {
        margin: 0 auto;
    }
    .audiojs .scrubber 
    {
        width: 120px;
    }
	/**************************************
		Body
	**************************************/
	h1
	{
	    font-size: 24px;
	}
	h2
	{
	    font-size: 20px;
	}
	h3, h4
	{
	    font-size: 18px; 
	}
	span.page-title
	{
	    padding: 20px 0;
	    margin: 0;
	}
	
	.modal-backdrop.in {
		-webkit-overflow-scrolling: touch;		
		z-index: 1;
	}
		
	.modal.in .modal-dialog {
		-webkit-transform: translateZ(0);
	}
	
	body.modal-open .snap-content {
		overflow: hidden;		
	}
	/**************************************
		SNAP DRAWERS
	**************************************/
	.snap-content {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: auto;
		height: auto;
		z-index: 2;
		overflow: auto;
		-webkit-overflow-scrolling: touch;		
	}
	
	.snap-drawers {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: auto;
		height: auto;
		z-index: 0;
	}
	.snap-drawer {
		position: absolute;
		top: 0;
		right: auto;
		bottom: 0;
		left: auto;
		width: 265px;
		height: auto;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: width 0.3s ease;
		-moz-transition: width 0.3s ease;
		-ms-transition: width 0.3s ease;
		-o-transition: width 0.3s ease;
		transition: width 0.3s ease;
	}
	.snap-drawer-left {
		left: 0;
		z-index: 1;
	}
	.snap-drawer-right {
		right: 0;
		z-index: 1;
	}
	.snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left {
		display: none;
	}
	.snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right {
		width: 100%;
	}
	.snapjs-right .snap-drawer-left {
		display: block;
		right: 0;
		left: auto;
	}
	.snapjs-right .snap-drawer-right {
		display: none;
	}
	.snap-content {
		background: #FFF;
	}
	.snap-drawers {
		background: #111111;
	}
	.snap-drawer {
		background: #111111;
		color: #eee;
	}
	.snap-drawers .navbar-collapse {
		max-height: inherit;
		border-top: none;
	}
	.snap-drawers .nav-pills > li > a {
		border-radius: 0;
		color: #999;
		font-weight: bold;
		border-bottom: 1px solid rgba(0,0,0, 0.1);
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	.snap-drawers .nav > li > a:hover, .snap-drawers .nav > li > a:focus {
		color: #FFF;
		background: none;
	}
	
	.snap-drawers .panel-blue > .panel-heading > a 
	{
	    display: block;
        padding: 10px 15px;
        margin: -10px -15px;
	}

	/**************************************
		HEADER
	**************************************/
	header .logo {
		text-align: center;
	}
	
	header .logo > a {
		margin-right: -45px;
	}
	
	/**************************************
		FOOTER
	**************************************/
	footer {
	    text-align: center;
	    padding: 10px 0;    
	}
	
	footer .navbar-nav > li 
	{
	    display: inline-block;
	    border-right: solid 1px #FFF;
	}
	
	footer .navbar-nav > li:last-child {
	    border-right: none!important; 
	}
	
	footer .navbar-nav > li > a,
	footer .navbar-nav > li > a:hover,
	footer .navbar-nav > li > a:focus {
	    padding: 0 10px;
	    line-height: 16px;
	}
	
	footer .navbar .navbar-text 
	{
	    float: none;
	    /*margin: 0 -15px;
	    padding: 5px 0!important;*/
	}
	
	footer .navbar-collapse {
		/*padding-left: 15px;
		padding-right: 15px;*/
	    border-top: none;
	    box-shadow: none;
	}
	
	footer.sticky {
		position: relative!important;
	}
}

/* Small devices */
@media (min-width: 768px) and (max-width: 991px) {
	/**************************************
		COMMON
	**************************************/
	.wrapper {
		padding: 0;
	}
	h4.valign {
		margin-top: 10px!important;
	}
	.audiojs .scrubber 
    {
        width: 280px;
    }
	/**************************************
		MAIN NAV
	**************************************/
	nav .navbar {
		min-height: 42px;
	}
	
	nav .navbar ul {
		margin-right: 2px;
	}

	nav .navbar-nav > li.dropdown:hover > a {
		border-radius: 5px 5px 0 0;
		padding-bottom: 12px;
	}
	
	nav .navbar-nav > li > a:hover, 
	nav .navbar-nav > li > a:focus, 
	nav .navbar-nav > .active > a:hover, 
	nav .navbar-nav > .active > a:focus {
		border-radius: 5px;
	}
	
	nav .navbar-nav > li > a, 
	nav .nav-pills > li > a {
		font-size: 16px;
		padding: 10px 10px;
	}
	
	nav .navbar-nav > li.dropdown > a:hover {
		padding-bottom: 12px;
		border-radius: 5px 5px 0 0;
	}
	
	nav .nav-pills > li.dropdown > a:hover {
		padding-bottom: 12px;
		border-radius: 5px 5px 0 0;
	}
	
	nav .nav-pills > li.dropdown:hover > a {
		border-radius: 5px 5px 0 0;
		padding-bottom: 12px;
	}
	
	.nav .open>a {
		border-radius: 5px 5px 0 0;
		padding-bottom: 12px!important;
		background: #005288;
		color: #FFF;
	}
	
	.nav .open>a:hover, 
	.nav .open>a:focus {
		background: #005288;
		border-radius: 5px 5px 0 0!important;
		color: #FFF;
		padding-bottom: 12px!important;
	}
	
	/**************************************
		BANNER
	**************************************/
	.carousel .well {
		min-height: 308px;
	}	
	
	.carousel-control.left {
		width: 25px;
		margin-left: -25px;
		overflow: hidden;
	}
	
	.carousel-control.right {
		width: 25px;
		margin-right: -25px;
		overflow: hidden;
	}
	
	.banner.product .tab-content {
		margin-bottom: 10px;
	}
	.banner.product .thumbnails li {
		width: 230px;
	}
	
	/**************************************
		FOOTER
	**************************************/
	footer.sticky {
		position: relative!important;
	}
}

/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) {
	
	/**************************************
		COMMON
	**************************************/
	
	.audiojs .scrubber 
    {
        width: 280px;
    }

	/**************************************
		MAIN NAV
	**************************************/
	nav .navbar-nav > li > a {
		padding: 10px 10px;
		
	}
	
	/**************************************
		BANNER
	**************************************/
	.carousel .well {
		min-height: 402px;
	}
	
	.banner.product .thumbnails li {
		width: 131px;
	}	
}

/* Large devices  */
@media (min-width: 1200px) {
	
}

.ipad-landscape {
	display: none;
}

/* iPad Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.ipad-landscape {
		display: block;
	}
}

/* iPhone Portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	.panel img,
	.thumbnail img {
		min-width: 290px!important;
	}
	.audiojs .scrubber 
    {
        width: 240px;
    }
}

.ose
{
    display: inline-block;
    background-color: #ccc;
    color: #fff;
    margin-left: 20px;
    padding: 1px 5px;
    font-size: 12px;
}
.ose-download { margin-left:10px;background-color:#005288; }

#surveyData ul.list-inline
{
    margin-bottom: 0;
}
#surveyData hr
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.remove
{
    display: none;
}
div.carousel ul.media-list li.media a,
.carousel-caption h3 a
{
    color: inherit;
}
article ul.media-list li.media a,
article h2 a,
article h3 a,
article h4 a,
article h5 a,
article h2 a:hover,
article h3 a:hover,
article h4 a:hover,
article h5 a:hover,
a.btn:hover
{
    border-bottom: 1px dashed transparent;
}
article ul.media-list li.media div.media-body p a,
a.underline
{
    border-bottom: 1px dashed #005288;
}
article ul.media-list li.media div.media-body p a:hover,
a.underline:hover
{
	border-bottom: 1px dashed #54a2dc;
}
article ul.sitemap li
{
    list-style-type: none;
}
article ul.sitemap li h2,
article ul.sitemap li h3,
article ul.sitemap li h4
{
    margin: 0;
    padding: 0;
}

#ctl00_pnlSearchDesktop
{
    width: 235px;
}

.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .title,
.blueimp-gallery > .play-pause 
{
    display: block !important;
}
.blueimp-gallery h3,
.blueimp-gallery>.title
{
    background-color: rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000); 
    padding: 10px;
    font-weight: normal;
    font-size: 12px;
    border-bottom: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    top: auto;
    left: 0;
    bottom: 0 !important;
    line-height: 14px;
}

.blueimp-gallery .slides {
	cursor: pointer;
}


/* ========================================================================================
	 Mobile Main Navigation
======================================================================================== */
.mobileNavigation ul,
.mobileNavigation ul ul
{
    padding: 0;
    margin: 0;
}
.zeroPaddingLeft
{
    padding-left: 0;
}
.zeroPaddingRight
{
    padding-right: 0;
}

/* ========================================================================================
	 Carousel Gallery
======================================================================================== */

.carousel-gallery {
	box-shadow: 0 0 10px #999;
}

.carousel-gallery .item {
	cursor: pointer;
}

.carousel-gallery .carousel-caption {
	background-color: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000);
	padding: 10px;	
	top: auto;
	left: 0;
	bottom: 0 !important;
	line-height: 14px;
	margin: 0;
}

.carousel-gallery .carousel-caption h3 {
	font-weight: normal;
	font-size: 12px;
	border-bottom: 0;	
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

.carousel-gallery .carousel-control.left {
	background: none!important;
	margin: 0;
	width: 15%!important;
}
.modal-body .carousel-control.left { margin-left: -100px; }
.carousel-gallery .carousel-control.right {
	background: none!important;
	margin: 0;
	width: 15%!important;
}
.modal-body .carousel-gallery .carousel-control.right { margin-right: -120px; }
.carousel-gallery .carousel-control .icon-prev, 
.carousel-gallery .carousel-control .glyphicon-chevron-left,
.carousel-gallery .carousel-control .icon-next, 
.carousel-gallery .carousel-control .glyphicon-chevron-right {
	background: rgba(0,0,0,.5);
	border: 3px solid #fff;
	width: 40px;
	height: 40px;
	border-radius: 23px;
	line-height: 30px;
	margin-top: -23px;
}
	
.carousel-gallery .carousel-control .icon-prev, 
.carousel-gallery .carousel-control .glyphicon-chevron-left {
	left: 40%!important;	
}

.carousel-gallery .carousel-control .icon-next, 
.carousel-gallery .carousel-control .glyphicon-chevron-right {
	right: 40%!important;
	left: 0;
}

.modal-body .carousel-gallery .carousel-inner { overflow:visible; }

/* ========================================================================================
	 End Carousel Gallery
======================================================================================== */


/* ========================================================================================
	 Compare Image
======================================================================================== */

.carousel-gallery-modal .modal-dialog {
    width: 730px!important;
}

.carousel-gallery-modal .twentytwenty-container
{
    height: 425px!important;
}


.twentytwenty-gallery .carousel-inner { overflow:hidden !important; }

.twentytwenty-handle:before, .twentytwenty-handle:after {
  content: " ";
  display: block;
  width: 3px;
  background: white;
  height: 9999px;
  position: absolute;
  left: 50%;
  margin-left: -1.5px;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 50%;
  margin-top: -19px;
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }
  .twentytwenty-container img {
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: "Before";
    left: 10px; }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: "After";
    right: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40; }
  .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
  .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }
  
  .carousel-compare-overlay {
      position: absolute;
        top: 43%;
        left: 50%;
  }
  
  .carousel-compare-overlay-caption {
    position: relative;
    left: -50%;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000);
    color: #FFF;
    padding: 10px;
  }

  .compare-carousel-caption {
      position: absolute;
      z-index: 1000;
      color: #FFF;
      background: rgba(0, 0, 0, 0.5);
      padding: 10px;
      width: 100%;
   }
  /* ========================================================================================
	 End Compare Image
======================================================================================== */
.modal-progress 
{
    background-color: #FFFFFF;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.modal-progress img { margin:0 auto 0; }