body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

p {
	padding: 0;
    margin: 0;
}
.title{
	padding-bottom: 8px;
	padding-top: 8px;
	font-family: "Roboto Flex", Arial, Helvetica, sans-serif;
	font-size: 26px;
}

.subtitle{
	padding-bottom: 4px;
	padding-top: 8px;
	font-family: "Roboto Flex", Arial, Helvetica, sans-serif;						
	font-size: 14px;
	line-height: 20px;
}


#popUp {
	position: absolute;
	display: block;
	top: -15px;
	left: 50%;
	width: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #454545;
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	margin: 0 auto;
}

.overlay {
	z-index: 100;
	position: absolute;
	width: 264px;
	height: auto;
	background-color: #454545;
	padding: 16px 20px 20px 20px ;
	margin: 10px;
	color: #FFFFFF;
	opacity: 0.95;
    filter: Alpha(opacity=50); /* IE8 and earlier */
}

#linkcontainer {
	border-bottom: 1px solid #808080;
	padding-bottom: 10px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;						
	font-size: 14px;
}


#linkcontainer a {
	color: #05c3de;	
}

#sharecon .button-control > a {
	float: right;
	/*margin-left: 8px;*/
	/*font-size: 12px;*/
	/*width: 102px;*/
	/*height: 24px;*/
	/*line-height: 17px;*/
	/*text-align: center;*/
	/*color: #ffffff;*/
	/*background-color: #05c3de;*/
	/*text-transform: uppercase;*/
	/*text-decoration: none;*/
}

.button-control > a:hover {
	/*text-decoration: none;*/
	/*background-color: #054c70;*/
	/*color: #ffffff;*/
}

.datefield  > input { 
	font-size: 14px;
	font-style: italic;
	color: #808080;
	width:100%;
	height: 24px; 
	padding:2px;
	border: none;
}


#sharingEmailMessage, .shareSubject, #email-share-to-field {
	padding: 5px;
	width: 100%;
	background-color: #fff;
	color: #3b3b3b;
	min-height: 32px; 
    border: 0px; 
    outline:0;
    line-height: 22px;
    word-wrap: break-word;
}
#sharingEmailMessage a {
	color: #3b3b3b;
}
#sharingEmailMessage{
	width:100%;	
	min-height: 100px;
	resize: none; 
    border: none;
    margin-bottom: 5px;
    padding: 5px;
}

#sharingPageTitle {
	display:none;
}
#email-share-to-field em {
	color: #b4b4b4;
}

#email-share-to-field:focus em {
	display: none;
}

.shareSubject {
	background-color: #5A5959;
	border-color: #5A5959;
	color: #ECECEC;
}

.exit-button {
    cursor: pointer;
    padding-bottom: 20px;
    padding-left: 20px;
    position: absolute;
    right: 16px;
    top: 12px;
}

.shareoverlay {
    background-color: #454545;
    color: #ffffff;
    height: auto;
    margin-top: 35px;
    opacity: 0.95;
    padding: 0px 20px 20px;
    position: absolute;
    width: 320px;
	margin-left: -140px;
    z-index: 100;
    left: -100%;
}
.shareoverlay #popUp {
	right: 35px;
	left: auto;
	top: -16px;
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.shareoverlay h4 {
	margin: 16px 0 0;
	padding-bottom: 8px;
	font-family: "Roboto Flex",  Arial, Helvetica, sans-serif;
	font-size: 26px;
}
.shareoverlay p {
	  margin: 8px 0 2px;
}
#shareregisterlinkcontainer p {
	margin: 5px 0;
	border-bottom: 1px solid #808080;
	padding-bottom: 16px;
	line-height: 20px;
}
#shareregisterlinkcontainer p a {
	text-decoration: underline;
}
.overview-page .shareoverlay, .thinking-article .shareoverlay, .video-article .shareoverlay, .blog-article .shareoverlay {
	margin-left: 50px;
}
.thinking-article .shareoverlay #popUp, .video-article .shareoverlay #popUp {
	left: auto;
	right: 40px;
}
@media (max-width: 960px) {
	.overview-page .shareoverlay  {
		margin-left: 30px;
	}
	.video-article .shareoverlay, .thinking-article .shareoverlay, .blog-article .shareoverlay {
		margin-left: -30px;
	}
}
.email-register-link {
	color: #05c3de;
}
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}



/* Utils */
.container-960 {
    width: 960px;
    margin: auto;
}
.clearfix:before,
.clearfix:after {
        display: table;
        content: '';
}
.clearfix:after {
    clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

article.content h1, .trp-headers h1,
article.content h2, .trp-headers h2,
article.content h3, .trp-headers h3,
article.content h4, .trp-headers h4,
article.content h5, .trp-headers h5,
article.content h6 .trp-headers h6
{
    font-family: "Roboto Flex", Arial, Helvetica, sans-serif;
}

.trp-headers h2
{
    line-height: 45px;
	width: 470px;
  	padding-left: 50px;
  	padding-right: 25px;
  	text-align: center;    
}

article.content h2
{
    font-size: 21px;
    line-height: 31.5px;
}

article.content p
{
    font-size: 22px;
    line-height: 33px;
    margin: 0 0 33px;
}

/* Header */
header {
    font-size: 14px;
    color: #aeaeae;
}

/* Cookie banner */
.cookie-banner {
    font-size: 12px;
    color: white;
    text-align: center;
    background: #00718d;
    padding: 10px;
    width: 100%;
}
.cookie-banner.global {
    background: #daaa00;
}
.cookie-banner a {
    color: white;
    text-decoration: underline;
}
.cookie-banner p {
    margin: 0;
}
.cookie-banner a.close {
    width: 18px;
    height: 18px;
    background-image: url(story/img/trp-close-icon.svg);
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
}

/* Header - country selector, etc */
.selector-bar {
    background: #3b3b3b;
    padding: 3px;
}
.customer-type-selector,
.country-selector {
    display: inline-block;
    margin-right: 20px;
}
.selector-bar .dropdown-menu {
    border-radius: 0;
    background: #ebebeb;
}
.selector-bar .dropdown-menu > li > a:hover,
.selector-bar .dropdown-menu > li > a:focus {
    color: #05c3de;
    background: none;
}
.dropdown-menu .separator {
    padding: 5px 10px;
    background: #bbb;
    color: white;
}
/* Header - logo etc */
.primary-bar {
    height: 44px;
    background: #4f4f4f;
}
.primary-bar a {
    margin-right: 25px;
}
.primary-bar img {
    vertical-align: middle;
}
.primary-bar > .container-360
.primary-bar .logo {
    height: 100%;
}
.primary-bar .logo {
    padding: 12px 0;
}
/* Flags */
.country-flag {
    height: 15px;
    width: 30px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
            filter: grayscale(100%);
}
.country-flag.gb {
    background-image: url(story/img/flags/gb.svg);
}
.country-flag.us {
    background-image: url(story/img/flags/us.svg);
}
header .dropdown-menu .country-flag {
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;

}
header a {
    color: #aeaeae;
}
header .menu {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #3b3b3b;
    min-width: 180px;
}
header .menu > li {
    margin: 0;
    border: 1px solid #888;
    border-top: 0;
    padding: 3px 0;
}

/* Content */
.content {
   /* background: #ebebeb; */
    /* Reset margin collapse */
    border: 1px solid transparent;
}


/* Home page */
.splash {
    color: white;
    margin-top: 80px;
    height: 350px;
}
.homepage.global .splash {
    height: 280px;
}
.splash .invest-with-confidence {
    font-size: 16px;
    letter-spacing: 3px;
}
.splash .find-out-more,
.splash .strapline-large {
    font-family: "Roboto Flex", Arial, Helvetica, sans-serif;
}
.splash .strapline-large {
    font-size: 50px;
    margin: 20px 0;
}
.splash .find-out-more {
    font-size: 18px;
}
.splash .find-out-more a {
    color: white;
}
.chooser {
    color: white;
    margin-top: -70px;
    background: #05c3de;
}
.chooser h2 {
    color: white;
}
.chooser h3 {
    color: white;
    font-size: 19px;
    margin-bottom: 0;
    margin-top: 0;
}
.chooser-gb {
    text-align: center;
    padding: 10px;
    margin-top: -60px;
}
.chooser-gb .chooser-buttons > a {
    display: inline-block;
    font-size: 22px;
    margin: 10px;
    width: 30%;
    padding: 5px 15px;
}

.chooser-panel {
    width: 50%;
    font-family: "Roboto Flex", Arial, Helvetica, sans-serif;
    display: block;
    color: white;
    text-align: center;
    padding: 10px;
    height: 112px;
}
.chooser-panel.left {
    float: left;
    font-size: 32px;
    padding: 15px;
}
.chooser-panel.right {
    float: right;
    text-align: left;
    background: #00718d;
}
.chooser-panel.right a {
    text-decoration: none;
    position: relative;
}
.chooser-panel.right a:hover {
    color: #05c3de;
}
.chooser-panel.right a:after {
    content: '';

    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;

    border-width: 0 0 1px;
    border-style: solid;
}
.professional-content {
    font-size: 15px;
}
.professional-content .container-fluid {
    margin-top: 5px;
}
.professional-content li {
    margin-top: 10px;
}
.individual-content {
    margin-left: 5px;
}
.chooser .inline-block {
    display: inline-block;
    position: relative;
    left: 10px;
    vertical-align: middle;
}
.chooser .i-am {
    color: #3b3b3b;
    font-size: 32px;
}
.chooser-us .chooser-buttons {
    position: relative;
    left: 21px;
    width: 362px;
}
.chooser-buttons > a {
    display: block;
    text-align: left;
    font-size: 27px;
    margin: 6px 0;
    background: #00718d;
    padding: 3px 15px;
}
.chooser a {
    color: white;
}
.chooser-buttons > a:first-child {
    margin-top: 0;
}
.chooser-buttons > a:last-child {
    margin-bottom: 0;
}
.chooser ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.chooser ul li {
    padding: 3px 0;
}
.chooser-panel {
    position: relative;
}
.chooser-panel.right {
    display: none;
}
.chooser-panel.right.revealed {
    display: block;
}
.hidden-content {
    display: none;
}
.individual-content {
    margin-top: 30px;
}

/* Boxes */
.gutterless {
    padding-left: 0;
    padding-right: 0;
}

.box {
    background: white;
    margin-bottom: 20px;
}
.col-xs-4 > .box {
    height: 318px;
}
.box.padded {
    padding: 20px;
}
.box h2 {
    font-size: 11px;
    font-family: "Roboto Flex", Arial, Helvetica, sans-serif;
    color: grey;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
}
.box .title {
    font-family: "Roboto Flex", Arial, Helvetica, sans-serif;
    font-size: 21px;
    color: #054c70;
}
.box .trp-button {
    font-size: 12px;
}
.box .read-more {
   font-family: "Arial",Helvetica,sans-serif;
    font-size: 14px;
    text-decoration: underline;
}

/* Box - Did you know? (Multiple boxes) */
.box.did-you-know p,
.box.did-you-know .title {
    font-family: "Roboto Flex", Arial, Helvetica, sans-serif;
    font-size: 26px;
}
.box.did-you-know p {
    margin-top: 10px;
}
.box.did-you-know .title {
    color: #05c3de;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted grey;
}
.box.did-you-know a {
    position: absolute;
    bottom: 40px;
}

/* Box: Our principles */
.box.our-principles {
    background-image: url(story/img/content-boxes/Thomas.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

/* Box: Investing */
.box.investing {
    background-image: url(story/img/content-boxes/Line_Chart.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
}
.box.investing strong {
    color: #05c3de;
    font-weight: normal;
}

/* Box: Responsibility */
.box.responsibility p {
    margin-bottom: 10px;
}

/* Box: Retirement planning */
.box.retirement-planning p {
    font-size: 14px;
}

/* Box - "person card" at the bottom of a box */
.box .person-card {
    font-size: 11px;
    clear: both;
    position: absolute;
    bottom: 40px;
    width: 250px;
}
.box .person-card img {
    float: left;
    margin-right: 10px;
}
.box .person-card .date,
.box .person-card .name {
    display: block;
}
.box .person-card .name {
    font-weight: bold;
}

/* Box: College savings */
.box.college-savings {
    background-image: url(story/img/content-boxes/College.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

/* Box: Our principles */
.box.our-principles .trp-quote {
    font-size: 25px;
}

/* Box: Online tools */
.box.online-tools {
    background-image: url(story/img/content-boxes/Woman-Paper.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.box.online-tools .title {
    margin-top: 20px;
}

/* Box: Compliance */
.box.compliance .featuring > img,
.box.compliance .featuring > p {
    display: inline-block;
    vertical-align: middle;
}
.box.compliance .featuring > p {
    font-size: 16px;
}

/* Box: Compliance */
.box.fund-in-focus {
    background-image: url(story/img/content-boxes/Bar_Chart.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
}

/* Box: thinking */
.box.thinking .person-card > div {
    margin-top: 5px;
}
.box.thinking .person-card img {
    background: #4f4f4f;
    height: 40px;
    width: 40px;
}

.animated {
    -webkit-animation-duration: 150ms;
        -ms-animation-duration: 150ms;
           -animation-duration: 150ms;
}

@-webkit-keyframes fadeInLeftCustom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftCustom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftCustom {
  -webkit-animation-name: fadeInLeftCustom;
          animation-name: fadeInLeftCustom;
}

.homepage .boxes {
    margin: 25px 0;
}

/* Personalised widget for return visitors */
.personal-widget {
    padding: 20px;
    background: #05c3de;
    color: white;
    font-size: 20px;
    margin-top: -35px;
}
.personal-widget .who,
.personal-widget .interest {
    font-weight: bold;
}
.personal-widget .site-link,
.personal-widget .change-link {
    font-size: 14px;
}
.personal-widget .site-link {
    margin-left: 20px;
}

/* External link iframe header */
.external-link header {
   font-family: "Arial",Helvetica,sans-serif;
    background: #4f4f4f;
    color: white;
    opacity: 0.96;
    height: 110px;
    width: 100%;
    padding: 10px;
}
.external-link h1 {
    margin: 0;
    color: white;
    font-size: 18px;
}
.external-link iframe {
    height: calc(100% - 120px);
}


/* Stats boxes */
.stats-row {
    margin-top: 5px;
}
.stats {
    font-family: "Roboto Flex", Arial, Helvetica, sans-serif;
    width: 850px;
}
.stats .stat,
.stats .desc {
    display: block;
}
.stats .stat {
    color: #05c3de;
    font-size: 31px;
}
.stats .desc {
    font-size: 11px;
    color: #4f4f4f;
    font-weight: bold;
}
.stats > div {
    border-right: 1px dotted #4f4f4f;
}
.stats > div:last-child {
    border-right: 0;
}
.stats,
.stats-last-updated {
    display: inline-block;
}
.stats-last-updated {
    font-size: 10px;
}
.stats.baltimore-usa .col-xs-3:nth-child(2) {
    width: 22%;
}
.stats.baltimore-usa .col-xs-3:nth-child(3) {
    width: 28%;
}

body.about-story {
    background-image: url(story/img/homepage-background.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}
.find-out-more-about-us {
    text-align: center;
    font-size: 14px;
}

.story-section-par .brightcove-video
{
	margin: 0 auto 40px; display: block; text-align: center;
}

.story-section-par .brightcove-video p.caption
{
	font-size: 14px;
}

.story-short-section, .story-short-section p
{
	display: inline;
}
/* Header */
.header {
	position: relative;
	margin: 0 auto;
	min-height: 560px;
	width: 100%;
}

#container
{
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 1;
}

.bg-img {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bg-img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	min-width: 100%;
	min-height: 100%;
}

.title {
	z-index: 1000;
	margin: 0 auto;
	padding: 0 1.25em;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.title h1 {
	padding: 0 0 0.2em;
	color: #fff;
	font-weight: 800;
	font-size: 72px;
	margin: 0 auto;
}

.title p {
	color: #fff;
	padding: 0 0 0.6em;
	font-weight: 300;
	font-size: 0.85em;
	margin: 0 auto;
}

.title h1,
.title p.subline {
	line-height: 1;
}

.title p.subline {
	font-size: 1.75em;
}

/* Trigger Button */
button.trigger {
	position: fixed;
	bottom: 40px;
	left: 50%;
	z-index: 5000;
	display: block;
	margin-left: -0.5em;
	padding: 0;
	width: 1em;
	height: 1em;
	border: none;
	background: transparent;
	color: transparent;
	font-size: 2em;
	cursor: pointer;
}

.container:not(.notrans) button.trigger {
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
}

.container.modify:not(.notrans) button.trigger {
	opacity: 0;
	pointer-events: none;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

button.trigger::before {
	position: absolute;
	bottom: 100%;
	left: -100%;
	padding: 0.8em;
	width: 300%;
	color: #fff;
	content: attr(data-info);
	font-size: 0.35em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

button.trigger:focus {
	outline: none;
}

button.trigger span {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

button.trigger span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	content: "\e097";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Conent */
.content {
	margin: 0 auto;
	padding: 0 0 55px;
}

.content > div:not(.title) {
	margin: -80px auto 0;
	max-width: 900px;
	padding: 0 28px;
}

.content > div:not(.title) p {
	margin: 0 auto 28px auto;
}

/*
.content > div:not(.title) p:first-child {
	font-size: 1.35em;
}
*/

.content h3 {
	margin: 0;
	font-size: 1.4em;
}
h3.touch-only-headers
{	
	font-family: "Roboto Flex", Arial, Helvetica, sans-serif !important;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 8px;
} 

.content blockquote {
	padding: 0.25em;
	font-style: italic;
	font-size: 1.65em;
	font-family: 'Lora', serif;
	line-height: 1.4;
}

.content blockquote::before {
	content: '\201C';
}

.content blockquote::after {
	content: '\201D';
}

/***** Individual effects *****/

/* -------------------------- */
/* Jam 3 */
/* -------------------------- */
.intro-effect-jam3:not(.notrans) .bg-img {
	-webkit-transition-property: top, left, right, bottom;
	transition-property: top, left, right, bottom;
}

.intro-effect-jam3:not(.notrans) .header h1,
.intro-effect-jam3:not(.notrans) .codrops-top a {
	-webkit-transition-property: color;
	transition-property: color;
}

.intro-effect-jam3:not(.notrans) .codrops-demos a {
	-webkit-transition-property: border-color, color;
	transition-property: border-color, color;
}

.intro-effect-jam3:not(.notrans) .header p {
	-webkit-transition-property: color, opacity, -webkit-transform;
	transition-property: color, opacity, transform;
}

.intro-effect-jam3:not(.notrans) .content > div {
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
}

.intro-effect-jam3:not(.notrans) .bg-img,
.intro-effect-jam3:not(.notrans) .header h1,
.intro-effect-jam3:not(.notrans) .codrops-top a,
.intro-effect-jam3:not(.notrans) .codrops-demos a,
.intro-effect-jam3:not(.notrans) .content > div {
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.intro-effect-jam3:not(.notrans) .header p,
.intro-effect-jam3:not(.notrans) .header p.subline,
.intro-effect-jam3:not(.notrans) .content > div {
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.intro-effect-jam3.modify:not(.notrans) .header p,
.intro-effect-jam3.modify:not(.notrans) .header p.subline,
.intro-effect-jam3.modify:not(.notrans) .content > div {
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.intro-effect-jam3 .codrops-demos a {
	color: #fff;
}

.intro-effect-jam3 .codrops-demos a.current-demo {
	border-color: #fff;
}

.intro-effect-jam3.modify .codrops-demos a {
	color: #c03b5d;
}

.intro-effect-jam3.modify .codrops-demos a.current-demo {
	border-color: #c03b5d;
}

.intro-effect-jam3.container {
	padding: 45px 30px;
}

.intro-effect-jam3 .bg-img {
	top: -45px;
	right: -30px;
	bottom: -45px;
	left: -30px;
	background: #514753;
}

.intro-effect-jam3.modify .bg-img {
	top: 0;
	right: 0;
	bottom: 85%;
	left: 0;
}

.intro-effect-jam3.modify .header h1 {
	color: #514753;
}

.intro-effect-jam3 .header p {
	color: #514753;
	opacity: 0;
	-webkit-transform: translateY(150px);
	transform: translateY(150px);
}

.intro-effect-jam3.modify .header p {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.intro-effect-jam3 .content {
	padding: 0 5em 5em;
}

.intro-effect-jam3 .header,
.intro-effect-jam3 .content {
	background: #fff;
}

.intro-effect-jam3 .content > div {
	opacity: 0;
	-webkit-transform: translateY(150px);
	transform: translateY(150px);
}

.intro-effect-jam3.modify .content > div {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.intro-effect-jam3.modify .codrops-top a {
	color: #514753;
}

/* Delays */
.intro-effect-jam3.modify:not(.notrans) .header p:nth-last-child(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.intro-effect-jam3.modify:not(.notrans) .header p:last-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.intro-effect-jam3.modify:not(.notrans) .content > div {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/* -------------------------- */
/* Faded gradient */
/* -------------------------- */

.intro-effect-fadeout:not(.notrans) .bg-img {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.intro-effect-fadeout:not(.notrans) .bg-img::after {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.intro-effect-fadeout:not(.notrans) .header h1 {
	-webkit-transition-property: color;
	transition-property: color;
}

.intro-effect-fadeout:not(.notrans) .header p,
.intro-effect-fadeout:not(.notrans) .content > div {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}

.intro-effect-fadeout:not(.notrans) .bg-img,
.intro-effect-fadeout:not(.notrans) .bg-img::after,
.intro-effect-fadeout:not(.notrans) .header h1,
.intro-effect-fadeout:not(.notrans) .header p,
.intro-effect-fadeout:not(.notrans) .content > div {
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.intro-effect-fadeout .header {
	overflow: hidden;
}

.intro-effect-fadeout.modify .bg-img {
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%);
}

.intro-effect-fadeout .bg-img::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 101%;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.intro-effect-fadeout.modify .bg-img::after {
	opacity: 1;
}

.intro-effect-fadeout .title {
	text-align: left;
	max-width: 900px;
}

.intro-effect-fadeout.modify .header h1,
.intro-effect-fadeout .header p {
	color: #514753;
}

.intro-effect-fadeout .header p {
	opacity: 0;
}

.intro-effect-fadeout .header p:nth-child(2) {
	-webkit-transform: translateX(150px);
	transform: translateX(150px);
}

.intro-effect-fadeout .header p:nth-child(3) {
	-webkit-transform: translateX(-150px);
	transform: translateX(-150px);
}

.intro-effect-fadeout.modify .header p:nth-child(2),
.intro-effect-fadeout.modify .header p:nth-child(3) {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.intro-effect-fadeout .content {
	z-index: 1000;
	position: relative;
}

.intro-effect-fadeout .content > div {
	opacity: 0;
	-webkit-transform: translateY(350px);
	transform: translateY(350px);
}

.intro-effect-fadeout.modify .content > div {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* -------------------------- */
/* Sliced */
/* -------------------------- */

.intro-effect-sliced:not(.notrans) .bg-img,
.intro-effect-sliced:not(.notrans) .title {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.intro-effect-sliced:not(.notrans) .header h1,
.intro-effect-sliced:not(.notrans) .codrops-demos a {
	-webkit-transition-property: color;
	transition-property: color;
}

.intro-effect-sliced:not(.notrans) .header p {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.intro-effect-sliced:not(.notrans) .content > div {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}

.intro-effect-sliced:not(.notrans) .bg-img,
.intro-effect-sliced:not(.notrans) .header h1,
.intro-effect-sliced:not(.notrans) .title,
.intro-effect-sliced:not(.notrans) .header p,
.intro-effect-sliced:not(.notrans) .content > div,
.intro-effect-sliced:not(.notrans) .codrops-demos a {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.intro-effect-sliced.modify:not(.notrans) .header h1,
.intro-effect-sliced.modify:not(.notrans) .title,
.intro-effect-sliced.modify:not(.notrans) .header p,
.intro-effect-sliced.modify:not(.notrans) .content > div,
.intro-effect-sliced.modify:not(.notrans) .codrops-demos a {
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

.intro-effect-sliced .bg-img:first-child {
	bottom: 50%;
}

.intro-effect-sliced .bg-img:last-child {
	top: 50%;
	position: fixed;
	z-index: 900;
}

.intro-effect-sliced .bg-img:last-child img {
	top: -100%;
}

.intro-effect-sliced.modify .bg-img:first-child {
	-webkit-transform: translateY(-80%);
	transform: translateY(-80%);
}

.intro-effect-sliced.modify .bg-img:last-child {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.intro-effect-sliced .codrops-demos {
	text-align: center;
}

.intro-effect-sliced .codrops-demos a {
	color: #fff;
	font-size: 0.8em;
}

.intro-effect-sliced.modify .codrops-demos a {
	color: #cf4a5c;
}

.intro-effect-sliced .title {
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);
	transform: translateX(-50%) translateY(-50%) scale(0.7);
}

.intro-effect-sliced.modify .title {
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}

.intro-effect-sliced .header p {
	opacity: 0;
	color: #514753;
}

.intro-effect-sliced.modify .header p {
	opacity: 1;
}

.intro-effect-sliced.modify .header h1 {
	color: #514753;
}

.intro-effect-sliced .content > div {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	opacity: 0;
}

.intro-effect-sliced.modify .content > div {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Delays */
.intro-effect-sliced.modify:not(.notrans) .title {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/* -------------------------- */
/* Side */
/* -------------------------- */

.intro-effect-side:not(.notrans) .bg-img::before,
.intro-effect-side:not(.notrans) .title {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.intro-effect-side:not(.notrans) .bg-img::after {
	-webkit-transition-property: top, left, bottom, right, background-color;
	transition-property: top, left, bottom, right, background-color;
}

.intro-effect-side:not(.notrans) .header p {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}

.intro-effect-side:not(.notrans) .content > div {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.intro-effect-side:not(.notrans) .bg-img::before,
.intro-effect-side:not(.notrans) .bg-img::after,
.intro-effect-side:not(.notrans) .title,
.intro-effect-side:not(.notrans) .header p,
.intro-effect-side:not(.notrans) .content > div {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.intro-effect-side .codrops-top a {
	color: #7b8d92;
}

.intro-effect-side .bg-img::before,
.intro-effect-side .bg-img::after {
	content: '';
	position: absolute;
	z-index: 100;
}

.intro-effect-side .bg-img::before {
	background: #fff;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.intro-effect-side.modify .bg-img::before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.intro-effect-side .bg-img::after {
	border: 80px solid #fff;
	top: -80px;
	right: -80px;
	bottom: -80px;
	left: -80px;
	background-color: rgba(255,255,255,0.5);
}

.intro-effect-side.modify .bg-img::after {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0);
}

.intro-effect-side .codrops-demos a {
	color: #43939d;
}

.intro-effect-side .codrops-demos a.current-demo {
	border-bottom: 3px solid #43939d;
}

.intro-effect-side .title {
	text-align: right;
	left: 0;
	padding: 0 3em 0 2em;
	width: 60%;
	-webkit-transform: translateX(33.3%) translateY(-50%);
	transform: translateX(33.3%) translateY(-50%);
}

.intro-effect-side.modify .title {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.intro-effect-side .header h1 {
	font-family: 'Lora', serif;
	font-style: italic;
	font-weight: 400;
	padding: 0 0 0.5em 0;
	color: #516165;
}

.intro-effect-side .header p {
	opacity: 0;
	color: #7b8d92;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}

.intro-effect-side.modify .header p {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.intro-effect-side .content > div {
	margin-top: 0px;
	opacity: 0;
}

.intro-effect-side.modify .content > div {
	opacity: 1;
}

.intro-effect-side button.trigger span::before,
.intro-effect-side button.trigger::before {
	color: #516165;
}

/* Delays */
.intro-effect-side:not(.notrans) .title,
.intro-effect-side:not(.notrans) .bg-img::before,
.intro-effect-side:not(.notrans) .bg-img::after {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.intro-effect-side.modify:not(.notrans) .title,
.intro-effect-side.modify:not(.notrans) .bg-img::before,
.intro-effect-side.modify:not(.notrans) .bg-img::after {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.intro-effect-side.modify:not(.notrans) .header p:nth-last-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.intro-effect-side.modify:not(.notrans) .header p:last-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.intro-effect-side.modify:not(.notrans) .content > div {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

/* -------------------------- */
/* Side Fixed */
/* -------------------------- */
.intro-effect-sidefixed:not(.notrans) .bg-img::before {
	-webkit-transition-property: background-color;
	transition-property: background-color;
}

.intro-effect-sidefixed:not(.notrans) .bg-img::after {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.intro-effect-sidefixed:not(.notrans) .title p {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.intro-effect-sidefixed:not(.notrans) .content > div {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}

.intro-effect-sidefixed:not(.notrans) .bg-img::before,
.intro-effect-sidefixed:not(.notrans) .bg-img::after,
.intro-effect-sidefixed:not(.notrans) .title p,
.intro-effect-sidefixed:not(.notrans) .content > div {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.intro-effect-sidefixed .header {
	position: absolute;
}

.intro-effect-sidefixed .bg-img {
	/* position: fixed; */
}

.intro-effect-sidefixed .bg-img img {
	left: auto;
	right: 0;
}

.intro-effect-sidefixed .bg-img::before,
.intro-effect-sidefixed .bg-img::after {
	content: '';
	position: absolute;
	z-index: 100;
}

.intro-effect-sidefixed .bg-img::after {
	background: #ebebeb;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.intro-effect-sidefixed.modify .bg-img::after {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.intro-effect-sidefixed .bg-img::before {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
}

.intro-effect-sidefixed.modify .bg-img::before {
	background-color: rgba(0,0,0,0.2);
}

.intro-effect-sidefixed .codrops-demos a {
	color: #f68f6c;
}

.intro-effect-sidefixed .title {
	position: relative;
	top: auto;
	left: auto;
	text-align: left;
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
}

.intro-effect-sidefixed.modify .title {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.intro-effect-sidefixed .title h1 {
	font-weight: 700;
	padding: 0 0 0.5em 0;
	color: #fff;
}

.intro-effect-sidefixed .title p {
	opacity: 0;
	color: #585a66;
}

.intro-effect-sidefixed.modify .title p {
	opacity: 1;
}

.intro-effect-sidefixed .content {
	width: 684px;
	margin-left: 40%;
	padding: 0 2.5em;
}

.intro-effect-sidefixed .content > div {
	position: relative;
	margin: 70px 0;
	color: #3b3b3b;
	z-index: 2000;
}


.intro-effect-sidefixed .content div:not(.mgs-text-container):not(.mgs-text):not(.mgs-employee-container):not(.mgs-employee):not(.mgs-location-container):not(.label):nth-child(2) {
	opacity: 0;
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
}

.intro-effect-sidefixed.modify .content div:not(.mgs-text-container):not(.mgs-text):not(.mgs-employee-container):not(.mgs-employee):not(.mgs-location-container):not(.label):nth-child(2) {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}


/* Delays */
.intro-effect-sidefixed:not(.notrans) .title,
.intro-effect-sidefixed:not(.notrans) .bg-img::before,
.intro-effect-sidefixed:not(.notrans) .bg-img::after {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.intro-effect-sidefixed.modify:not(.notrans) .title,
.intro-effect-sidefixed.modify:not(.notrans) .bg-img::before,
.intro-effect-sidefixed.modify:not(.notrans) .bg-img::after {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.intro-effect-sidefixed.modify:not(.notrans) .content div:not(.mgs-text-container):not(.mgs-text):not(.mgs-employee-container):not(.mgs-employee):not(.mgs-location-container):not(.label):nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.mgs-wrapper #slider #played {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
/* -------------------------- */
/* Push */
/* -------------------------- */
.intro-effect-push:not(.notrans) .header,
.intro-effect-push:not(.notrans) > .title,
.intro-effect-push:not(.notrans) .content > div {
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.intro-effect-push:not(.notrans) .header {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

.intro-effect-push .codrops-demos a {
	color: #108576;
}

.intro-effect-push .header {
	position: absolute;
	z-index: 1500;
}

.intro-effect-push > .title {
	position: relative;
	top: auto;
	left: auto;
	padding: 6em 1em 2em;
}

.intro-effect-push .content > div {
	margin-top: 50px;
	color: #b2b2c0;
}

.intro-effect-push > .title,
.intro-effect-push .content > div {
	-webkit-transform: translateY(400px);
	transform: translateY(400px);
	opacity: 0;
}

.intro-effect-push.modify > .title,
.intro-effect-push.modify .content > div {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.intro-effect-push.modify .header {
	opacity: 0;
	-webkit-transform: translateY(-100%) scale(0.9);
	transform: translateY(-100%) scale(0.9);
}

/* Delays */
.intro-effect-push.modify:not(.notrans) > .title {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.intro-effect-push.modify:not(.notrans) .content > div {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

/* -------------------------- */
/* Grid */
/* -------------------------- */

.intro-effect-grid:not(.notrans) .grid li:nth-child(5) {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}

.intro-effect-grid:not(.notrans) .header p  {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.intro-effect-grid:not(.notrans) .bg-img,
.intro-effect-grid:not(.notrans) .title {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.intro-effect-grid:not(.notrans) .header h1,
.intro-effect-grid:not(.notrans) .codrops-demos a {
	-webkit-transition-property: color;
	transition-property: color;
}

.intro-effect-grid:not(.notrans) .grid li:nth-child(5),
.intro-effect-grid:not(.notrans) .bg-img,
.intro-effect-grid:not(.notrans) .title,
.intro-effect-grid:not(.notrans) .header h1,
.intro-effect-grid:not(.notrans) .header p,
.intro-effect-grid:not(.notrans) .codrops-demos a {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.intro-effect-grid .codrops-demos a {
	color: #fff;
}

.intro-effect-grid.modify .codrops-demos a {
	color: #cf7000;
}

.intro-effect-grid .codrops-demos a.current-demo {
	border-bottom: 3px solid #fff;
}

.intro-effect-grid.modify .codrops-demos a.current-demo {
	border-color: #cf7000;
}

.intro-effect-grid .title {
	max-width: 900px;
	padding-top: 2em;
}

.intro-effect-grid.modify .title {
	-webkit-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}

.intro-effect-grid .content > div {
	margin-top: 40px;
	color: #2e3337;
}

.intro-effect-grid .header h1 {
	font-weight: 700;
	padding: 0 0 0.6em;
}

.intro-effect-grid.modify .header h1 {
	color: #2d3b44;
}

.intro-effect-grid .header p {
	opacity: 0;
	color: #4c6270;
}

.intro-effect-grid .header p.subline {
	font-size: 1.5em;
}

.intro-effect-grid.modify .header p {
	opacity: 1;
}

.intro-effect-grid .grid {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	z-index: 0;
}

.intro-effect-grid .grid li::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(71,63,59,0.5);
	pointer-events: none;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

.intro-effect-grid.modify .grid li:hover::after,
.intro-effect-grid.modify .grid li:nth-child(5)::after {
	background: rgba(71,63,59,0.1);
}

.intro-effect-grid .grid li {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.intro-effect-grid .grid li h2 {
	font-weight: 700;
	padding-bottom: 0.4em;
	margin: 1em;
	color: #fff;
	line-height: 1;
	font-size: 1em;
	position: absolute;
	bottom: 0;
	z-index: 100;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.intro-effect-grid .grid li:hover h2 {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.intro-effect-grid .grid li:first-child {
	top: 0;
	left: 0;
	height: 50%;
	width: 25%;
	background-image: url(story/img/thumbs/1.jpg);
}

.intro-effect-grid .grid li:nth-child(2) {
	top: 50%;
	left: 0;
	height: 50%;
	width: 25%;
	background-image: url(story/img/thumbs/2.jpg);
}

.intro-effect-grid .grid li:nth-child(3) {
	top: 0;
	left: 25%;
	height: 100%;
	width: 25%;
	background-image: url(story/img/thumbs/5.jpg);
}

.intro-effect-grid .grid li:nth-child(4) {
	top: 0;
	left: 50%;
	height: 50%;
	width: 50%;
	background-image: url(story/img/thumbs/4.jpg);
}

.intro-effect-grid .grid li:nth-child(5) {
	top: 50%;
	left: 50%;
	height: 50%;
	width: 25%;
	background-image: url(story/img/thumbs/8.jpg);
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}

.intro-effect-grid.modify .grid li:nth-child(5) {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.intro-effect-grid .grid li:nth-child(5) h2 {
	color: #de8721;
}

.intro-effect-grid .grid li:nth-child(6) {
	top: 50%;
	left: 75%;
	height: 50%;
	width: 25%;
	background-image: url(story/img/thumbs/6.jpg);
}

.intro-effect-grid.modify .bg-img {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* Media Queries */
@media screen and (max-width: 47em) {
	.title, .content {
		font-size: 70%;
	}

	.codrops-demos a {
		font-size: 80%;
	}

	.intro-effect-side .title {
		width: 100%;
		padding: 0 1em;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.intro-effect-side.modify .bg-img::before {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.intro-effect-side .bg-img::after {
		border-left-width: 0px;
		border-right-width: 0px;
		right: 0px;
		left: 0px;
		background: rgba(255,255,255,0.1);
	}

	.intro-effect-side.modify .bg-img::after {
		background: rgba(255,255,255,0.8);
	}

	.intro-effect-sidefixed .content {
		width: 100%;
		margin-left: auto;
	}

	.intro-effect-sidefixed .bg-img::after {
		width: 95%;
	}

}

@media screen and (max-width: 27em) {
	.intro-effect-jam3 .content {
		padding: 0 2em 5em;
	}

	.intro-effect-grid .grid li h2 {
		display: none;
	}

	.intro-effect-push .header .title {
		top: 60px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.title, .content {
		font-size: 50%;
	}

	button.trigger::before {
		display: none;
	}
}




/*Website header*/

#website-header {
	width: 100%;
	height: 128px;
	background: url(story/img/header-bg.png) top repeat-x;
	position: fixed;
	z-index: 1;
	top: 0;
}

#website-header-content {
	width: 100%;
	height: 128px;
	background: url(story/img/header-content.png) center 8px no-repeat;
	margin: 0 auto;
}

.title {
	z-index: 0;
}

.intro-effect-sidefixed .title h1 q {
	font-size: 52px;
	line-height: 41px;
	font-weight: normal;
	width: 500px;
}

.intro-effect-sidefixed .title h1 q::before,
.intro-effect-sidefixed .title h1 q::after {
	font-size: 50px;
}

.intro-effect-sidefixed.modify .title h1 q::before,
.intro-effect-sidefixed.modify .title h1 q::after {
	color: #05c3de;
}

.intro-effect-sidefixed .content .title {
	margin-bottom: 0;
	margin-top: 0;
}

.intro-effect-sidefixed.modify .title h1 q {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.intro-effect-sidefixed .title h1 q,
.intro-effect-sidefixed .title h1.white q {
	color: #fff;
}
.intro-effect-sidefixed .title h1.trpBlue q {
	color: #05c3de;
}
.intro-effect-sidefixed .title h1.trpDarkBlue q {
	color: #054C70;
}
.intro-effect-sidefixed .title h1.darkGrey q {
	color: #4f4f4f;
}
.intro-effect-sidefixed.modify .title h1 q {
	color: #4f4f4f;
}

.content .video {
	margin: 0 auto 40px;
	display: block;
}

.intro-effect-sidefixed .section-2 .title h1 q,
.intro-effect-sidefixed .section-4 .title h1 q {
	font-size: 32px;
}

.intro-effect-sidefixed .section-2 .title h1,
.intro-effect-sidefixed .section-4 .title h1 {
	line-height: .4em;
}

.intro-effect-sidefixed .section-2 .title,
.intro-effect-sidefixed .section-4 .title {
	margin-top: 100px;
	margin-bottom: 30px;
}

.title h1, .title p.subline {
	line-height: 57px;
}


.trp-headers {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	z-index: 2;
	position: fixed;
	top: 215px;
	left: 0;
}

.trp-wrapper {
	width: 600px;
	height: auto;
	margin: 0;
	text-align: center;
}

.trp-single-header {
	font-size: 50px;
	color: white;
	font-size: 30px;
	font-family: sans-serif;
	text-transform: uppercase;
}

div[class^="section"] {
	border-bottom: 1px dotted #b1b1b1;
	margin-bottom: 25px;
}

div[class^="section"]:last-child {
	border-bottom: none;
}

/*
.section-1 {
	border-bottom: 1px dotted #b1b1b1;
	padding-bottom: 40px;
}

.section-3 {
	border-bottom: 1px dotted #b1b1b1;
	padding-bottom: 70px;
}

.section-4 {
	border-bottom: 1px dotted #b1b1b1;
	padding-bottom: 70px;
}

.section-5 .title {
	margin-top: 0!important;
	padding-top: 0!important;
}

*/
/*
.no-js .share-button {
	z-index:9999;
}
 
#shareOverlayContainer {
	z-index:9999;
}
*/







@font-face{font-family:'footable';src:url('base/css/Fonts/footable.eot');src:url('base/css/Fonts/footable.eot?#iefix') format('embedded-opentype'),url('base/css/Fonts/footable.woff') format('woff'),url('base/css/Fonts/footable.ttf') format('truetype'),url('base/css/Fonts/footable.svg#footable') format('svg');font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:'footable';src:url('base/css/fonts/footable.svg#footable') format('svg');font-weight:normal;font-style:normal}}.footable{width:100%}.footable.breakpoint>tbody>tr.footable-detail-show>td{border-bottom:0}.footable.breakpoint>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e001"}.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail){cursor:pointer}.footable.breakpoint>tbody>tr>td.footable-cell-detail{background:#eee;border-top:0}.footable.breakpoint>tbody>tr>td>span.footable-toggle{display:inline-block;font-family:'footable';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;padding-right:5px;font-size:14px;color:#888}.footable.breakpoint>tbody>tr>td>span.footable-toggle:before{content:"\e000"}.footable.breakpoint.toggle-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e005"}.footable.breakpoint.toggle-circle>tbody>tr>td>span.footable-toggle:before{content:"\e004"}.footable.breakpoint.toggle-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e003"}.footable.breakpoint.toggle-circle-filled>tbody>tr>td>span.footable-toggle:before{content:"\e002"}.footable.breakpoint.toggle-square>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e007"}.footable.breakpoint.toggle-square>tbody>tr>td>span.footable-toggle:before{content:"\e006"}.footable.breakpoint.toggle-square-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e009"}.footable.breakpoint.toggle-square-filled>tbody>tr>td>span.footable-toggle:before{content:"\e008"}.footable.breakpoint.toggle-arrow>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e00f"}.footable.breakpoint.toggle-arrow>tbody>tr>td>span.footable-toggle:before{content:"\e011"}.footable.breakpoint.toggle-arrow-small>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e013"}.footable.breakpoint.toggle-arrow-small>tbody>tr>td>span.footable-toggle:before{content:"\e015"}.footable.breakpoint.toggle-arrow-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e01b"}.footable.breakpoint.toggle-arrow-circle>tbody>tr>td>span.footable-toggle:before{content:"\e01d"}.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e00b"}.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr>td>span.footable-toggle:before{content:"\e00d"}.footable.breakpoint.toggle-arrow-tiny>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e01f"}.footable.breakpoint.toggle-arrow-tiny>tbody>tr>td>span.footable-toggle:before{content:"\e021"}.footable.breakpoint.toggle-arrow-alt>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e017"}.footable.breakpoint.toggle-arrow-alt>tbody>tr>td>span.footable-toggle:before{content:"\e019"}.footable.breakpoint.toggle-medium>tbody>tr>td>span.footable-toggle{font-size:18px}.footable.breakpoint.toggle-large>tbody>tr>td>span.footable-toggle{font-size:24px}.footable>thead>tr>th{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.footable>thead>tr>th.footable-sortable:hover{cursor:pointer}.footable>thead>tr>th.footable-sorted>span.footable-sort-indicator:before{content:"\e013"}.footable>thead>tr>th.footable-sorted-desc>span.footable-sort-indicator:before{content:"\e012"}.footable>thead>tr>th>span.footable-sort-indicator{display:inline-block;font-family:'footable';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;padding-left:5px}.footable>thead>tr>th>span.footable-sort-indicator:before{content:"\e022"}.footable>tfoot .pagination{margin:0}.footable.no-paging .hide-if-no-paging{display:none}.footable-row-detail-inner{display:table}.footable-row-detail-row{display:table-row;line-height:1.5em}.footable-row-detail-group{display:block;line-height:2em;font-size:1.2em;font-weight:bold}.footable-row-detail-name{display:table-cell;font-weight:bold;padding-right:.5em}.footable-row-detail-value{display:table-cell}.footable-odd{background-color:#f7f7f7}
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.3.4 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight-link { cursor: pointer; }
	
    .featherlight {
        display: none;

        /* dimensions: spanning the background from edge to edge */
        position:fixed;
        top: 0; right: 0; bottom: 0; left: 0;
        z-index: 2147483647; /* z-index needs to be >= elements on the site. */

        /* position: centering content */
        text-align: center;

        /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
        white-space: nowrap;

        /* styling */
        cursor: pointer;
        background: #333;
        /* IE8 "hack" for nested featherlights */
        background: rgba(0, 0, 0, 0);
    }

    /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
    .featherlight:last-of-type {
        background: rgba(0, 0, 0, 0.8);
    }

    .featherlight:before {
        /* position: trick to center content vertically */
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

    .featherlight .featherlight-content {
        /* make content container for positioned elements (close button) */
        position: relative;

        /* position: centering vertical and horizontal */
        text-align: left;
        vertical-align: middle;
        display: inline-block;

        /* dimensions: cut off images */
        overflow: auto;
        padding: 25px 25px 0;
        border-bottom: 25px solid transparent;

        /* dimensions: handling small or empty content */
        min-width:  30%;

        /* dimensions: handling large content */
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;

        /* styling */
        background: #fff;
        cursor: auto;

        /* reset white-space wrapping */
        white-space: normal;
    }

    /* contains the content */
    .featherlight .featherlight-inner {
        /* make sure its visible */
        display: block;
    }

    .featherlight .featherlight-close-icon {
        /* position: centering vertical and horizontal */
        position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;

        /* dimensions: 25px x 25px */
        line-height: 25px;
        width: 25px;

        /* styling */
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        background: #fff; /* Set the background in case it overlaps the content */
        background: rgba(255, 255, 255, 0.3);
        color: #000;
    }


    .featherlight .featherlight-image {
        /* styling */
        width: 100%;
    }


    .featherlight-iframe .featherlight-content {
        /* removed the border for image croping since iframe is edge to edge */
        border-bottom: 0;
        padding: 0;
    }

    .featherlight iframe {
        /* styling */
        border: none;
    }
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        /* dimensions: maximize lightbox with for small screens */
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;

        padding: 10px 10px 0;
        border-bottom: 10px solid transparent;
    }
}

/* Button Variables */
/* Layout variables. */
/**************************************** R */
/* RobotoFlex varialble */
@font-face { font-family: "Roboto Flex"; src: url("base/css/Fonts/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype"); }

/* RobotoFlex Regular */
@font-face { font-family: "Roboto Flex Regular"; src: url("base/css/Fonts/RobotoFlex-Regular.ttf") format("truetype"); }

/* normalize.css v2.1.0 | MIT License | git.io/normalize */
/* normalize.scss v2.1.0 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. */
html { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; /* 1 */ font-size: 87.5%; /* 3 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ /* Establish a vertical rhythm unit using $base-line-height. */ line-height: 1.42857em; }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Set 1 unit of vertical rhythm on the top and bottom margin. */
p, pre { margin: 1.71429em 0; }

blockquote { /* Set 1 unit of vertical rhythm on the top and bottom margin. */ margin: 1.71429em 40px; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
/*
 *	@TRP: These styles are defined in the _elements partial
 *
 h1, .h1 {
    @include adjust-font-size-to( $h1-font-size );

    @include leader(1, $h1-font-size);
    @include trailer(1, $h1-font-size);
}

h2, .h2 {
    @include adjust-font-size-to( $h2-font-size );
    @include leader(1, $h2-font-size);
    @include trailer(1, $h2-font-size);
}

h3, .h3 {
    @include adjust-font-size-to( $h3-font-size );
    @include leader(1, $h3-font-size);
    @include trailer(1, $h3-font-size);
}

h4, .h4 {
    @include adjust-font-size-to( $h4-font-size );
    @include leader(1, $h4-font-size);
    @include trailer(1, $h4-font-size);
}

h5, .h5 {
    @include adjust-font-size-to( $h5-font-size );
    @include leader(1, $h5-font-size);
    @include trailer(1, $h5-font-size);
}

h6, .h6 {
    @include adjust-font-size-to( $h6-font-size );
    @include leader(1, $h6-font-size);
    @include trailer(1, $h6-font-size);
}
*/
/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-weight: 700; }

i, em { font-style: italic; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; line-height: 1.71429em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Set 1 unit of vertical rhythm and a consistent indentation. */
dl, menu, ol, ul { margin: 1.71429em 0; padding: 0 0 0 40px; }

dl { padding: 0; }

dd { margin: 0 0 0 40px; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border-color: #c0c0c0; margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ border-top-style: solid; border-top-width: 0.07143em; padding-top: 0.52857em; border-bottom-style: solid; border-bottom-width: 0.07143em; padding-bottom: 1.04286em; border-left-style: solid; border-left-width: 0.07143em; padding-left: 1em; border-right-style: solid; border-right-width: 0.07143em; padding-right: 1em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. 4. Improve appearance and consistency with IE 6/7. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 2 */ }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/*---------------------------------------------------------------------------------------------------------------------------
To us this mixin, feed the appropriate values based on your needs:
	sliderWidth - This is the width of the slider
	sliderHeight - This is the height of the slider
	navSize - This controls the size of the arrow navigation for the slider. The values can be small, large or none.
	indicLoc - This is the location of the small square indicators, values can be top or bottom
	indicAlign - This is where you want the indicators to be aligned horizontally. Values can be left, right or center
---------------------------------------------------------------------------------------------------------------------------*/
/**
{
	@include single-transition(all, .3s, ease-in-out);
}
*/
* { box-sizing: border-box; }

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

body { color: #3b3b3b; }

main { background-color: #EBEBEB; min-width: 768px; }

section { background-color: #EBEBEB; }

main, body > section { zoom: 1; }

main:before, body > section:before, main:after, body > section:after { content: ""; display: table; }

main:after, body > section:after { clear: both; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: normal; margin: 0; padding: 0; border: 0; color: #05c3de; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; }

h1.dark, .dark.h1, h2.dark, .dark.h2, h3.dark, .dark.h3, h4.dark, .dark.h4, h5.dark, .dark.h5, h6.dark, .dark.h6 { color: #4f4f4f; }

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color: #054C70; text-decoration: none; }

h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover { color: #0985C3; text-decoration: underline; }

h1.bright a, .bright.h1 a, h2.bright a, .bright.h2 a, h3.bright a, .bright.h3 a, h4.bright a, .bright.h4 a, h5.bright a, .bright.h5 a, h6.bright a, .bright.h6 a { color: #05c3de; }

h1.bright a:hover, .bright.h1 a:hover, h2.bright a:hover, .bright.h2 a:hover, h3.bright a:hover, .bright.h3 a:hover, h4.bright a:hover, .bright.h4 a:hover, h5.bright a:hover, .bright.h5 a:hover, h6.bright a:hover, .bright.h6 a:hover { color: #5FE9FC; }

h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h4 strong, .h4 strong, h5 strong, .h5 strong, h6 strong, .h6 strong { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-weight: normal; }

h1, .h1 { font-size: 34px; line-height: 46.95238px; }

h2, .h2 { font-size: 30px; line-height: 41.42857px; }

h3, .h3 { font-size: 26px; line-height: 35.90476px; }

h4, .h4 { font-size: 22px; line-height: 30.38095px; }

h5, .h5 { font-size: 18px; line-height: 24.85714px; }

h6, .h6 { font-size: 14px; line-height: 19.33333px; }

a { color: #054C70; text-decoration: none; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; }

a:hover { color: #0985C3; text-decoration: underline; }

i.nowrap { white-space: nowrap; font-style: normal; }

select.light, select.dark { background-color: #ffffff; color: #4f4f4f; background-image: url(base/images/caret-sprite.png); background-position: right 5px top 10px; background-repeat: no-repeat; padding: 5px 18px 5px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; }

select.light:hover, select.dark:hover { cursor: pointer; }

select.light:disabled, select.dark:disabled { background-color: #585858; color: #dbdbdb; border: 1px solid #585858; background-image: none; }

select.dark { background-color: #3b3b3b; color: #ffffff; background-position: right 5px top 10px; border: 1px solid #ccc; }

select.light { background-color: #ffffff; background-position: right 5px top -10px; }

select.slim { padding: 2px 18px 2px 5px; }

select::-ms-expand { display: none !important; }

.ext-ie9 select.dark, .ext-ie9 select.light { background-image: none; }

.hidden { display: none !important; }

div.inline { display: inline; }

section { padding: 24px 0; }

body.cq-wcm-edit .parsys { border: solid 6px rgba(5, 195, 222, 0.3); padding: 16px; margin-bottom: 15px; margin-top: 15px; }

.show-only-in-edit { display: none; }

body.cq-wcm-edit .show-only-in-edit { display: block; font-size: 16px; padding: 12px; color: #111111; margin: 4px 0; }

body.cq-wcm-edit .show-only-in-edit.error { color: #DA291C; background: #F8E7DC; border-top: 4px solid #DA291C; }

body.cq-wcm-edit .show-only-in-edit.info { color: #00718D; background: #DBE7ED; border-top: 4px solid #00718D; }

body.cq-wcm-edit .show-only-in-edit.success { color: #00843D; background: #DFEAE3; border-top: 4px solid #00843D; }

body.cq-wcm-edit .show-only-in-edit.warning { color: #DAAA00; background: #F8EFCE; border-top: 4px solid #DAAA00; }

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

/* Use this file to define standard element styles that are specific to USIS, and deviate from the TRP Brand.  All standard element definitions based solely on TRP Brand will be in the elements partial in the main folder. */
h1 { line-height: 34px; }

h2 { line-height: 30px; }

h3 { text-transform: uppercase; color: #898989; font-size: 13px; line-height: 11px; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; margin: 0 0 16px; font-weight: 800; }

article .executive-summary ul li:before, article .paragraph-with-heading ul li:before, article .paragraph ul li:before, article .table ul li:before { content: "\25a0 \00A0 \00A0"; color: #05c3de; vertical-align: text-bottom; }

.page-wrapper { max-width: 960px; margin-left: auto; margin-right: auto; clear: both; }

.page-wrapper:after { content: " "; display: block; clear: both; }

@media (max-width: 960px) { .page-wrapper { width: 752px; transition: width .5s; } }

/*
2; columns-class two
3; columns-class three
*/
.columns-class.two, .columns-class.three, .columns-class.four, .columns-class.five, .columns-class.six { width: 100%; display: table; margin-bottom: 24px; }

.columns-class.two > div.columns-class, .columns-class.three > div.columns-class, .columns-class.four > div.columns-class, .columns-class.five > div.columns-class, .columns-class.six > div.columns-class { display: table-cell; min-width: 50px; width: auto; padding-right: 1.66667%; padding-left: 1.66667%; }

.columns-class.two > div.columns-class:first-child, .columns-class.three > div.columns-class:first-child, .columns-class.four > div.columns-class:first-child, .columns-class.five > div.columns-class:first-child, .columns-class.six > div.columns-class:first-child { padding-left: 0; }

.columns-class.two > div.columns-class:last-child, .columns-class.three > div.columns-class:last-child, .columns-class.four > div.columns-class:last-child, .columns-class.five > div.columns-class:last-child, .columns-class.six > div.columns-class:last-child { padding-right: 0; }

.columns-class.column-border > div.columns-class { border-left: #b1b1b1 1px dotted; }

.columns-class.column-border > div.columns-class:first-child { border-left: none; }

.columns-class.column-equalWidth { table-layout: fixed; }

.columns-class.column-equalWidth > div.columns-class.two .columns-class { width: 47.5%; }

.columns-class.column-equalWidth > div.columns-class.three .columns-class { width: 31.66667%; }

.columns-class.column-equalWidth > div.columns-class.four .columns-class { width: 23.33333%; }

.columns-class.column-equalWidth > div.columns-class.five .columns-class { width: 18.33333%; }

.columns-class.column-equalWidth > div.columns-class.six .columns-class { width: 15%; }

a.button, button.button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; line-height: 40px; text-transform: uppercase; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 0 15px; margin-bottom: 8px; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; border: none; background: #054C70; min-width: 90px; text-align: center; }

a.button.subtle, button.button.subtle { background: none; color: #054C70; border: 1px solid #054C70; }

a.button.subtle:hover, button.button.subtle:hover { border: 1px solid #0985C3; color: #0985C3; }

a.button:hover, button.button:hover { text-decoration: none; background: #0985C3; cursor: pointer; }

a.button.slim, button.button.slim { line-height: 30px; height: 30px; }

a.button.superslim, button.button.superslim { line-height: 24px; height: 24px; font-size: 12px; padding: 0 8px; }

a.button.disabled, button.button.disabled { cursor: default; }

a.button.primary, button.button.primary { background: #054C70; }

a.button.primary:hover, a.button.primary:focus, button.button.primary:hover, button.button.primary:focus { background: #0985C3; }

a.button.primary.subtle, button.button.primary.subtle { background: none; color: #054C70; border: 1px solid #054C70; }

a.button.primary.subtle:hover, button.button.primary.subtle:hover { border: 1px solid #0985C3; color: #0985C3; }

a.button.primary.nohover:hover, a.button.primary.nohover:focus, a.button.primary.open:hover, a.button.primary.open:focus, button.button.primary.nohover:hover, button.button.primary.nohover:focus, button.button.primary.open:hover, button.button.primary.open:focus { background: #054C70; cursor: default; }

a.button.secondary, button.button.secondary { background: #3b3b3b; }

a.button.secondary:hover, a.button.secondary:focus, button.button.secondary:hover, button.button.secondary:focus { background: #767676; }

a.button.secondary.subtle, button.button.secondary.subtle { background: none; color: #3b3b3b; border: 1px solid #3b3b3b; }

a.button.secondary.subtle:hover, button.button.secondary.subtle:hover { border: 1px solid #767676; color: #767676; }

a.button.secondary.nohover:hover, a.button.secondary.nohover:focus, a.button.secondary.open:hover, a.button.secondary.open:focus, button.button.secondary.nohover:hover, button.button.secondary.nohover:focus, button.button.secondary.open:hover, button.button.secondary.open:focus { background: #3b3b3b; cursor: default; }

a.button.callout, button.button.callout { background: #E47F00; }

a.button.callout:hover, a.button.callout:focus, button.button.callout:hover, button.button.callout:focus { background: #FFAC47; }

a.button.callout.subtle, button.button.callout.subtle { background: none; color: #E47F00; border: 1px solid #E47F00; }

a.button.callout.subtle:hover, button.button.callout.subtle:hover { border: 1px solid #FFAC47; color: #FFAC47; }

a.button.callout.nohover:hover, a.button.callout.nohover:focus, a.button.callout.open:hover, a.button.callout.open:focus, button.button.callout.nohover:hover, button.button.callout.nohover:focus, button.button.callout.open:hover, button.button.callout.open:focus { background: #E47F00; cursor: default; }

a.button.tertiary, button.button.tertiary { background: #05c3de; }

a.button.tertiary:hover, a.button.tertiary:focus, button.button.tertiary:hover, button.button.tertiary:focus { background: #5FE9FC; }

a.button.tertiary.subtle, button.button.tertiary.subtle { background: none; color: #05c3de; border: 1px solid #05c3de; }

a.button.tertiary.subtle:hover, button.button.tertiary.subtle:hover { border: 1px solid #5FE9FC; color: #5FE9FC; }

a.button.tertiary.nohover:hover, a.button.tertiary.nohover:focus, a.button.tertiary.open:hover, a.button.tertiary.open:focus, button.button.tertiary.nohover:hover, button.button.tertiary.nohover:focus, button.button.tertiary.open:hover, button.button.tertiary.open:focus { background: #05c3de; cursor: default; }

a.button.disabled, button.button.disabled { background: #d8d8d8; }

a.button.disabled:hover, a.button.disabled:focus, button.button.disabled:hover, button.button.disabled:focus { background: #d8d8d8; }

a.button.disabled.subtle, button.button.disabled.subtle { background: none; color: #d8d8d8; border: 1px solid #d8d8d8; }

a.button.disabled.subtle:hover, button.button.disabled.subtle:hover { border: 1px solid #d8d8d8; color: #d8d8d8; }

a.button.disabled.nohover:hover, a.button.disabled.nohover:focus, a.button.disabled.open:hover, a.button.disabled.open:focus, button.button.disabled.nohover:hover, button.button.disabled.nohover:focus, button.button.disabled.open:hover, button.button.disabled.open:focus { background: #d8d8d8; cursor: default; }

a.button.cancel, button.button.cancel { background: #b1b1b1; }

a.button.cancel:hover, a.button.cancel:focus, button.button.cancel:hover, button.button.cancel:focus { background: #454545; }

a.button.cancel.subtle, button.button.cancel.subtle { background: none; color: #b1b1b1; border: 1px solid #b1b1b1; }

a.button.cancel.subtle:hover, button.button.cancel.subtle:hover { border: 1px solid #454545; color: #454545; }

a.button.cancel.nohover:hover, a.button.cancel.nohover:focus, a.button.cancel.open:hover, a.button.cancel.open:focus, button.button.cancel.nohover:hover, button.button.cancel.nohover:focus, button.button.cancel.open:hover, button.button.cancel.open:focus { background: #b1b1b1; cursor: default; }

ul.button-group { padding: 0; margin: 0; list-style: none; }

ul.button-group > li { padding: 0; margin: 0; display: inline-block; padding-right: 2px; }

.button-control { padding: 12px 0; }

a.button.icon, button.button.icon { white-space: nowrap; }

a.button.icon i.download, a.button.icon i.share, button.button.icon i.download, button.button.icon i.share { background-repeat: no-repeat; background-position: center center; width: 16px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 8px; }

a.button.icon i.download, button.button.icon i.download { background-image: url(base/images/download-icon.png); }

a.button.icon i.share, button.button.icon i.share { background-image: url(base/images/share-icon.png); }

header .universal-header { width: 100%; float: left; background-color: #3b3b3b; height: 30px; display: block; }

header .universal-header a { color: #EBEBEB; font-size: 16px; }

header .top-header { width: 100%; float: left; background-color: #4f4f4f; display: block; height: 45px; }

header .top-header .logo-wordmark { display: inline; display: inline; float: left; margin: 11px 0; }

@media (max-width: 960px) { header .top-header .logo-wordmark { margin-left: 10px; } }

header .top-header .logo-symbol { display: inline; display: inline; float: right; }

header .top-header .site-language-select { margin: 12px 0 12px 30px; display: none; }

.header-global-select { display: inline; display: inline; float: left; padding-right: 55px; }

@media (max-width: 960px) { .header-global-select { margin-left: 10px; } }

.header-global-select .active-country .country { margin-left: 6px; }

.header-global-select .active-country, .header-global-select .active-site { display: block; height: 30px; line-height: 30px; color: #b1b1b1; text-decoration: none; }

.header-global-select .active-country:hover, .header-global-select .active-site:hover { color: #05c3de; text-decoration: none; }

.header-global-select i { vertical-align: middle; margin-top: -2px; }

.header-global-select .menu-select-country, .header-global-select .menu-select-site { background-color: #EBEBEB; display: none; position: absolute; z-index: 10100; font-size: 16px; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3); }

.header-global-select .menu-select-country a, .header-global-select .menu-select-site a { color: #3b3b3b; text-decoration: none; }

.header-global-select .menu-select-country a.active, .header-global-select .menu-select-site a.active { background-color: #05c3de; color: #ffffff; text-decoration: none; }

.header-global-select .menu-select-country a.active:hover, .header-global-select .menu-select-site a.active:hover { color: #ffffff !important; }

.header-global-select .menu-select-country a:hover, .header-global-select .menu-select-site a:hover { color: #05c3de; text-decoration: none; }

.header-global-select .menu-select-country ul li, .header-global-select .menu-select-site ul li { list-style-type: none; position: relative; line-height: 22px; }

.header-global-select .menu-select-country ul li.disabled:before, .header-global-select .menu-select-site ul li.disabled:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); }

.header-global-select .menu-select-country ul li a, .header-global-select .menu-select-site ul li a { padding: 5px 10px; display: block; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; }

.header-global-select .menu-select-country { width: 664px; border: 0 !important; background-color: #EBEBEB; padding-top: 10px; }

.header-global-select .menu-select-country .countries { padding: 0; }

.header-global-select .menu-select-country .countries > div { color: #3b3b3b; background-color: inherit; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; padding-left: 10px; font-weight: 700; }

.header-global-select .menu-select-country .countries > ul { padding-left: 10px; float: left; width: 166px; margin-bottom: 0 !important; margin-top: 10px; }

.header-global-select .menu-select-country .countries > ul li { padding: 0; }

.header-global-select .menu-select-country .countries.countries-americas { width: 166px; float: left; }

.header-global-select .menu-select-country .countries-disclosure { margin: 10px; font-size: 14px; font-weight: bold; }

.header-global-select .menu-select-site > ul { padding-left: 0 !important; margin-bottom: 0; margin-top: 0; border: solid 1px #b1b1b1; }

.header-global-select .menu-select-site > ul > li { padding: 0; }

.header-global-select .menu-select-site > ul > li.separator { background-color: #b1b1b1; color: #ffffff; padding-left: 10px !important; }

.top-header-navigation { display: inline; display: inline; float: right; }

.top-header-navigation ul { margin: 0; padding: 0; border: 0; }

.top-header-navigation ul:before, .top-header-navigation ul:after { content: " "; /* 1 */ display: table; /* 2 */ }

.top-header-navigation ul:after { clear: both; }

.top-header-navigation ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 15px; padding-right: 15px; position: relative; }

.top-header-navigation ul li:first-child, .top-header-navigation ul li.first { padding-left: 0; }

.top-header-navigation ul li:last-child { padding-right: 0; }

.top-header-navigation ul li.last { padding-right: 0; }

.top-header-navigation ul li.first { padding-left: 0; }

.top-header-navigation ul li a { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; color: #EBEBEB; display: block; padding: 15px 0; text-decoration: none; }

.top-header-navigation ul li a:hover { color: #05c3de; text-decoration: none; }

@media (max-width: 960px) { .top-header-navigation ul { padding-left: 10px; padding-right: 10px; } }

.top-header-navigation .search-field input[type='text'] { background-color: #3b3b3b; border: 0 !important; margin: 12px 0; padding: 3px 30px 3px 3px; color: #EBEBEB; width: 175px; }

.top-header-navigation .search-field input[type='text']:focus { background-color: #ffffff; color: #000000; }

.top-header-navigation .search-field input[type='text']::-webkit-input-placeholder { color: #EBEBEB; font-style: italic; }

.top-header-navigation .search-field input[type='text']::-moz-placeholder { color: #EBEBEB; font-style: italic; }

.top-header-navigation .search-field input[type='text']:-ms-input-placeholder { color: #EBEBEB; font-style: italic; }

.top-header-navigation .search-field i { color: #b1b1b1; margin-left: -25px; }

@media (max-width: 960px) { .top-header-navigation ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 8px; padding-right: 8px; }
  .top-header-navigation ul li:first-child, .top-header-navigation ul li.first { padding-left: 0; }
  .top-header-navigation ul li:last-child { padding-right: 0; }
  .top-header-navigation ul li.last { padding-right: 0; } }

footer { z-index: 25; position: relative; }

.site-footer { width: 100%; float: left; background-color: #4f4f4f; display: block; color: #EBEBEB; font-size: 14px; padding: 0 0 30px; }

.site-footer .footer-tagline { width: 100%; float: left; margin: 40px 0 30px; padding: 0 0 45px; height: 11px; float: left; border-bottom: 1px solid #727272; }

@media (max-width: 960px) { .site-footer .footer-tagline { padding-left: 10px; } }

.site-footer p, .site-footer h5 { font-size: 14px; line-height: 30px; }

.site-footer h5 { color: #b1b1b1; margin: 0; padding: 0; border: 0; }

.site-footer ul { list-style: none outside none; padding-left: 0; margin-top: 0; margin-bottom: 0; }

.site-footer ul li { font-size: 14px; line-height: 18px; padding-bottom: 12px; }

.site-footer ul li:last-child { padding-bottom: 0; }

.site-footer ul li a { color: #ffffff; text-decoration: none; padding-right: 15px; }

.site-footer ul li a:hover { color: #05c3de; text-decoration: underline; }

.site-footer .footer-mission { float: left; display: inline; width: 25%; float: left; padding-right: 1.66667%; }

@media (max-width: 960px) { .site-footer .footer-mission { padding-left: 10px; } }

.site-footer .footer-mission p { margin-top: 0; margin-bottom: 0; }

.site-footer .footer-social { display: inline; float: left; display: inline; padding-left: 1.66667%; width: 16.66667%; float: left; }

.site-footer .footer-social li a i { width: 25px; }

.disclaimer-footer { background-color: #3b3b3b; width: 100%; float: left; display: block; font-size: 14px; padding: 15px 0 30px; }

.disclaimer-footer p { color: #ffffff; font-size: 14px; margin: 0; padding: 0; border: 0; padding: 15px 0 0 0; line-height: 17px; }

@media (max-width: 960px) { .disclaimer-footer p { margin: 0 10px; } }

.disclaimer-footer p a { color: #ffffff; text-decoration: underline; }

.disclaimer-footer p a:hover { color: #05c3de; }

.disclaimer-footer p.last { padding-bottom: 15px; }

.primary-nav { width: 100%; float: left; display: block; font-size: 14px; z-index: 2; position: relative; background-color: #ffffff; }

.primary-nav ul.top-level { margin: 0; padding: 0; border: 0; margin: 0 0 18px; display: table; }

.primary-nav ul.top-level:before, .primary-nav ul.top-level:after { content: " "; /* 1 */ display: table; /* 2 */ }

.primary-nav ul.top-level:after { clear: both; }

.primary-nav ul.top-level > li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 1px; padding-right: 1px; position: relative; display: table-cell; }

.primary-nav ul.top-level > li:first-child, .primary-nav ul.top-level > li.first { padding-left: 0; }

.primary-nav ul.top-level > li:last-child { padding-right: 0; }

.primary-nav ul.top-level > li.last { padding-right: 0; }

.primary-nav ul.top-level > li > a { font-size: 14px; line-height: 16px; text-transform: uppercase; display: block; padding: 11px 15px; margin-bottom: 5px; position: relative; color: #054C70; text-decoration: none; }

.primary-nav ul.top-level > li > a.active { background-color: #EBEBEB; position: relative; }

.primary-nav ul.top-level > li > a.active:after { content: ''; display: block; position: absolute; width: 0; height: 0; bottom: -4px; left: 50%; margin-left: -4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #EBEBEB; }

.primary-nav ul.top-level > li:hover > a { text-decoration: none; color: #054C70; }

.primary-nav ul.top-level > li:hover > a:not(.active) { position: relative; position: relative; }

.primary-nav ul.top-level > li:hover > a:not(.active):after { content: ''; display: block; position: absolute; width: 0; height: 0; bottom: -4px; left: 50%; margin-left: -4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #05c3de; }

.primary-nav ul.top-level > li:last-child a { border-right: none; }

.primary-nav ul.top-level > li > ul { display: none; z-index: 5100; width: inherit; margin: 0; padding: 0; border: 0; position: absolute; padding-top: 2px; -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.3); }

.primary-nav ul.top-level > li > ul a { display: block; line-height: 35px; color: #ffffff; padding: 0 15px; margin: 0 !important; width: auto !important; text-transform: none; }

.primary-nav ul.top-level > li > ul a:hover { color: #05c3de; background-color: #4f4f4f; text-decoration: none; }

.primary-nav ul.top-level > li > ul a.active { background-color: #05c3de; color: #ffffff; }

.primary-nav ul.top-level > li > ul li { list-style: none; background-color: #4f4f4f; }

.hover-state, .primary-nav ul.top-level > li:hover > a:not(.active), .primary-nav ul.top-level > li > ul a.active:hover { background-color: #05c3de; color: #ffffff; }

.breadcrumb-container { background-color: #EBEBEB; padding: 8px 0; clear: both; }

.breadcrumb-container .breadcrumbs span.current-page { font-weight: bold; color: #4f4f4f; }

.breadcrumb-container .breadcrumbs > a { color: #054C70; text-transform: capitalize; }

.breadcrumb-container:empty { display: none; }

nav.header-tab { margin-top: 16px; background: #EBEBEB; }

nav.header-tab ul { display: table; width: 100%; margin: 0; padding: 0; }

nav.header-tab ul li { display: table-cell; text-align: center; background: transparent; border-left: 1px solid #fff; border-bottom: 2px solid #EBEBEB; }

nav.header-tab ul li:first-child { border-left: 0; }

nav.header-tab ul li:active a { border-top: 2px solid #05c3de; }

nav.header-tab ul li:focus a { outline: thin dotted transparent; border-top: 2px solid #05c3de; }

nav.header-tab ul li:hover { border-left: 1px solid transparent; }

nav.header-tab ul li:hover a { border-top: 2px solid transparent; text-decoration: none; }

nav.header-tab ul li:hover:active { background: #fff; border-bottom: 2px solid #fff; }

nav.header-tab ul li:hover:active a { border-top: 2px solid #05c3de; }

nav.header-tab ul li:hover a, nav.header-tab ul li.selected a { border-bottom: 0; color: #38939B; border-top: 2px solid #3b3b3b; }

nav.header-tab ul li.selected { background: #ffffff; padding-top: 0; border-bottom: 2px solid #ffffff; border-left: 1px solid transparent; }

nav.header-tab ul li.selected a { color: #3b3b3b; border-top: 2px solid #05c3de; font-weight: 500; text-decoration: none; }

nav.header-tab ul li.selected a:hover { cursor: default; }

nav.header-tab ul li a { display: block; padding: 10px 10px; color: #38939B; text-align: center; border-top: 2px solid transparent; font-family: "Roboto Flex", "Roboto Flex Regular" !important; font-size: 20px; line-height: 18px; text-transform: uppercase; font-variation-settings: "opsz" 144, "wdth" 100, "XTRA" 323; }

@media (max-width: 960px) { nav.header-tab ul li a { padding: 10px 4px; font-size: 15px; } }

nav.header-tab ul li a:focus { text-decoration: none; color: #3b3b3b; outline: thin dotted transparent; }

.filter-tabs, .filter-tabs-custom { margin: 10px 0; }

.filter-tabs ul.filter-tab, .filter-tabs ul.custom-filter-tab, .filter-tabs-custom ul.filter-tab, .filter-tabs-custom ul.custom-filter-tab { width: 100%; padding: 0; margin: 0.20833%; margin-bottom: 8px; display: table; }

.filter-tabs ul.filter-tab li, .filter-tabs ul.custom-filter-tab li, .filter-tabs-custom ul.filter-tab li, .filter-tabs-custom ul.custom-filter-tab li { display: table-cell; vertical-align: top; margin: 0; padding: 10px 8px; background: #ffffff; color: #054C70; text-align: center; cursor: pointer; font-family: "Roboto Flex", "Roboto Flex Regular"; font-size: 16px; line-height: 18px; text-transform: uppercase; border-right: 4px solid #EBEBEB; }

.filter-tabs ul.filter-tab li.active, .filter-tabs ul.filter-tab li.active:hover, .filter-tabs ul.custom-filter-tab li.active, .filter-tabs ul.custom-filter-tab li.active:hover, .filter-tabs-custom ul.filter-tab li.active, .filter-tabs-custom ul.filter-tab li.active:hover, .filter-tabs-custom ul.custom-filter-tab li.active, .filter-tabs-custom ul.custom-filter-tab li.active:hover { background: #b1b1b1; color: #111111; }

.filter-tabs ul.filter-tab li:hover, .filter-tabs ul.custom-filter-tab li:hover, .filter-tabs-custom ul.filter-tab li:hover, .filter-tabs-custom ul.custom-filter-tab li:hover { background: #05c3de; color: #ffffff; }

.filter-tabs ul.filter-tab.primary li, .filter-tabs ul.custom-filter-tab.primary li, .filter-tabs-custom ul.filter-tab.primary li, .filter-tabs-custom ul.custom-filter-tab.primary li { margin-left: 0.41667%; }

.filter-tabs ul.filter-tab.secondary li, .filter-tabs ul.custom-filter-tab.secondary li, .filter-tabs-custom ul.filter-tab.secondary li, .filter-tabs-custom ul.custom-filter-tab.secondary li { display: none; }

.filter-tabs ul.filter-tab.secondary li.show, .filter-tabs ul.custom-filter-tab.secondary li.show, .filter-tabs-custom ul.filter-tab.secondary li.show, .filter-tabs-custom ul.custom-filter-tab.secondary li.show { display: table-cell; }

.filter-tabs ul.filter-tab.secondary li li, .filter-tabs ul.custom-filter-tab.secondary li li, .filter-tabs-custom ul.filter-tab.secondary li li, .filter-tabs-custom ul.custom-filter-tab.secondary li li { margin-left: 0.41667%; }

article .filter-tabs ul.filter-tab li, article .filter-tabs ul.custom-filter-tab li, .filter-tabs-custom ul.filter-tab li, .filter-tabs-custom ul.custom-filter-tab li { background: #EBEBEB; border-right: 4px solid #ffffff; }

.alert-container { padding: 15px; font-size: 14px; line-height: normal; color: #111111; margin: 10px auto; display: none; }

.alert-container a { color: #054C70; }

.alert-container h2 { line-height: normal; font-family: "Roboto Flex", "Roboto Flex Regular"; font-size: 18px; font-weight: 700; }

.alert-container.page-alert { position: fixed; top: 0; z-index: 9999; }

.alert-container.success { border-top: 4px solid #00843D; background: #DFEAE3; width: 100%; }

.alert-container.success .page-wrapper { width: 100%; display: table; }

.alert-container.success.page-alert { margin-top: 0; min-height: 64px; width: 100%; display: none; }

.alert-container.success.page-alert .icon, .alert-container.success.page-alert .body, .alert-container.success.page-alert .dismiss { display: table-cell; }

.alert-container.success.page-alert .icon { width: 35px; }

.alert-container.success.page-alert .body { padding-left: 15px; }

.alert-container.success.page-alert .body h2 { color: #00843D; }

.alert-container.success.page-alert .dismiss { width: 95px; color: #00843D; }

.alert-container.success.page-alert .dismiss span { margin-left: 10px; padding: 0; display: inline-block; vertical-align: middle; width: 35px; height: 35px; background: url(base/images/ui-notification-thin-icons.png) no-repeat; }

.alert-container.success.page-alert .dismiss.mobile-dismiss { display: none; margin: 15px auto 0; }

@media screen and (max-width: 960px) { .alert-container.success.page-alert .dismiss { display: none; }
  .alert-container.success.page-alert .dismiss.mobile-dismiss { display: block; }
  .alert-container.success.page-alert .dismiss.mobile-dismiss:hover { cursor: pointer; } }

.alert-container.success.content-alert { padding: 10px; }

.alert-container.success .page-wrapper .icon { background: url(base/images/ui-notification-thin-icons.png) no-repeat; }

.alert-container.success .page-wrapper .icon { background-position: -35px center; }

.alert-container.success .page-wrapper .dismiss span { background-position: -105px center; }

.alert-container.error { border-top: 4px solid #DA291C; background: #F8E7DC; width: 100%; }

.alert-container.error .page-wrapper { width: 100%; display: table; }

.alert-container.error.page-alert { margin-top: 0; min-height: 64px; width: 100%; display: none; }

.alert-container.error.page-alert .icon, .alert-container.error.page-alert .body, .alert-container.error.page-alert .dismiss { display: table-cell; }

.alert-container.error.page-alert .icon { width: 35px; }

.alert-container.error.page-alert .body { padding-left: 15px; }

.alert-container.error.page-alert .body h2 { color: #DA291C; }

.alert-container.error.page-alert .dismiss { width: 95px; color: #DA291C; }

.alert-container.error.page-alert .dismiss span { margin-left: 10px; padding: 0; display: inline-block; vertical-align: middle; width: 35px; height: 35px; background: url(base/images/ui-notification-thin-icons.png) no-repeat; }

.alert-container.error.page-alert .dismiss.mobile-dismiss { display: none; margin: 15px auto 0; }

@media screen and (max-width: 960px) { .alert-container.error.page-alert .dismiss { display: none; }
  .alert-container.error.page-alert .dismiss.mobile-dismiss { display: block; }
  .alert-container.error.page-alert .dismiss.mobile-dismiss:hover { cursor: pointer; } }

.alert-container.error.content-alert { padding: 10px; }

.alert-container.error .page-wrapper .icon { background: url(base/images/ui-notification-thin-icons.png) no-repeat; }

.alert-container.error .page-wrapper .icon { background-position: left center; }

.alert-container.error .page-wrapper .dismiss span { background-position: -70px center; }

.alert-container.info { border-top: 4px solid #00718D; background: #DBE7ED; }

.alert-container.info .page-wrapper { width: 100%; display: table; }

.alert-container.info.page-alert { margin-top: 0; min-height: 64px; width: 100%; display: none; }

.alert-container.info.page-alert .icon, .alert-container.info.page-alert .body, .alert-container.info.page-alert .dismiss { display: table-cell; }

.alert-container.info.page-alert .icon { display: none; width: 35px; }

.alert-container.info.page-alert .body { padding-left: 15px; }

.alert-container.info.page-alert .body h2 { color: #00718D; }

.alert-container.info.page-alert .dismiss { width: 95px; color: #00718D; }

.alert-container.info.page-alert .dismiss span { margin-left: 10px; padding: 0; display: inline-block; vertical-align: middle; width: 35px; height: 35px; background: url(base/images/ui-notification-thin-icons.png) no-repeat; }

.alert-container.info.page-alert .dismiss.mobile-dismiss { display: none; margin: 15px auto 0; }

@media screen and (max-width: 960px) { .alert-container.info.page-alert .dismiss { display: none; }
  .alert-container.info.page-alert .dismiss.mobile-dismiss { display: block; }
  .alert-container.info.page-alert .dismiss.mobile-dismiss:hover { cursor: pointer; } }

.alert-container.info.content-alert { padding: 10px; }

.alert-container.info .icon, .alert-container.info .dismiss { display: none; }

.alert-container.info .page-wrapper .dismiss span { background-position: -175px center; }

.alert-container.warning { border-top: 4px solid #DAAA00; background: #F8EFCE; }

.alert-container.warning .page-wrapper { width: 100%; display: table; }

.alert-container.warning.page-alert { margin-top: 0; min-height: 64px; width: 100%; display: none; }

.alert-container.warning.page-alert .icon, .alert-container.warning.page-alert .body, .alert-container.warning.page-alert .dismiss { display: table-cell; }

.alert-container.warning.page-alert .icon { display: none; width: 35px; }

.alert-container.warning.page-alert .body { padding-left: 15px; }

.alert-container.warning.page-alert .body h2 { color: #DAAA00; }

.alert-container.warning.page-alert .dismiss { width: 95px; color: #DAAA00; }

.alert-container.warning.page-alert .dismiss span { margin-left: 10px; padding: 0; display: inline-block; vertical-align: middle; width: 35px; height: 35px; background: url(base/images/ui-notification-thin-icons.png) no-repeat; }

.alert-container.warning.page-alert .dismiss.mobile-dismiss { display: none; margin: 15px auto 0; }

@media screen and (max-width: 960px) { .alert-container.warning.page-alert .dismiss { display: none; }
  .alert-container.warning.page-alert .dismiss.mobile-dismiss { display: block; }
  .alert-container.warning.page-alert .dismiss.mobile-dismiss:hover { cursor: pointer; } }

.alert-container.warning.content-alert { padding: 10px; }

.alert-container.warning .icon, .alert-container.warning .dismiss { display: none; }

.alert-container.warning .page-wrapper .dismiss span { background-position: -140px center; }

.outer-overlay-container { display: inline-block; }

.overlay-container { position: absolute; display: none; background: #454545; background: rgba(69, 69, 69, 0.95); box-shadow: 4px 4px 8px #727272; padding: 24px; min-width: 300px; color: #ffffff; opacity: 0.95; font-size: 14px; line-height: 19.33333px; line-height: 32px; z-index: 10000; }

.overlay-container.light { background: #ffffff; background: rgba(255, 255, 255, 0.95); border: 1px solid #EBEBEB; }

.overlay-container.light i.cancel { color: #3b3b3b; }

.overlay-container.align-left { margin-left: -100%; }

.overlay-container.align-center { margin-left: -50%; }

.overlay-container i.cancel { position: absolute; right: 12px; top: 12px; height: 24px; width: 24px; font-size: 24px; line-height: 33.14286px; display: inline-block; color: #fff; }

.overlay-container label, .overlay-container span.sub-heading { display: block; }

.overlay-container h4 { font-family: "Roboto Flex", "Roboto Flex Regular"; font-size: 26px; line-height: 35.90476px; margin-right: 20px; color: #ffffff; }

.overlay-container .range-selector, .overlay-container .signin-register-selector { border-bottom: 1px solid #b1b1b1; padding: 10px 0; }

.overlay-container .range-selector a, .overlay-container .range-selector a:hover, .overlay-container .signin-register-selector a, .overlay-container .signin-register-selector a:hover { color: #05c3de; cursor: pointer; }

.overlay-container .range-selector a.active, .overlay-container .range-selector a:hover.active, .overlay-container .signin-register-selector a.active, .overlay-container .signin-register-selector a:hover.active { color: #ffffff; font-size: 16px; line-height: 22.09524px; cursor: default; text-decoration: none; }

.overlay-container .range-selector a:first-child, .overlay-container .range-selector a:hover:first-child, .overlay-container .signin-register-selector a:first-child, .overlay-container .signin-register-selector a:hover:first-child { margin-right: 6px; padding-right: 10px; border-right: 1px dotted #b1b1b1; }

.overlay-container .date-range-panel select { width: 49%; }

.overlay-container .button-control a { float: right; }

.overlay-container a.button:hover, .overlay-container button.button:hover { color: #ffffff !important; }

.overlay-container .ui-notification-error { background-color: #DA291C; }

.overlay-container .ui-notification-error .ui-notification-copy-mainErr { line-height: 20px; padding: 0 5px 0 5px; }

.overlay-container .ui-notification-error .ui-notification-copy-mainErr a { padding: 0px; text-decoration: underline; cursor: pointer; }

.overlay-container .ui-notification-error .ui-notification-copy-mainErr a:hover { color: #ffffff; }

.overlay-switch { margin-bottom: 10px !important; }

.overlay-switch.open:after { content: ''; display: block; position: relative; width: 0; height: 0; bottom: 0; left: 50%; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #454545; }

.top-header-navigation ul li .overlay-switch { margin-bottom: 0 !important; }

.top-header-navigation ul li .overlay-switch:hover { cursor: pointer; }

.top-header-navigation ul li .overlay-switch.open:after { margin-top: 14px; z-index: 4; border-top: 10px solid #4f4f4f; }

.top-header-navigation ul li .overlay-container { white-space: normal !important; margin-top: -15px; }

.top-header-navigation ul li .overlay-container a { display: inline-block; }

.top-header-navigation ul li .overlay-container .button-control { overflow: hidden; }

.top-header-navigation ul li .overlay-container .button-control a { margin-left: 10px; }

.top-header-navigation ul li .overlay-container button.button:hover, .top-header-navigation ul li .overlay-container a.button:hover { color: #ffffff; }

.top-header-navigation ul li .overlay-container ul { margin: 0; padding: 0; }

.top-header-navigation ul li .overlay-container ul li { display: block; width: 100%; margin: 0; padding: 0; }

.top-header-navigation ul li .overlay-container ul li label, .top-header-navigation ul li .overlay-container ul li input { display: block; width: 100%; }

.overlay-container.other-literature ul { list-style: none; padding: 0; margin: 0; }

.overlay-container.other-literature ul li { line-height: 36px; }

.overlay-container.other-literature ul li i { font-size: 21px; line-height: 29px; }

.overlay-container.other-literature ul li a { color: #ffffff; }

.overlay-container.signinoverlay { width: 250px; }

.overlay-container.signinoverlay h4 { font-size: 20px; line-height: 27.61905px; }

.overlay-container.fact-sheet { width: 250px; }

.overlay-container.settingsoverlay { width: 250px; }

.other-documents-container, .overlay-container.fund-range-documents { width: 270px; }

.other-documents-container ul, .overlay-container.fund-range-documents ul { margin: 8px 0 0; padding: 0; }

.other-documents-container ul li, .overlay-container.fund-range-documents ul li { list-style: none; line-height: 16px; padding: 2px 2px 5px 24px; margin: 0; background-image: url(base/images/folderd_doc.png); background-repeat: no-repeat; }

.other-documents-container ul li a, .overlay-container.fund-range-documents ul li a { font-size: 14px; color: #ffffff; padding-right: 8px; }

.other-documents-container ul li a:hover, .overlay-container.fund-range-documents ul li a:hover { color: #ffffff; }

a.mmrTooltip { cursor: pointer; }

i.cancel { cursor: pointer; }

.overlay-container.fund-range-documents { min-width: 270px; width: 270px; left: -154px; }

.overlay-container.institutional-content, .overlay-container.restricted-institutional-content { top: 350px; left: 38%; width: 375px; }

.overlay-container.institutional-content a.links, .overlay-container.restricted-institutional-content a.links { color: #05c3de; }

.overlay-container.institutional-content p, .overlay-container.restricted-institutional-content p { margin: 0 0 8px; line-height: 20px; }

.overlay-container.tooltipOverlay { position: fixed; left: 50%; top: 50%; width: 600px; }

.overlay-container.tooltipOverlay h1 { margin-bottom: 20px; }

.overlay-container.tooltipOverlay a.links { color: #05c3de; }

.overlay-container.tooltipOverlay p { margin: 0 0 8px; line-height: 20px; }

.overlay-container.registersuccessoverlay, .overlay-container.pre-registrationconfirmationoverlay, .overlay-container.updateemailconfirmationoverlay { top: 85px; left: 45%; width: 250px; }

.overlay-container.registersuccessoverlay .links a, .overlay-container.pre-registrationconfirmationoverlay .links a, .overlay-container.updateemailconfirmationoverlay .links a { color: #05c3de; }

.overlay-container.registersuccessoverlay p, .overlay-container.pre-registrationconfirmationoverlay p, .overlay-container.updateemailconfirmationoverlay p { margin: 0 0 8px; line-height: 20px; }

.overlayContainer.fund-watch-overlay-container .button-control { text-align: right; }

.overlayContainer.fund-watch-overlay-container .button-control a { float: none; }

.ui-red-border { border: 1px solid #DA291C !important; color: #DA291C; }

.errMessage { color: #fff; background-color: #DA291C; font-size: 11px; left: 460px; letter-spacing: 1px; padding: 5px; top: 2px; width: 100%; font-family: Arial, Helvetica, sans-serif; white-space: normal; line-height: 11px; }

.details-overlay { display: inline-block; position: absolute; line-height: 16px; padding: 16px; background-color: rgba(20, 20, 20, 0.7); color: #fff; font-size: 12px; width: auto; height: auto; min-height: 40px; z-index: 10; }

.dynamic-overlay-caption:after { width: 100%; height: 100%; }

.popTop { font-family: Arial, Helvetica, sans-serif; position: absolute; display: block; top: -15px; left: 5px; width: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid rgba(20, 20, 20, 0.7); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); margin: 0 auto; font-size: 14px; }

.collectiononoffoverlay { background-color: #454545; color: #ffffff; cursor: auto; font-size: 14px; height: auto; margin-left: -276px; margin-top: 10px; opacity: 0.95; padding: 16px 20px 20px; position: absolute; width: 295px; z-index: 9999; }

.collectioncongratsoverlay { background-color: #454545; color: #ffffff; cursor: auto; font-size: 14px; height: auto; margin-left: -276px; margin-top: 10px; opacity: 0.95; padding: 16px 20px 20px; position: absolute; width: 295px; z-index: 9999; }

div.collectiononoffoverlayContainer { height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 15; display: none; }

.collectiononoffoverlay.overlay-container, .fundonoffoverlay.overlay-container, .collectioncongratsoverlay.overlay-container, .fundcongratsoverlay.overlay-container { min-width: 350px; }

.collectiononoffoverlay h4, .fundonoffoverlay h4, .collectioncongratsoverlay h4, .fundcongratsoverlay h4 { font-size: 18px; line-height: 20px; margin: 16px 24px 8px 0; }

.collectiononoffoverlay p, .fundonoffoverlay p, .collectioncongratsoverlay p, .fundcongratsoverlay p { margin: 0 0 8px; line-height: 20px; }

.watchlistoverlay { width: 975px; margin-left: -415px !important; }

.watchlistoverlay { background-color: #454545; cursor: auto; font-size: 14px; color: #FFFFFF; height: auto; margin-left: -363px; margin-top: 55px; opacity: 0.95; padding: 16px 20px 20px 20px; position: absolute; z-index: 9999; opacity: 0.95; filter: Alpha(opacity=50); /* IE8 and earlier */ width: 975px; }

.watchlistoverlay p.subtitle { margin: 0; }

.watchlistoverlay p.subtitle a { padding: 0; text-decoration: underline; line-height: 20px; }

.emptywatchlistoverlay { background-color: #454545; cursor: auto; font-size: 14px; color: #FFFFFF; height: auto; margin-left: -50px; margin-top: 55px; opacity: 0.95; padding: 16px 20px 20px 20px; position: absolute; z-index: 9999; opacity: 0.95; font-size: 14px; width: 380px; filter: Alpha(opacity=50); /* IE8 and earlier */ }

@media (max-width: 960px) { .watchlistoverlay { width: 700px; margin-left: -245px !important; }
  .watchlistoverlay #popUp { left: 42%; }
  .emptywatchlistoverlay { margin-left: 70px; }
  .signinoverlay { margin-left: -20px; } }

#watch-list { display: none; }

.watchlist th, .watchlist td { color: #4f4f4f; font-size: 13px; line-height: 16px; border-right: 0 !important; }

.watchlist th:not(:first-of-type), .watchlist td:not(:first-of-type) { text-align: center !important; }

#watchlistcon { padding-bottom: 10px; padding-top: 10px; }

.watchlist { border-collapse: collapse; border-spacing: 0; border-color: #aaa; padding-bottom: 2px; padding-top: 4px; width: 100%; }

.watchheader { font-family: Arial Narrow, sans-serif; font-size: 13px; font-weight: bold; padding: 4px 4px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; border-color: #cdcdcd; color: #454545; background-color: #cdcdcd; align-self: center; -webkit-align-self: center; }

.watchdata { font-family: "Roboto Flex", Arial, Helvetica, sans-serif; font-size: 14px; padding: 6px 8px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; border-color: #ffffff; color: #454545; background-color: #ffffff; align-self: center; -webkit-align-self: center; }

.watchdata a { color: #054C70 !important; }

.watchdata input[type="checkbox"] { margin: 0px auto; width: 26px; height: 26px; }

@-moz-document url-prefix() { .watchdata input[type="checkbox"] { width: auto; height: auto; } }

.legal-container-background { background-color: #000; height: 100%; left: 0; margin: 0; opacity: 0.5; padding: 0; position: fixed; top: 0; width: 100%; z-index: 12000; }

.legal-container { left: 0; margin: 0; padding: 0; position: absolute; top: 0; z-index: 12000; }

.legal-container[data-overlay-name='terms-and-conditions'] { top: 100px; left: 50%; margin-left: -307.5px; display: inline; }

.legal-pop-box { background-color: #3b3b3b; color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px; margin: 0px; padding: 1px 16px 24px; position: relative; text-align: left; width: 615px; }

.terms-and-conditions-exit-button { cursor: pointer; position: absolute; right: 16px; top: 12px; }

.terms-and-conditions-control { margin-top: 18px; overflow: hidden; }

.terms-and-conditions-control a { background-color: #05c3de; color: #ffffff; float: right; font-size: 12px; height: 24px; line-height: 24px; margin-left: 8px; text-align: center; text-transform: uppercase; width: 102px; }

table { width: 100%; border: 1px solid #d8d8d8; }

table tr:first-of-type th:first-of-type { text-align: left; }

table th { background-color: #d8d8d8; padding: 6px; border-right: 1px dotted #ffffff; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; }

table th:last-child { border-right: 0; }

table td { border-right: 1px dotted #d8d8d8; padding: 6px; font-family: Arial, Helvetica, sans-serif; text-align: left; }

table td:first-of-type { text-align: left; }

table tr { background-color: #ffffff; }

table tbody tr:nth-of-type(even) { background-color: #EBEBEB; }

table tfoot td { background-color: #05c3de; color: #ffffff; }

.table { display: table; width: 100%; }

.table .table-row-group { display: table-row-group; }

.table .table-row { display: table-row; }

.table .table-row .table-header { display: table-cell; font-weight: bold; width: 10%; }

.table .table-row .table-header.fund-name-col { width: 25%; }

.table .table-row .table-cell { display: table-cell; }

.funds-list-container .table-date-container { padding: 8px 0 16px; width: 66.66667%; float: left; }

.funds-list-container .table-date-container p { margin: 0 0 4px; font-size: 11px; line-height: 14px; }

.funds-list-container .table-controls { width: 33.33333%; float: right; padding: 10px 0; }

.funds-list-container .table-controls .onoffswitch, .funds-list-container .table-controls .select-container { float: left; margin-left: 10px; }

.funds-list-container .table-controls .select-container { position: relative; overflow: hidden; }

.funds-list-container .table-controls > label { display: block; float: left; line-height: 26px; }

.funds-list-container div.table-overflow-container { float: left; width: 100%; overflow-x: hidden; position: relative; margin-bottom: 20px; }

.funds-list-container table { height: auto; padding-top: 0px; margin: 0px; border: none; border-spacing: 0px; border: 1px solid #cdcdcd; color: #111111; }

.funds-list-container .fund-name-table { width: 20.9%; position: absolute; top: 0; left: 0; z-index: 100; border-right: none !important; }

.funds-list-container .fund-name-table tbody td:first-child { font-size: 12px; }

.funds-list-container .fund-data-table { width: 100%; float: left; }

.funds-list-container .fund-data-table tbody td:first-child { font-size: 12px; }

.funds-list-container [data-toggle-type="benchmark"] { display: none; }

.funds-table-container { position: relative; clear: both; }

.funds-table-container .fund-name-table th { vertical-align: bottom; }

.funds-table-container th { font-weight: bold; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: top; background-color: #cdcdcd; border: 0; padding: 6px 4px; /* &:not([data-toggle-type]) { border-left: 1px dotted $trp-white; } */ }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .funds-table-container th { font-size: 13px; } }

.funds-table-container th span { color: transparent !important; background-image: url(base/images/sort-up-disabled.png); }

.funds-table-container th .as-of-date { color: #111111 !important; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-image: none; font-weight: normal; }

.funds-table-container th.footable-sorted span { background-image: url(base/images/sort-up.png); }

.funds-table-container th.footable-sorted-desc span { background-image: url(base/images/sort-down.png); }

.funds-table-container th.border-right { border-right: 1px dotted #ffffff; }

.funds-table-container tr { background-color: #ffffff; }

.funds-table-container tr:nth-child(even) { background-color: #EBEBEB; }

.funds-table-container tr:hover td, .funds-table-container tr.hover td, .funds-table-container tr:hover td span, .funds-table-container tr.hover td span { color: #fff !important; background-color: #05c3DE !important; }

.funds-table-container tr:hover td a, .funds-table-container tr.hover td a, .funds-table-container tr:hover td span a, .funds-table-container tr.hover td span a { color: #ffffff !important; text-decoration: underline; }

.funds-table-container td { border-spacing: 0px; text-align: center; vertical-align: top; padding: 8px 4px; overflow: hidden; position: relative; }

.funds-table-container td .product-value { font-size: 14px; color: #05c3de; }

.funds-table-container td .benchmark-value { font-size: 14px; color: #3b3b3b; position: absolute; left: 0; bottom: 12px; text-align: center; width: 100%; }

.funds-table-container td .positive-value { font-size: 14px; color: #00843D; }

.funds-table-container td .negative-value { font-size: 14px; color: #DA291C; }

.funds-table-container td .not-applicable { color: #3b3b3b; font-size: 11px; }

.funds-table-container td.date { color: #3b3b3b; font-size: 12px; white-space: nowrap; }

.funds-table-container td:not([data-toggle-type]) { border-left: 1px dotted #b1b1b1; }

.funds-table-container td span { display: block; clear: both; font-size: 11px; }

.funds-table-container td span.benchmark-name { font-size: 10px; }

.funds-table-container td span.redemption-fee { font-style: italic; font-size: 10px; }

.funds-table-container .footable > thead > tr > th > span.footable-sort-indicator { float: left; }

table.benchmark-on .benchmark-off-border-right { border-right: 0 !important; }

table.benchmark-off .benchmark-off-border-right { border-right: 1px dotted #ffffff !important; }

.funds-list-container tr:first-of-type th:first-child, .funds-list-container td:first-child { text-align: left; padding-left: 14px; }

.fund-data-table thead tr:not(:first-of-type) th { vertical-align: bottom; }

.currency-diversification table tbody tr:last-of-type td { font-weight: bold; }

.asset-allocation table tbody td:not(:first-child), .asset-allocation table tfoot td:not(:first-child) { text-align: center; }

.asset-allocation table tbody tr:not(.sub-category) td { background-color: #EBEBEB; }

.asset-allocation table tbody .sub-category td { background-color: #ffffff; }

.asset-allocation table tbody .sub-category td:first-of-type { padding-left: 24px; }

table.light-blue-header tr th { background-color: #05c3de; color: #ffffff; }

.horizontal-bar-cell { padding: 0 4px; }

.horizontal-bar-cell .highcharts-container { float: right; }

.holdings-chart, .sectors-chart, .asset-allocation-chart, .countries-chart, .region-chart, .industry-chart, .currency-chart { position: relative; float: left; width: 430px; min-height: 310px; border-right: 1px dotted #b1b1b1; margin-right: 16px; }

@media (max-width: 960px) { .holdings-chart, .sectors-chart, .asset-allocation-chart, .countries-chart, .region-chart, .industry-chart, .currency-chart { width: 350px; } }

.chart-container footer { position: absolute; bottom: 0; left: 0; }

.chart-container footer p { font-size: 12px; float: left; margin: 0 16px 0 0; }

.chart-container footer .top-ten { margin: 16px 0 0 24px; padding-top: 16px; border-top: #b1b1b1 1px dotted; float: left; }

.chart-container footer .top-ten span { display: block; }

.chart-container footer .legend-label { position: relative; font-weight: bold; font-size: 12px; line-height: 12px; color: #4f4f4f; }

.chart-container footer .data-value, .chart-container footer .data-grid .data-item span.data-value, .data-grid .data-item .chart-container footer span.data-value { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 24px; font-weight: lighter; padding-bottom: 4px; color: #05c3de; }

.holdings-chart.fixed-income { width: 33.33333%; float: left; overflow: hidden; min-height: 600px; }

.holdings-chart.fixed-income .chart-container footer { margin-top: 370px; }

.chart.donut { position: absolute; width: 350px; max-width: 350px; height: 270px; margin: 0 auto; z-index: 1; }

.chart-caption { float: left; position: relative; left: 58px; top: 75px; padding-top: 4px; padding-bottom: 4px; width: 100px; z-index: 5; text-align: center; }

.chart-caption h5 { margin: 0; padding: 0; border: 0; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 12px; line-height: 12px; text-align: center; color: #4f4f4f; }

.chart-caption .data-value, .chart-caption .data-grid .data-item span.data-value, .data-grid .data-item .chart-caption span.data-value { font-size: 45px !important; line-height: 56px !important; font-weight: lighter; }

.asset-allocation-chart .chart-caption .data-value, .asset-allocation-chart .chart-caption .data-grid .data-item span.data-value, .data-grid .data-item .asset-allocation-chart .chart-caption span.data-value { font-size: 28px !important; line-height: 46px !important; }

.asset-allocation-chart .data-value-difference, .asset-allocation-chart .data-grid .data-item span.data-value-difference, .data-grid .data-item .asset-allocation-chart span.data-value-difference { border-top: #b1b1b1 1px dotted; margin-top: 8px; padding-top: 8px; width: 175px; font-size: 14px; color: #4f4f4f; }

.chart-legend { position: absolute; left: 246px; top: 16px; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 12px; line-height: 12px; color: #4f4f4f; padding-top: 4px; padding-bottom: 4px; z-index: 5; }

.chart-legend span { display: block; }

.chart-legend .legend-label { position: relative; font-weight: bold; font-size: 12px; line-height: 12px; color: #4f4f4f; }

.chart-legend .legend-label:not(:first-of-type) { margin-top: 16px; }

.chart-legend .legend-label:before { content: ''; float: left; position: absolute; left: -14px; top: 2px; width: 8px; height: 8px; margin-right: 4px; background-color: #05c3de; color: #EBEBEB; }

.chart-legend .largest-holding { font-size: 20px; line-height: 24px; font-weight: normal; }

.chart-legend .top-ten { margin-top: 16px; padding-top: 16px; border-top: #b1b1b1 1px dotted; float: left; }

.chart-legend .top-ten .legend-label:before { background-color: #ffffff; }

.chart-legend .top-ten .latest { font-weight: normal; }

.chart-legend .other .legend-label:before { background-color: #d6d6d6; }

.chart-legend .other .complete-details { font-weight: normal; margin: 8px 0; }

.chart-legend .largest-label-name { font-size: 20px; line-height: 24px; font-weight: lighter; max-width: 175px; overflow-wrap: break-word; }

.chart-legend .data-value, .chart-legend .data-grid .data-item span.data-value, .data-grid .data-item .chart-legend span.data-value { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 24px; font-weight: 100; padding-bottom: 4px; color: #05c3de; }

.chart-legend .sub-label { border-top: 1px dotted #b1b1b1; margin-top: 8px; padding-top: 8px; width: 175px; }

@media (max-width: 960px) { .chart-legend .sub-label { width: 95px; } }

.chart-legend .data-value-difference, .chart-legend .data-grid .data-item span.data-value-difference, .data-grid .data-item .chart-legend span.data-value-difference { font-size: 14px; line-height: 16px; font-weight: lighter; max-width: 150px; margin-bottom: 16px; }

.fixed-income .chart-legend { top: 270px; left: 24px; width: 270px; }

.fixed-income .chart-legend .largest { width: 83.33333%; float: left; margin-right: 10%; }

.fixed-income .chart-legend .other { width: 83.33333%; float: left; margin-top: 16px; }

.fixed-income .chart-legend .largest-holding { font-size: 20px; line-height: 24px; font-weight: normal; }

.fixed-income footer p.small-text { margin-left: 24px !important; }

.market-performance .axis-labels { font-size: 12px; line-height: 14px; text-transform: uppercase; text-align: center; vertical-align: center; padding: 5px; color: #054c70; }

.group { zoom: 1; }

.group:before, .group:after { content: ""; display: table; }

.group:after { clear: both; }

p:empty { height: 0px !important; min-height: 0 !important; margin: 0 !important; }

.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

.underline { text-decoration: underline; }

.clear:before, .clear:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clear:after { clear: both; }

.center { text-align: center; }

.no-wrap { white-space: nowrap; }

.no-margin-top { margin-top: 0 !important; }

main.home-page { background-color: transparent !important; }

.cover-image { width: 200%; height: 200%; position: fixed; z-index: -1; top: -30px; left: -290px; background-repeat: no-repeat; }

@media (min-width: 1px) { .cover-image { width: 130%; height: 120%; top: -30px; left: -30%; background-size: cover; } }

@media (min-width: 1700px) { .cover-image { left: 0; width: 100%; } }

.home-left-column, .left-column { width: 65.83333%; float: left; margin-top: 65px; }

.home-right-column, .right-column { width: 32.5%; float: right; margin-top: 65px; }

.home-feature { width: 100%; padding: 24px; margin-top: 70px; background: #4f4f4f; font-family: "Roboto Flex", "Roboto Flex Regular"; float: left; }

.home-feature h1 { font-size: 52px; line-height: 1em; color: #ffffff; text-transform: uppercase; }

.home-feature h1 em { color: #05c3de; }

.home-feature .view-more { color: #ffffff; }

.home-tile-sections, .user-funds { clear: both; }

.home-tile-sections > h2, .user-funds > h2 { width: 100%; background-color: rgba(0, 0, 0, 0.5); color: #fff; margin-bottom: 8px; font-size: 21px; line-height: 28px; padding: 0 0 0 20px; }

.home-tile-sections .view-all-panel, .user-funds .view-all-panel { display: block; background-color: #fff; color: #054c70; font-size: 14px; padding: 24px; margin-bottom: 16px; width: 100%; float: left; clear: both; }

.home-tile-sections .tile, .user-funds .tile { margin-bottom: 8px; }

.home-tile-sections .tile.collection, .user-funds .tile.collection { padding: 0; }

.home-tile-sections .tile.collection .collection-tile, .user-funds .tile.collection .collection-tile { margin-bottom: 0; }

.home-tile-sections .thumbnail, .user-funds .thumbnail { background-color: #ffffff; width: 48.73418%; float: left; margin-bottom: 8px; }

.home-tile-sections .thumbnail:nth-of-type(even), .user-funds .thumbnail:nth-of-type(even) { float: right; }

.home-tile-sections .thumbnail header h2, .user-funds .thumbnail header h2 { min-height: 56px; }

.user-funds .thumbnail { width: 100%; float: left; }

.user-funds .thumbnail:nth-of-type(even) { float: left; }

.user-funds .thumbnail header { width: 48.33333%; float: left; min-height: auto; }

.user-funds .thumbnail header h2, .user-funds .thumbnail header p { min-height: 0; }

.user-funds .thumbnail .data-grid { width: 48.33333%; float: right; border-top: 0; border-bottom: 0; }

.user-funds .thumbnail footer { width: 100%; float: left; clear: both; }

article { width: 65%; float: left; background-color: #fff; margin-bottom: 24px; padding: 0 24px; /* padding: $default-container-padding; */ }

article.full-width { width: 100%; padding: 12px 24px; }

article.full-width .paragraph-with-heading, article.full-width .paragraph { padding: 12px 24px; }

article.full-width .paragraph-with-heading p, article.full-width .paragraph p { margin: 0 0 10px; }

article .adaptiveimage.image img { max-width: 100%; margin: 16px 0; padding: 0 24px; }

article .article-story .adaptiveimage.image img { padding: 0; }

article > header a { font-family: Arial, Helvetica, sans-serif; }

article header { margin: 24px 0; }

article header time { display: block; clear: both; }

article b, article strong { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

article .article-story { font-family: Arial, Helvetica, sans-serif; }

article .executive-summary { background-color: #f4f4f4; padding: 8px 24px; margin: 16px 24px; }

article .executive-summary h4 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; }

article .executive-summary ul { padding-left: 18px; margin: 0; list-style: none; }

article .executive-summary ul li { margin: 12px 0; }

article .executive-summary ul li:before { margin-left: -18px; }

article .article-story .executive-summary { margin: 16px 0; }

article .paragraph-with-heading, article .paragraph, article .table { background-color: #ffffff; padding: 0 24px; margin: 24px 0; padding: 0; }

article .paragraph-with-heading p:first-of-type, article .paragraph-with-heading h5 + p, article .paragraph-with-heading h6 + p, article .paragraph p:first-of-type, article .paragraph h5 + p, article .paragraph h6 + p, article .table p:first-of-type, article .table h5 + p, article .table h6 + p { margin-top: 0; }

article .paragraph-with-heading p:last-of-type, article .paragraph p:last-of-type, article .table p:last-of-type { margin-bottom: 0; }

article .paragraph-with-heading h3, article .paragraph-with-heading h4, article .paragraph-with-heading h5, article .paragraph h3, article .paragraph h4, article .paragraph h5, article .table h3, article .table h4, article .table h5 { margin-bottom: .5em; }

article .paragraph-with-heading h3, article .paragraph h3, article .table h3 { font-size: 28px; line-height: 28px; }

article .paragraph-with-heading h4, article .paragraph h4, article .table h4 { font-size: 26px; line-height: 28px; }

article .paragraph-with-heading h5, article .paragraph h5, article .table h5 { font-size: 21px; line-height: 24px; }

article .paragraph-with-heading ul, article .paragraph ul, article .table ul { margin: 0; padding: 0; border: 0; list-style: none; }

article .paragraph-with-heading ul li, article .paragraph ul li, article .table ul li { margin: 0; padding: 0; border: 0; padding: 0 0 24px 1.25em; text-indent: -1.2em; list-style-type: none !important; }

article .paragraph-with-heading ul li:last-of-type, article .paragraph ul li:last-of-type, article .table ul li:last-of-type { padding-bottom: 0; }

article .paragraph-with-heading a, article .paragraph a { font-family: Arial, Helvetica, sans-serif; }

article .video-player { margin: 0 24px; }

article .article-pagination { margin: 24px 0; border-top: #b1b1b1 1px dotted; padding-top: 12px; margin-top: 12px; }

article .article-pagination .prev-article, article .article-pagination .next-article { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 46.66667%; }

article .article-pagination .next-article { border-left: #b1b1b1 1px dotted; padding-left: 12px; margin-left: 12px; }

article .article-pagination .next-article:empty { border: none; }

article .glidepath { width: 100%; float: none; height: 250px; }

article .glidepath-table { width: 100%; overflow-x: scroll; float: left; margin-bottom: 24px; }

article .button-container { text-align: center; }

aside { width: 33.33333%; float: right; margin-bottom: 24px; }

span.read-more { font-size: 14px; white-space: nowrap; }

span.read-more u { text-decoration: underline; }

span.read-more:after { content: '...'; text-decoration: none; }

span.read-more:before { content: ' '; text-decoration: none; }

.footnote-rte .small p, .footnote-rte .tiny p { margin: 0 0 10px; font-family: Arial, Helvetica, sans-serif; }

.footnote-rte .small p { font-size: 14px !important; line-height: 18px !important; }

.footnote-rte .tiny p { font-size: 12px !important; line-height: 16px !important; }

.quote-block { background-color: #f4f4f4; padding: 24px; margin: 0 24px; position: relative; }

.quote-block span { line-height: 1.3em; }

.quote-block:before { width: 16px; height: 16px; border-style: solid; border-width: 0 16px 16px 0; content: ' '; border-color: transparent #f4f4f4 transparent transparent; position: absolute; top: 0; left: -16px; }

.quote-block footer { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; }

.two-column-list-container { background-color: #ffffff; padding: 0 24px; padding: 0; margin: 16px 0; }

.two-column-list-container ol { margin: 0 0 16px 0; padding: 0; list-style: none; }

.two-column-list-container ol li { padding-left: 18px; position: relative; padding-top: 8px; margin-top: 8px; border-top: #b1b1b1 1px dotted; }

.two-column-list-container ol li:first-child { border-top: none; }

.two-column-list-container ol li .column-one, .two-column-list-container ol li .column-two { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.two-column-list-container ol li .column-one { width: 33.33333%; }

.two-column-list-container ol li h4.column-one { line-height: 24px; }

.two-column-list-container ol li .column-two { width: 61.66667%; }

.section.two-column-list-item { counter-increment: item; position: relative; background-color: #ffffff; padding: 0 24px; }

.section.two-column-list-item:before { margin-right: 10px; line-height: 24px; width: 24px; font-size: 20px; content: counter(item); background: #05c3de; color: white; text-align: center; display: inline-block; position: absolute; top: 8px; left: 0; }

.block-list-item { position: relative; }

.two-column-block-list-container ul { margin: 0 0 16px 0; padding: 0; list-style: none; }

.two-column-block-list-container ul li { width: 100%; }

.two-column-block-list-container ul li ul { width: 100%; display: table; margin: 0 0 8px 0; padding: 0; border: #EBEBEB 1px solid; }

.two-column-block-list-container ul li ul li { display: table-cell; padding: 24px; background: #EBEBEB; width: 48.33333%; }

.two-column-block-list-container ul li ul li:first-child { background: #ffffff; }

.two-column-block-list-container ul li ul li h3, .two-column-block-list-container ul li ul li p { font-size: 16px; padding: 0; }

.two-column-block-list-container ul li ul li h3 { text-transform: capitalize; margin: 0 0 8px; color: #3b3b3b; }

.two-column-block-list-container ul li ul li h3:empty { margin: 0; }

.two-column-block-list-container ul li ul li p { margin: 0 0 24px; }

.two-column-block-list-container ul li ul li p:last-of-type { margin: 0; }

.horizontal-rule .rule { /* width: span(60); */ clear: both; margin: 16px 0; border-bottom: #b1b1b1 1px dotted; }

.horizontal-rule .rule.solid { border-bottom: #b1b1b1 1px solid; }

.horizontal-rule .rule.dotted { border-bottom: #b1b1b1 1px dotted; }

.comparison-block { background-color: #ffffff; padding: 0 24px; padding: 0; margin: 16px 0; }

.comparison-block h4, .comparison-block p, .comparison-block div, .comparison-block ul { margin: 0 0 16px 0; }

.comparison-block .column-one, .comparison-block .column-two { width: 45%; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.comparison-block .column-one ul, .comparison-block .column-two ul { padding-left: 16px; list-style: square; }

.comparison-block .column-one ul li, .comparison-block .column-two ul li { margin-bottom: 16px; }

.comparison-block .column-one h5, .comparison-block .column-two h5 { color: #054C70; }

.comparison-block .column-two { border-left: #b1b1b1 1px dotted; margin-left: 3.33333%; padding-left: 3.33333%; }

.asset-allocation-positions { margin: 24px 0; }

.asset-allocation-positions .labels, .asset-allocation-positions .position { width: 100%; display: table; table-layout: fixed; }

.asset-allocation-positions .labels div { display: table-cell; }

.asset-allocation-positions .labels .left, .asset-allocation-positions .labels .right { width: 40%; font-size: 18px; }

.asset-allocation-positions .labels .left { text-align: left; }

.asset-allocation-positions .labels .right { text-align: right; }

.asset-allocation-positions .labels .middle { width: 20%; text-align: center; font-size: 16px; }

.asset-allocation-positions .position .indicator { display: table-cell; width: 20%; height: 30px; background: #b1b1b1; border-left: 1px solid #ffffff; }

.asset-allocation-positions .position .indicator:first-child { border: none; }

.asset-allocation-positions .position .indicator.current, .asset-allocation-positions .position .indicator.previous { background-image: url(base/images/asset-allocation-positions-sprite.png); background-repeat: no-repeat; }

.asset-allocation-positions .position .indicator.current { background-color: #05c3de; background-position: center 10px; }

.asset-allocation-positions .position .indicator.previous { font-size: 24px; }

.asset-allocation-positions .position .indicator.previous.left { background-position: center -90px; }

.asset-allocation-positions .position .indicator.previous.right { background-position: center -40px; }

.asset-allocation-positions-legend .position { text-align: right; }

.asset-allocation-positions-legend .position .indicator, .asset-allocation-positions-legend .position .legend { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; height: 30px; }

.asset-allocation-positions-legend .position .indicator { width: 30px; background: #b1b1b1; }

.asset-allocation-positions-legend .position .indicator.current { background-image: url(base/images/asset-allocation-positions-sprite.png); background-repeat: no-repeat; background-color: #05c3de; background-position: center 10px; }

.asset-allocation-positions-legend .position .legend { line-height: 30px; margin-left: 10px; }

.show-hide-section .teaser, .show-hide-section .full-text { background: #EBEBEB; border-top: 1px solid #ffffff; padding: 24px; }

.show-hide-section .teaser p, .show-hide-section .full-text p { margin-top: 12px; margin-bottom: 12px; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; }

.show-hide-section .teaser p:first-child, .show-hide-section .full-text p:first-child { margin-top: 0; }

.show-hide-section .teaser p:last-child, .show-hide-section .full-text p:last-child { margin-bottom: 0; }

.show-hide-section .teaser:empty, .show-hide-section .full-text:empty { display: none; }

.show-hide-section .teaser .read-more-links a:hover, .show-hide-section .full-text .read-more-links a:hover { cursor: pointer; }

.show-hide-section .full-text { display: none; }

.show-all .label, .show-all .onoffswitch, .show-all .funds-list-container .table-controls .select-container, .funds-list-container .table-controls .show-all .select-container { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.show-all .label { line-height: 28px; }

.show-all .onoffswitch, .show-all .funds-list-container .table-controls .select-container, .funds-list-container .table-controls .show-all .select-container { float: none !important; }

.show-all .onoffswitch label span.onoffswitch-inner, .show-all .funds-list-container .table-controls .select-container label span.onoffswitch-inner, .funds-list-container .table-controls .show-all .select-container label span.onoffswitch-inner { margin-left: -100%; }

.show-all .onoffswitch label span.onoffswitch-inner:before, .show-all .funds-list-container .table-controls .select-container label span.onoffswitch-inner:before, .funds-list-container .table-controls .show-all .select-container label span.onoffswitch-inner:before { content: "Off"; }

.show-all .onoffswitch label span.onoffswitch-inner:after, .show-all .funds-list-container .table-controls .select-container label span.onoffswitch-inner:after, .funds-list-container .table-controls .show-all .select-container label span.onoffswitch-inner:after { content: "On"; color: green; }

.show-all .onoffswitch label span.onoffswitch, .show-all .funds-list-container .table-controls .select-container label span.onoffswitch, .funds-list-container .table-controls .show-all .select-container label span.onoffswitch, .show-all .onoffswitch label .funds-list-container .table-controls span.select-container, .funds-list-container .table-controls .show-all .onoffswitch label span.select-container, .show-all .funds-list-container .table-controls .select-container label span.select-container, .funds-list-container .table-controls .show-all .select-container label span.select-container { -moz-transition: right 0.3s ease-in 0s; -webkit-transition: right 0.3s ease-in 0s; -o-transition: right 0.3s ease-in 0s; transition: right 0.3s ease-in 0s; }

.show-all .onoffswitch.on span.onoffswitch-switch:hover, .show-all .funds-list-container .table-controls .on.select-container span.onoffswitch-switch:hover, .funds-list-container .table-controls .show-all .on.select-container span.onoffswitch-switch:hover, .show-all .onoffswitch.off span.onoffswitch-switch:hover, .show-all .funds-list-container .table-controls .off.select-container span.onoffswitch-switch:hover, .funds-list-container .table-controls .show-all .off.select-container span.onoffswitch-switch:hover { background: #05c3de; }

.show-all .onoffswitch.on span.onoffswitch-inner, .show-all .funds-list-container .table-controls .on.select-container span.onoffswitch-inner, .funds-list-container .table-controls .show-all .on.select-container span.onoffswitch-inner { margin-left: -100%; }

.show-all .onoffswitch.on span.onoffswitch-switch, .show-all .funds-list-container .table-controls .on.select-container span.onoffswitch-switch, .funds-list-container .table-controls .show-all .on.select-container span.onoffswitch-switch { right: 38px; }

.show-all .onoffswitch.off span.onoffswitch-inner, .show-all .funds-list-container .table-controls .off.select-container span.onoffswitch-inner, .funds-list-container .table-controls .show-all .off.select-container span.onoffswitch-inner { margin-left: 0; }

.show-all .onoffswitch.off span.onoffswitch-switch, .show-all .funds-list-container .table-controls .off.select-container span.onoffswitch-switch, .funds-list-container .table-controls .show-all .off.select-container span.onoffswitch-switch { right: 0; }

.section.consensus .consensus-title { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-size: 21px; color: #4f4f4f; }

.section.consensus .as-of-date { padding-left: 8px; font-size: 11px; color: #3b3b3b; font-family: Arial, Helvetica, sans-serif; }

.section.consensus .consensus-block { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-weight: 900; color: #898989; display: block; margin: 12px 0px 24px 0px; }

.section.consensus .consensus-block .sides, .section.consensus .consensus-block .consensus { padding: 24px; border: 1px solid #05c3de; margin-top: -1px; clear: both; }

.section.consensus .consensus-block .sides p, .section.consensus .consensus-block .consensus p { color: #ffffff; font-family: Arial, Helvetica, sans-serif; color: #3b3b3b; font-size: 16px; margin: 0px; }

.section.consensus .consensus-block .consensus { background: #05c3de; color: #ffffff; position: relative; float: left; width: 100%; }

.section.consensus .consensus-block .consensus h3, .section.consensus .consensus-block .consensus p { color: #ffffff; }

.section.consensus .consensus-block .consensus-image { float: left; width: 8%; position: absolute; top: 42%; }

.section.consensus .consensus-block .consensus-image-text { width: 90%; float: right; }

.market-performance .data-group { margin-top: 16px; }

.market-performance .market-performance-information { display: table; margin: 12px 0; width: 100%; color: #DFEAE3; }

.market-performance .market-performance-information .column { width: 50%; display: table-cell; padding-left: 12px; }

.market-performance .market-performance-information .column:first-child { padding-left: 0; }

.market-performance .market-performance-information .column .value, .market-performance .market-performance-information .column .summary { padding: 24px; }

.market-performance .market-performance-information .column .value { color: #ffffff; font-size: 48px; font-family: "Roboto Flex", "Roboto Flex Regular"; }

.market-performance .market-performance-information .column .value h3 { color: #ffffff; }

.market-performance .market-performance-information .column .summary { color: #3b3b3b; font-size: 16px; line-height: 20px; background: #EBEBEB; }

.market-performance .market-performance-information .column.three-month .value { background: #054C70; }

.market-performance .market-performance-information .column.twelve-month .value { background: #05c3de; }

.list-with-paragraph ul, .list-with-paragraph ol, .custom .list-with-paragraph ul, .custom .list-with-paragraph ol { list-style: none; padding: 0; }

.list-with-paragraph ul li, .list-with-paragraph ol li, .custom .list-with-paragraph ul li, .custom .list-with-paragraph ol li { padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: #b1b1b1 1px dotted; border-top: none !important; }

.list-with-paragraph ul li p, .list-with-paragraph ol li p, .custom .list-with-paragraph ul li p, .custom .list-with-paragraph ol li p { margin: 8px 0 !important; color: #111111 !important; }

.list-with-paragraph ul li.no-border, .list-with-paragraph ol li.no-border, .custom .list-with-paragraph ul li.no-border, .custom .list-with-paragraph ol li.no-border { border-bottom: none !important; }

.list-with-paragraph ol, .custom .list-with-paragraph ol { margin: 0 0 16px 0; }

.list-with-paragraph ol li, .custom .list-with-paragraph ol li { padding-left: 36px; counter-increment: item; position: relative; }

.list-with-paragraph ol li:before, .custom .list-with-paragraph ol li:before { margin-right: 10px; line-height: 24px; width: 24px; font-size: 20px; content: counter(item); background: #05c3de; color: white; text-align: center; display: inline-block; position: absolute; top: 3px; left: 0; }

.brightcove-video p.caption { margin: 12px 0 24px; }

.brightcove-video .inner-container { position: relative; height: 0; padding-bottom: 56.25%; }

.brightcove-video .inner-container .video-player .brightcoveExperience, .brightcove-video .inner-container .video-player .BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

aside .sharing, .fund-share { float: right; margin-top: -32px; position: relative; }

.tab-control a:hover { cursor: pointer; }

.tab-control section { background-color: #ffffff; }

.mmr-ncr-table { margin-bottom: 24px; }

.collection-page header { width: 100%; float: left; -webkit-background-size: contain; background-size: contain; height: auto; margin: 0 0 10px; padding: 24px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }

.collection-page header h1 { font-size: 48px; line-height: 50px; color: #ffffff; padding: 5px 0 2px; }

.collection-page header p { font-size: 24px; line-height: 28px; color: #ffffff; padding: 0 0 5px; margin: 0; }

.collection-page .collection-column-first { width: 49.16667%; float: left; }

.collection-page .collection-column-second { width: 49.16667%; float: right; }

.collection-container { clear: both; float: none !important; width: 100%; float: left; margin-bottom: 24px; }

.collection-container h2 { margin: 0 0 16px; clear: both; font-size: 21px; line-height: 21px; width: 100%; }

.section.collection-overview { padding: 24px; background: #ffffff; }

.section.collection-overview .overview-info { background-position: center right; background-repeat: no-repeat; }

.section.collection-overview .overview-info p { font-family: "Roboto Flex", "Roboto Flex Regular"; font-weight: 100; font-size: 20px; line-height: 26px; margin: 16px 0; }

.section.collection-overview .details { display: table; width: 100%; margin-top: 24px; padding-top: 24px; border-top: #b1b1b1 1px dotted; }

.section.collection-overview .details .column { border-left: #b1b1b1 1px dotted; padding: 0 1.66667%; display: table-cell; min-width: 135px; vertical-align: top; }

.section.collection-overview .details .column p { font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.42857em !important; }

.section.collection-overview .details .column:first-child { border-left: none; padding-left: 0; }

.section.collection-overview .details .column h4 { color: #3b3b3b; font-size: 16px; line-height: 1em; font-family: "Roboto Flex", "Roboto Flex Regular"; font-weight: 700; }

.section.collection-overview .details .column .value { color: #05c3de; font-size: 32px; margin: 16px 0; font-family: "Roboto Flex", "Roboto Flex Regular"; }

.section.collection-overview .details .column .description { margin: 12px 0; }

.section.collection-overview .details .column.disclosures { vertical-align: bottom; }

.section.collection-overview .details .column.morningstar-rating img { height: 25px; width: 42px; background-image: url(base/images/morningstarRatings.jpg); }

.section.collection-overview .details .column.morningstar-rating img.gold { background-position: -100px center; }

.section.collection-overview .details .column.morningstar-rating img.silver { background-position: -50px center; }

.section.collection-overview .details .column.morningstar-rating img.bronze { background-position: left center; }

.section.collection-overview .details .column.recommended-funds .value img { height: 25px; width: auto; }

.section.collection-overview .details .column.cerulli .value img, .section.collection-overview .details .column.fortune .value img { height: 17px; width: auto; }

.section.collection-overview .details .column.cerulli { min-width: 170px; }

.marketscene-collection { background-color: #ffffff; margin-bottom: 24px; position: relative; }

.marketscene-collection .marketscene-image { float: right; position: absolute; bottom: 0px; right: 0px; z-index: 1; }

.marketscene-overview { position: relative; padding: 24px; }

.marketscene-overview .marketscene-quote { width: 65%; }

.marketscene-overview .marketscene-paragraph { clear: both; width: 62%; padding: 24px 0px; }

.marketscene-overview .marketscene-paragraph p { margin: 0px; font-size: 16px; }

.marketscene-overview .quote-block { margin: 0px; padding: 0px; background-color: transparent; }

.marketscene-overview .quote-block:before { display: none; }

.marketscene-overview .quote-block footer { font-style: normal; }

.marketscene-overview .overview-image { float: right; position: absolute; top: 24px; right: 24px; z-index: 0; }

.marketscene-overview a.download-button { display: inline-block; }

.full-width-image-collection-overview { margin-bottom: 12px; }

.full-width-image-collection-overview .background-image { background-position: center center; background-size: cover; padding: 24px; }

.full-width-image-collection-overview .content-block { color: #ffffff !important; width: 48.33333%; margin-right: 16.66667%; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.full-width-image-collection-overview .content-block.right { margin-right: 0; width: 33.33333%; padding: 24px; background: #b1b1b1; background: rgba(0, 0, 0, 0.25); }

.full-width-image-collection-overview .content-block.right h5 { margin-left: 0; margin-top: 0; color: white !important; font-size: 14px !important; line-height: 14px; margin-bottom: 18px; text-transform: uppercase; }

.full-width-image-collection-overview .content-block.right p { color: #ffffff; }

.full-width-image-collection-overview .content-block.right ul { list-style: none; width: auto; margin: 0; padding: 0; }

.full-width-image-collection-overview .content-block.right ul li { font-size: 16px; margin: 4px 0; padding: 0 8px; background: #05c3de; }

.full-width-image-collection-overview .content-block.right ul li a { color: #054C70; display: block; padding: 8px 0; }

.full-width-image-collection-overview .content-block.right ul li:hover { background-color: #054C70; }

.full-width-image-collection-overview .content-block.right ul li:hover a { color: #ffffff; }

.full-width-image-collection-overview .content-block header { padding: 0; float: none; margin-bottom: 16px; }

.full-width-image-collection-overview .content-block footer { margin-top: 16px; }

.full-width-image-collection-overview .content-block h2, .full-width-image-collection-overview .content-block h3, .full-width-image-collection-overview .content-block h4, .full-width-image-collection-overview .content-block h5 { color: #ffffff; margin: 0; }

.full-width-image-collection-overview .content-block h2, .full-width-image-collection-overview .content-block h3 { font-size: 24px; line-height: 24px; }

.full-width-image-collection-overview .content-block h2 { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-weight: 700; }

.full-width-image-collection-overview .content-block h3 { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; color: rgba(255, 255, 255, 0.7); }

.full-width-image-collection-overview .content-block h4 { font-size: 36px; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; line-height: 36px; }

.full-width-image-collection-overview .content-block h5 { font-size: 36px; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-weight: 700; line-height: 36px; }

.full-width-image-collection-overview .content-block a.button i { margin-left: 8px; }

.collections-carousel { -webkit-background-size: 100% 100%; background-size: 100% 100%; }

.collections-carousel h1 { color: #ffffff; padding: 24px 0 16px; font-size: 52px; line-height: 52px; }

.collections-carousel .slider-container { width: 100%; float: left; margin: 0 0 24px; min-height: 400px; }

@media (max-width: 960px) { .collections-carousel .slider-container { min-height: 480px; } }

.collections-carousel .slider-container .slider { width: 100%; height: 100%; }

.collections-carousel .slider-container .slider .item { width: 100%; height: 100%; }

.collections-carousel .collection-tile { width: 32.08333%; float: left; min-height: 388px; margin-right: 1.66667%; position: relative; padding: 24px; background: rgba(17, 17, 17, 0.25); }

@media (max-width: 960px) { .collections-carousel .collection-tile { min-height: 468px; } }

.collections-carousel .collection-tile.last { width: 32.5%; float: right; margin-right: 0; }

.collections-carousel .collection-tile h2 { font-size: 40px; line-height: 40px; color: #ffffff; padding-bottom: 16px; margin: 0; }

.collections-carousel .collection-tile p { font-size: 21px; line-height: 24px; color: #ffffff; padding-bottom: 16px; margin: 0; }

.collections-carousel .collection-tile footer { position: absolute; bottom: 16px; left: 24px; }

.collections-carousel .collection-tile.short { max-height: 186px; min-height: 186px; margin-bottom: 16px; }

@media (max-width: 960px) { .collections-carousel .collection-tile.short { max-height: 226px; min-height: 226px; } }

.collections-carousel .collection-tile.short h2, .collections-carousel .collection-tile.short p { padding-bottom: 12px; }

.collections-carousel .collection-tile.short h2 { font-size: 24px !important; line-height: 24px !important; }

.collections-carousel .collection-tile.short p { font-size: 14px !important; line-height: 16px !important; }

.collection-topic-container .topic-header { font-family: "Roboto Flex", Arial, Helvetica, sans-serif; font-size: 21px; margin-top: 12px; margin-bottom: 12px; }

.collection-topic-container .topic-header span.link { color: #054C70; font-size: 16px; cursor: pointer; }

.collection-topic-container .topic-section-container.closed { display: none; }

.search-results-page .search-results-number { margin-bottom: 16px; }

.search-results-page .search-panel { padding: 24px; background: #ffffff; margin-bottom: 16px; }

.search-results-page .search-panel h2 { margin-bottom: 18px; }

.search-results-page .search-panel h3 { margin: 0 0 8px; }

.search-results-page .search-panel .video-container { position: relative; width: 150px; height: auto; margin-right: 16px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.search-results-page .search-panel .video-container a.video img { width: 100%; height: auto; }

.search-results-page .search-panel .video-container a.video::before { background-image: url("../../../../content/dam/tpd/video_play_button.png"); background-position: center center; background-repeat: no-repeat; content: ' '; position: absolute; width: 100%; height: 100%; opacity: 0.6; }

.search-results-page .search-panel .video-container a.video:hover::before { opacity: 1; }

.search-results-page .search-panel h4.video, .search-results-page .search-panel .video.details { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 70%; }

.search-results-page .search-panel .bio .column-one, .search-results-page .search-panel .bio .column-two { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.search-results-page .search-panel .bio .column-one { width: 25%; margin-right: 1.66667%; max-width: 100px; }

.search-results-page .search-panel .bio .column-one img { width: 84px; height: 84px; }

.search-results-page .search-panel .bio .column-two { width: 71.66667%; }

.search-results-page .search-panel .bio .column-two ul { list-style: none; padding: 0; margin: 16px 0; }

.search-results-page .search-panel .bio .column-two ul li ul { list-style: none; padding: 0; margin: 12px 0 0; }

.search-results-page .search-panel .bio .column-two ul li ul li { font-size: 14px; line-height: 1.1em; color: #3b3b3b; }

.search-results-page .search-panel .bio ul.experience { list-style: none; padding: 0; margin: 16px 0; }

.search-results-page .search-panel .bio ul.experience li { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 41.66667%; border-left: #b1b1b1 1px dotted; margin-left: 16px; padding-left: 16px; font-family: "Roboto Flex", "Roboto Flex Regular"; font-weight: 700; }

.search-results-page .search-panel .bio ul.experience li span { display: block; color: #05c3de; font-size: 32px; font-family: "Roboto Flex", "Roboto Flex Regular"; margin-top: 8px; }

.search-results-page .search-panel .bio ul.experience li:first-child { margin-left: 0; padding-left: 0; border-left: none; }

.search-results-page .search-panel .item { margin-bottom: 16px; padding: 0 0 16px; border-bottom: #b1b1b1 1px dotted; }

.search-results-page .search-panel .item a.button { float: right; margin-top: -28px; }

.search-results-page .search-panel .item:last-child { margin-bottom: 0; border-bottom: none; }

.search-results-page .search-panel .item .outer-overlay-container { float: right; }

.search-results-page .search-panel .item .outer-overlay-container .button-control { margin-top: 40px; }

.search-results-page .search-panel .item .outer-overlay-container .outer-overlay-container a { float: right; }

.search-results-page .search-panel .item .outer-overlay-container .overlay-container.fact-sheet { margin-left: -210px; }

.search-results-page .search-panel .item .outer-overlay-container .overlay-container.other-documents-container { margin-left: -174px; }

#top-navigation-search-form .ui-helper-hidden-accessible { display: none; }

#top-navigation-search-form i.fa.fa-search.js-go-search:hover { cursor: pointer; }

.contact-us-page article { width: 100%; }

.contact-map .controls a { float: right; }

.contact-map .mapWrapper { position: relative; }

.contact-map .static .mapWrapper:hover { cursor: pointer; }

.contact-promotion { padding: 24px; background: #ffffff; }

.contact-promotion .contacts { display: table; }

.contact-promotion .contacts .contact.address, .contact-promotion .contacts .contact.enquiries ul { display: table-cell; margin: 0 24px; padding: 0 24px; min-width: 150px; }

.contact-promotion .contacts .contact ul { list-style: none; padding: 0; margin: 0; position: relative; }

.contact-promotion .contacts .contact ul li { margin: 8px 0; font-size: 16px; }

.contact-promotion .contacts .contact ul li a { margin: 12px 0; }

.contact-promotion .contacts .contact.address { padding-left: 0; }

.contact-promotion .contacts .contact.address h4, .contact-promotion .contacts .contact.address h5 { white-space: nowrap; }

.contact-promotion .contacts .contact.address ul li { margin: 4px 0 0 36px; }

.contact-promotion .contacts .contact.address ul li.country { text-transform: uppercase; }

.contact-promotion .contacts .contact.address ul li.map { margin-left: 0; }

.contact-promotion .contacts .contact.address ul:before { content: "\f041"; font-family: "FontAwesome"; font-size: 40px; color: #898989; position: absolute; top: 40px; }

.contact-promotion .contacts .contact.enquiries h4 { padding-left: 24px; }

.contact-promotion .contacts .contact.enquiries ul { border-left: #b1b1b1 1px dotted; }

.contact-promotion .contacts .contact.enquiries ul li.phone { font-size: 16px; }

.contact-promotion .contacts .contact.enquiries ul li.phone:before { content: ' '; background-image: url(base/images/phone-icon.png); background-repeat: no-repeat; width: 18px; height: 18px; display: inline-block; margin-right: 8px; }

.contact-promotion .contacts .contact.enquiries ul li.footer { font-size: 14px; line-height: 1.4em; }

.contact-promotion .contacts .contact.enquiries ul:last-child { padding-right: 0; }

.contact-promotion .contacts .contact.enquiries ul.list-of-links h5 { white-space: nowrap; }

.contact-promotion .contacts .contact.enquiries ul.list-of-links li { margin: 0; }

.contact-promotion .contacts .contact.enquiries ul.list-of-links li a.button { margin: 0 0 8px; }

.contact-promotion .contacts .contact.enquiries ul.noLeftBorder { padding: 0; border: none; }

.contact-us-page .contact-promotion .contacts .contact.enquiries ul { width: 30%; }

.collection-page .tile.contact .contact-promotion .contacts { display: block; }

.collection-page .tile.contact .contact-promotion .contacts .contact { display: block; }

.collection-page .tile.contact .contact-promotion .contacts .contact ul { display: block; }

.collection-page .tile.contact .contact-promotion .contacts .contact ul li { margin: 0; }

.collection-page .tile.contact .map.contact-map { width: 100%; }

.contact-us-contacts-page .column-one, .contact-us-contacts-page .column-two { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.contact-us-contacts-page .column-one { width: 25%; margin-right: 1.66667%; max-width: 80px; }

.contact-us-contacts-page .column-one img { width: 64px; height: 64px; }

.contact-us-contacts-page .column-two { width: 71.66667%; }

.contact-us-contacts-page .column-two ul { list-style: none; margin: 0; padding: 0; }

.contact-us-page .map-and-contacts-container { background: #ffffff; margin-bottom: 12px; padding: 24px; }

.contact-us-page .map-and-contacts-container .contact-map, .contact-us-page .map-and-contacts-container .contact-map-contacts { margin-right: 12px; background: #ffffff; padding-right: 12px; border-right: #b1b1b1 1px dotted; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.contact-us-page .map-and-contacts-container .contact-map .manager-bio .column-one, .contact-us-page .map-and-contacts-container .contact-map .manager-bio .column-two, .contact-us-page .map-and-contacts-container .contact-map-contacts .manager-bio .column-one, .contact-us-page .map-and-contacts-container .contact-map-contacts .manager-bio .column-two { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.contact-us-page .map-and-contacts-container .contact-map .manager-bio .column-one, .contact-us-page .map-and-contacts-container .contact-map-contacts .manager-bio .column-one { width: 25%; margin-right: 1.66667%; max-width: 80px; }

.contact-us-page .map-and-contacts-container .contact-map .manager-bio .column-one img, .contact-us-page .map-and-contacts-container .contact-map-contacts .manager-bio .column-one img { width: 64px; height: 64px; }

.contact-us-page .map-and-contacts-container .contact-map .manager-bio .column-two, .contact-us-page .map-and-contacts-container .contact-map-contacts .manager-bio .column-two { width: 71.66667%; }

.contact-us-page .map-and-contacts-container .contact-map .manager-bio .column-two ul, .contact-us-page .map-and-contacts-container .contact-map-contacts .manager-bio .column-two ul { list-style: none; margin: 0; padding: 0; }

.contact-us-page .map-and-contacts-container .contact-map { width: 56.66667%; }

.contact-us-page .map-and-contacts-container .contact-map-contacts { width: 40%; margin-right: 0; padding-right: 0; border-right: none; }

.contact-us-page .map-and-contacts-container .segment-heads, .contact-us-page .map-and-contacts-container .manager-bio { margin-top: 18px; padding-top: 18px; border-top: #b1b1b1 1px dotted; }

.contact-us-page .map-and-contacts-container .segment-heads:first-child, .contact-us-page .map-and-contacts-container .manager-bio:first-child { margin-top: 0; padding-top: 0; border-top: none; }

.funds-list-container .fund-snapshot { margin-bottom: 8px; }

header.fund-landing { border-bottom: 1px solid #fff; padding-bottom: 16px; display: inline-block; width: 100%; }

header.fund-landing .header-title { float: left; margin: 24px 0 0; width: 60%; }

header.fund-landing .fund-view-tools { float: right; margin: 24px 0 0; width: 40%; }

header.fund-landing .fund-view-tools .fund-range { float: right; margin-left: 8px; }

/*.header-title
{
	width: 50%; float: left;
	display: inline;
	border-bottom: 1px solid #fff;
	padding-bottom: 26px;
}*/
.header-title h1 { margin: 0; float: left; display: block; }

.header-watched-funds, .header-all-funds { position: relative; padding-left: 30px; float: left; line-height: 32px; font-size: 26px; }

.header-all-funds, .header-watched-funds { color: #054C70; }

.header-all-funds { padding-left: 0; padding-right: 0; }

.header-watched-funds:before, .header-all-funds:after { content: ''; position: absolute; top: 4px; left: 15px; display: block; width: 0; height: 24px; border-left: 1px dotted #b1b1b1; }

.header-all-funds:after { right: 15px; }

.fund-range-narrow-right { width: 50%; float: right; display: inline; /*margin-top: 32px;*/ border-bottom: 1px solid #fff; padding-bottom: 18px; }

.fund-view-toggle-container + .fund-range { padding-left: 8px; }

.fund-view-toggle-container { float: right !important; position: relative; padding-right: 8px; }

.fund-view-toggle-container:after { content: ''; position: absolute; right: 0; top: 10px; display: block; width: 0px; height: 24px; border-left: 1px dotted #b1b1b1; }

.fund-view-toggle-container label, .fund-view-toggle-container a { line-height: 40px; display: block; float: left; height: 40px; font-size: 12px; color: #4f4f4f; }

.fund-view-toggle-container .fund-view-toggle-icon { margin-left: 8px; float: left; }

img.fund-view-toggle-icon, a.fund-view-toggle-icon img { width: 40px; height: 40px; background-image: url("base/images/table-view-controls-sprite.png"); background-repeat: no-repeat; }

.snapshot-on img.fund-view-toggle-icon { background-position: -200px center; background-color: #b1b1b1; }

.snapshot-on a.fund-view-toggle-icon img { background-position: 0 center; background-color: #fff; }

.snapshot-on a.fund-view-toggle-icon:hover img { background-position: -40px center; background-color: #05c3de; }

.table-on img.fund-view-toggle-icon { background-position: -80px center; background-color: #b1b1b1; }

.table-on a.fund-view-toggle-icon img { background-position: -120px center; background-color: #fff; }

.table-on a.fund-view-toggle-icon:hover img { background-position: -160px center; background-color: #05c3de; }

.filter-container { border-bottom: 1px solid #fff; }

.fund-snapshot { width: 100%; float: left; padding: 24px; background: #ffffff; position: relative; }

.fund-snapshot header { width: 37.5%; float: left; position: relative; min-height: 330px; color: #3b3b3b; }

@media (max-width: 960px) { .fund-snapshot header { width: 58.33333%; float: left; min-height: 300px; margin-bottom: 16px; } }

.fund-snapshot header h1 { font-size: 32px; color: #3b3b3b; font-weight: 500; }

.fund-snapshot header h2 { font-size: 16px; font-style: italic; line-height: 20px; color: #3b3b3b; margin: 8px 0 0; }

.fund-snapshot header a.button { margin: 8px 0 0; }

.fund-snapshot header .investment-strategy { margin: 16px 0 8px; }

.fund-snapshot header .investment-strategy p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; margin: 0 0 12px; }

.fund-snapshot header .investment-strategy ul { margin: 0; padding: 0 16px; }

.fund-snapshot header .investment-strategy ul li { padding: 0 0 16px 0; }

.fund-snapshot header select { color: #054C70; }

.fund-snapshot header .ticker, .fund-snapshot header .cusip { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; border-left: #b1b1b1 1px dotted; padding-left: 8px; margin-left: 8px; }

.fund-snapshot header .ticker:first-child, .fund-snapshot header .cusip:first-child { border: 0; padding-left: 0; margin-left: 0; }

.fund-snapshot header .user-panel { margin: 8px 0; padding: 8px 0; min-height: 44px; border-top: #b1b1b1 1px dotted; border-bottom: #b1b1b1 1px dotted; }

.fund-snapshot header .user-panel a.button { margin: 0; }

.fund-snapshot header .fund-watch { display: inline; font-family: "Roboto Flex", "Roboto Flex Regular"; font-size: 12px; float: right; /* left: -5px; */ position: relative; line-height: 26px; margin-right: 8px; }

.fund-snapshot header .header-top { min-height: 224px; }

.fund-snapshot p.disclaimer-link { position: absolute; bottom: 24px; right: 24px; }

.fund-snapshot .data-grid { width: 33.33333%; float: left; float: right; border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

@media (max-width: 960px) { .fund-snapshot .data-grid { width: 38.33333%; float: right; min-height: 280px; } }

.fund-snapshot .commentary { width: 24.16667%; float: left; float: right; margin-right: 2.5%; padding: 8px; min-height: 354px; background-color: #eee; }

@media (max-width: 960px) { .fund-snapshot .commentary { width: 100%; float: left; float: left; min-height: 0; height: auto; } }

.fund-snapshot .commentary .column-one { float: left; }

.fund-snapshot .commentary .column-one img { width: 40px; height: 40px; }

.fund-snapshot .commentary .column-two { float: left; width: calc(100% - 40px); padding-left: 16px; line-height: 12px; }

.fund-snapshot .commentary .column-two span { font-size: 11px; line-height: 12px; }

.fund-snapshot .commentary p { font-size: 12px; margin: 16px 0 0; clear: both; }

.fund-snapshot .commentary a { font-family: Arial, Helvetica, sans-serif; }

.fund-snapshot .snapshot-morningstar-disclosure p { font-size: 11px !important; line-height: 14px !important; }

.strategy-overview .investment-objective-container { border-bottom: 1px dotted #b1b1b1; padding: 0 0 16px; margin: 0 0 16px; }

.strategy-overview .investment-objective-container p { margin: 0; }

.strategy-details ul { margin: 0; padding: 0 16px; }

.strategy-details ul li { padding: 0 0 16px 0; }

.morningstar-rating { margin-left: 1.66667%; width: 70%; float: right; }

.morningstar-rating h3 { margin-top: 0 !important; }

@media (max-width: 960px) { .morningstar-rating { width: 60%; float: right; } }

.no-glidepath .morningstar-rating { margin-left: 0; width: 70%; float: left; }

.morningstar-style { width: 28.33333%; float: left; }

.morningstar-style p { float: left; margin: 0 0 16px; }

.morningstar-style-asset-allocation-container { width: 56.66667%; float: left; }

.morningstar-style-asset-allocation-container .asset-allocation { width: 50%; float: left; }

.morningstar-style-asset-allocation-container + .morningstar-rating { width: 38.33333%; float: right; }

.commentaries-container { clear: both; }

.commentaries-container .comm-wrapper { padding: 16px; background-color: #eee; position: relative; }

.commentaries-container .comm-wrapper .fund-start { font-size: 12px; }

.commentaries-container .comm-wrapper p { margin: 0px; font-size: 14px; }

.commentaries-container .comm-wrapper:before { width: 0px; height: 0px; border-left: 8px solid transparent; border-top: 8px solid #eee; left: -8px; top: 0px; content: " "; position: absolute; }

.investment-approach-container, .benefits-and-risk-container { width: 49%; float: left; }

.investment-approach-container ul, .benefits-and-risk-container ul { -webkit-columns: 350px 2; -moz-columns: 350px 2; columns: 350px 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }

.investment-approach-container ul li, .benefits-and-risk-container ul li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

.investment-objective, .investment-approach, .benefits-and-risk { font-family: Arial, Helvetica, sans-serif; }

.investment-objective b, .investment-approach b, .benefits-and-risk b { font-family: inherit; font-weight: bold; }

.investor-profile-container { width: 48.33333%; float: left; }

.risk-return-characteristics { width: 50%; float: right; }

.risk-return-characteristics h3 { margin-bottom: 8px !important; }

.risk-return-characteristics h3 + p { font-size: 12px !important; }

.glidepath { width: 66.66667%; float: left; }

.glidepath h3 { margin-top: 0 !important; }

.glidepath + .morningstar-rating { margin-left: 1.66667%; width: 31.66667%; float: right; }

.featherlight-content .glidepath { width: 90%; float: left; }

.glidepath-details { width: 100%; float: left; }

.glidepath-details td span { padding-left: 20px; position: relative; display: block; }

.glidepath-details td span:before { position: absolute; top: 4px; left: 0; content: ''; width: 8px; height: 8px; }

.glidepath-details td span.square:before { width: 8px; height: 8px; }

.glidepath-details td span.inflation-focused:before { background-color: #E47F00; }

.glidepath-details td span.international-high-yield:before { background-color: #FFDD00; }

.glidepath-details td span.investment-grade:before { background-color: #38939B; }

.glidepath-details td span.real-assets:before { background-color: #614B79; }

.glidepath-details td span.international-equity:before { background-color: #00843D; }

.glidepath-details td span.us-equity:before { background-color: #4f4f4f; }

.glidepath-details-chart { width: 88.24175824175824%; float: right; }

.star-rating { background: url(base/images/star-rating.png); background-repeat: repeat-x; height: 11px; margin: 6px 0; display: block; position: relative; }

.star-rating:after { content: ''; background: url(base/images/star-rating-empty.png); background-repeat: repeat-x; position: absolute; left: 0; top: 0; width: 70px; height: 11px; }

.star-rating.zero { width: 0; }

.star-rating.zero:after { width: 70px; margin-left: 0; }

.star-rating.half { width: 7px; }

.star-rating.half:after { width: 63px; margin-left: 7px; }

.star-rating.one { width: 14px; }

.star-rating.one:after { width: 56px; margin-left: 14px; }

.star-rating.one.half { width: 21px; }

.star-rating.one.half:after { width: 49px; margin-left: 21px; }

.star-rating.two { width: 28px; }

.star-rating.two:after { width: 42px; margin-left: 28px; }

.star-rating.two.half { width: 35px; }

.star-rating.two.half:after { width: 35px; margin-left: 35px; }

.star-rating.three { width: 42px; }

.star-rating.three:after { width: 28px; margin-left: 42px; }

.star-rating.three.half { width: 49px; }

.star-rating.three.half:after { width: 21px; margin-left: 49px; }

.star-rating.four { width: 56px; }

.star-rating.four:after { width: 14px; margin-left: 56px; }

.star-rating.four.half { width: 63px; }

.star-rating.four.half:after { width: 7px; margin-left: 63px; }

.star-rating.five { width: 70px; }

.star-rating.five:after { width: 0px; margin-left: 70px; }

div.morningstar-style-box-container { position: relative; width: 250px; height: 250px; margin-bottom: 16px; clear: both; }

div.morningstar-style-box-container .morningstar-style-box { position: relative; width: 230px; height: 230px; }

div.morningstar-style-box-container .morningstar-style-box > div { float: left; border: 1px solid #111111; width: 70px; height: 70px; text-align: center; margin: 0 -1px -1px 0; }

div.morningstar-style-box-container .morningstar-style-box > div.row-label { width: 0px; height: 40px; margin-top: 0; border: 0; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); }

div.morningstar-style-box-container .morningstar-style-box > div.column-label { height: 20px; border: 0; }

div.morningstar-style-box-container .morningstar-style-box > div.empty-label { width: 0; height: 0; border: 0; }

div.morningstar-style-box-container .morningstar-style-box > div.selected { background-color: #111111; }

div.morningstar-style-box-container .morningstar-style-box ~ .row-full-label { width: 210px; height: 20px; margin-top: -138px; margin-left: 135px; float: left; text-align: center; border: 0; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); }

div.morningstar-style-box-container .morningstar-style-box ~ .column-full-label { width: 210px; height: 20px; border: 0; text-align: center; }

.performance-overview footer { clear: both; }

.performance-overview footer p.small-text { display: inline-block; float: left; margin: 8px 24px 16px 0; }

.currrent-year-performance { width: 100%; float: left; border-top: #b1b1b1 1px dotted; padding-top: 8px; }

.annualized-performance { width: 66.66667%; float: left; }

.expense-ratio { width: 28.33333%; float: right; padding: 0 16px 16px; margin: 16px 32px 0 0; background-color: #f4f4f4; }

.yields-and-dividends, .after-tax { margin-top: 8px; padding-top: 8px; width: 100%; float: left; border-top: #b1b1b1 1px dotted; }

.calendar-year-returns, .cumulative-performance, .monthly-performance { position: relative; }

.performance-block { float: left; width: 135px; padding-right: 16px; margin-right: 16px; }

@media (max-width: 960px) { .performance-block { width: 120px; } }

.performance-block.separator { border-right: #b1b1b1 1px dotted; }

.performance-block h5 { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-size: 16px; color: #3b3b3b; }

.performance-block h6 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4f4f4f; }

.performance-block .data-value, .performance-block .data-grid .data-item span.data-value, .data-grid .data-item .performance-block span.data-value { font-size: 32px; line-height: 36px; }

.performance-block .data-value .smaller, .performance-block .data-grid .data-item span.data-value .smaller, .data-grid .data-item .performance-block span.data-value .smaller { font-size: 16px; }

.performance-block .data-value-benchmark { color: #3b3b3b; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; }

.performance-block .data-value-difference, .performance-block .data-grid .data-item span.data-value-difference, .data-grid .data-item .performance-block span.data-value-difference { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; }

.performance-block .data-value-difference.negative, .performance-block .data-grid .data-item span.negative.data-value-difference, .data-grid .data-item .performance-block span.negative.data-value-difference { color: #DA291C; }

.performance-block .data-value-difference.positive, .performance-block .data-grid .data-item span.positive.data-value-difference, .data-grid .data-item .performance-block span.positive.data-value-difference { color: #00843D; }

.performance-block .data-value-difference.not-applicable, .performance-block .data-grid .data-item span.not-applicable.data-value-difference, .data-grid .data-item .performance-block span.not-applicable.data-value-difference { color: #3b3b3b; }

@media (max-width: 960px) { .annualized-performance .performance-block { width: 100px; } }

.annualized-performance .performance-block h6, .currrent-year-performance .performance-block h6 { border-top: #b1b1b1 1px dotted; margin-top: 8px; padding-top: 8px; }

.expense-ratio .performance-block { width: 100%; float: left; margin-top: 8px; }

.expense-ratio .performance-block.half { width: 41.66667%; float: left; }

@media (max-width: 960px) { .expense-ratio .performance-block.half { font-size: 24px; width: 40%; float: left; } }

.expense-ratio .performance-block.half + div:not(.half) { border-top: #b1b1b1 1px dotted; margin-top: 8px; padding-top: 8px; }

.expense-ratio h3 { margin: 0; }

.expense-ratio p { clear: both; float: left; margin-top: 0; }

.yields-and-dividends .performance-block, .after-tax .performance-block { width: 21.66667%; float: left; }

.yields-and-dividends footer, .after-tax footer { float: left; clear: both; }

.performance-legend { position: absolute; right: 10px; top: 290px; z-index: 300; }

.performance-legend ul { list-style: none; margin: 0; padding: 0; width: 100px; }

.performance-legend ul li { list-style: none; margin: 0; padding: 0 0 8px 20px; position: relative; font-size: 12px; }

.performance-legend ul li:before { position: absolute; top: 4px; left: 0; content: ''; width: 8px; height: 8px; }

.performance-legend ul li.square:before { width: 8px; height: 8px; }

.performance-legend ul li.line:before { top: 7px; width: 8px; height: 1px; }

.performance-legend ul li.circle:before { width: 8px; height: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.performance-legend ul li.diamond:before { width: 0; height: 0; border: 5px solid transparent; content: ''; position: absolute; left: -1px; top: -2px; }

.performance-legend ul li.diamond:after { content: ''; position: absolute; left: -1px; top: 8px; width: 0; height: 0; border: 5px solid transparent; }

.performance-legend ul li.legend-fund:before { background-color: #05c3de; }

.performance-legend ul li.legend-benchmark:before { background-color: #4f4f4f; }

.performance-legend ul li.legend-sicav-annual-report:before, .performance-legend ul li.legend-annual-report:before, .performance-legend ul li.legend-monthly-commentary:before { background-color: #E47F00; }

.performance-legend ul li.legend-exceptional-commentary:before { border-bottom-color: #FFDD00; }

.performance-legend ul li.legend-exceptional-commentary:after { border-top-color: #FFDD00; }

.holdings-overview .data-grid.fixed-income { width: 63.33333%; float: right; }

.holdings-overview .data-grid.fixed-income.last { border-bottom: 0; }

.holdings-overview .data-grid.fixed-income .data-column { width: 33%; float: left; }

.holdings-overview .data-grid.fixed-income .data-column:nth-of-type(2n) { border-right: #b1b1b1 1px dotted; }

.holdings-overview .data-grid.fixed-income .data-column:nth-of-type(3n) { border-right: 0; }

.holdings-overview .data-grid.fixed-income .data-column:nth-of-type(3n + 1) .data-item { margin-left: 0; }

.holdings-overview .data-grid.fixed-income .data-value, .holdings-overview .fund-thumbnail-tile .data-grid.fixed-income .data-item span.data-value, .fund-thumbnail-tile .holdings-overview .data-grid.fixed-income .data-item span.data-value { font-size: 24px !important; }

.holdings-overview footer { clear: both; }

.holdings-overview footer p.small-text { display: inline-block; float: left; margin: 16px 24px 0 0; border: 0; }

.holdings-full-holdings h4 { margin: 8px 0; }

.money-market-holdings { width: 25%; float: left; margin-right: 1.66667%; }

.distribution-details { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px dotted #b1b1b1; }

table.future-declaration-details { width: 50%; }

table.future-declaration-details tr td { text-align: center; }

table.future-declaration-details tr td:first-of-type { text-align: left; }

table.future-declaration-details tr:first-of-type th:first-of-type { text-align: center; }

table.performance-details-distributions th:first-of-type { width: 20%; }

table.performance-details-distributions th { width: 12%; }

table.performance-details-distributions tr:first-of-type th:first-of-type { text-align: center; }

table.performance-details-distributions tr td { text-align: center; }

table.performance-details-distributions tr td:first-of-type { text-align: left; }

table.preliminary-year-end-period-distribution tr td, table.period-distribution tr td { width: 10%; }

table.preliminary-year-end-period-distribution tr td.fund-name-col, table.period-distribution tr td.fund-name-col { width: 25%; }

.distributions-overview { padding: 24px; width: 100%; }

.distributions-overview .future-declaration-details { width: 100%; }

.distributions-overview .future-declaration-details table th { text-align: left; }

.distributions-overview h3 { font-size: 21px; line-height: 26px; color: #4f4f4f; text-transform: none; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; }

.distributions-overview h3:not(:first-of-type) { margin-top: 24px; }

.distributions-overview table tr td.align-left { text-align: left; }

.distribution-tabs { padding: 5px 0px 8px 0px; }

.calendar-year-returns table { width: 91.8859649122807%; left: 54px; top: 3px; visibility: visible; position: relative; padding-top: 0; border: 1px solid #CDCDCD; clear: both; z-index: 5; }

.calendar-year-returns table thead tr { font-size: 12px; }

.calendar-year-returns table thead tr th { font-size: 14px; padding: 6px; }

.calendar-year-returns table thead tr th:first-of-type { text-align: center !important; }

.calendar-year-returns table tbody tr td { font-weight: bold; font-size: 12px; text-align: center; }

.calendar-year-returns table tbody tr.product td { color: #05c3de; }

.calendar-year-returns table tbody tr.benchmark td { color: #3b3b3b; }

.calendar-year-returns table tbody tr.value-add td { color: #3b3b3b; }

.calendar-year-returns table tbody tr td.positive { color: #00843D; }

.calendar-year-returns table tbody tr td.negative { color: #DA291C; }

.calendar-year-returns table .delete { width: 20px; min-width: 20px; background-color: #ffffff; border: 1px solid #ffffff; border-left: 1px solid #e0e0e0; }

.calendar-year-returns table .legend { text-align: left; width: 100px; min-width: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #111111; }

.team-list .bio-group { width: 50%; float: left; padding: 0; margin-right: 0; }

.team-list .bio-group.bio-group-paragraph { border-bottom: #b1b1b1 1px dotted; }

.team-list .bio-group:nth-child(even) { width: 50%; float: right; }

.team-list .bio-group:nth-child(even) .column-two { border-right: 0; }

.team-list .bio-group:nth-child(odd) { clear: both; }

.team-list .bio-group .bio { width: 100%; border: 0; }

.team-list .bio-group .bio h3 { color: #054C70; font-size: 18px; margin-bottom: 4px; }

.team-list .bio { margin: 12px 0 12px; padding: 0; border-left: none; width: 44.16667%; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.team-list .bio:nth-of-type(even) { width: 49.16667%; margin-left: 16px; padding-left: 16px; border-left: #b1b1b1 1px dotted; }

.team-list .bio p { font-size: 14px; line-height: 16px; margin: 8px 0 16px; padding-right: 24px; }

.team-list .bio .column-one { width: 20%; margin-right: 16px; max-width: none; }

.team-list .bio .column-one img { width: 100%; height: auto; }

.team-list .bio .column-two { width: 73.33333%; min-height: 165px; }

.team-list .bio ul.experience { width: 100%; padding-bottom: 24px; margin-bottom: 0; border-bottom: #b1b1b1 1px dotted; }

.team-list .bio ul.experience li { width: 26.66667%; padding-bottom: 30px; position: relative; min-height: 60px; }

@media only screen and (max-width: 960px) { .team-list .bio ul.experience li { min-height: 90px; padding-left: 6px; } }

.team-list .bio ul.experience li.years-experience { width: 33.33333%; }

.team-list .bio ul.experience li span { position: absolute; bottom: 0; }

.how-to-invest-overview table { margin-top: 16px; }

.how-to-invest-overview table tr td:first-of-type { font-size: 18px; line-height: 20px; font-weight: bold; white-space: nowrap; }

.how-to-invest-overview table tr td:first-of-type span.cusip { font-size: 14px; font-weight: normal; white-space: nowrap; }

.how-to-invest-overview table tr td .small-text { font-size: 12px; }

.how-to-invest-overview table tr.active { background-color: #05c3de; }

.how-to-invest-overview table tr.active td { color: #ffffff; }

.platforms table { width: 66.66667%; float: left; }

.platforms table td:not(:first-of-type) { text-align: center; }

.platforms .legend { width: 30%; float: left; margin-left: 3.33333%; position: relative; min-height: 230px; }

.platforms .legend ul { position: absolute; left: 0; bottom: 0; padding-left: 0; }

.platforms .legend li { list-style: none; padding-bottom: 4px; }

.platforms .legend li span { margin-right: 8px; }

.platforms .no-transaction-fee, .platforms .transaction-fee, .platforms .not-available { display: inline-block; width: 36px; text-align: center; font-size: 14px; line-height: 14px; padding: 2px; color: #ffffff; }

.platforms .no-transaction-fee { background-color: #B1CE00; }

.platforms .transaction-fee { background-color: #FF7500; }

.platforms .not-available { background-color: #00929F; }

.sector-attribution nav ul, .region-attribution nav ul, .country-attribution nav ul, .industry-attribution nav ul { margin: 0 0 16px; padding: 0; float: left; }

.sector-attribution nav ul li, .region-attribution nav ul li, .country-attribution nav ul li, .industry-attribution nav ul li { list-style: none; float: left; margin: 0 24px 0 0; padding: 0; }

.sector-attribution nav ul li a.active, .region-attribution nav ul li a.active, .country-attribution nav ul li a.active, .industry-attribution nav ul li a.active { color: #05c3de; }

.reclassifications-overview .reclassification-dividend { padding: 10px 0px 10px 12px; background: #ffffff; margin-bottom: 8px; }

.reclassifications-overview p { margin: 0px; font-size: 11px; line-height: 12px; }

.reclassifications-overview a { font-size: 16px; }

.fund-overview section { background-color: #ffffff; padding: 8px 24px 24px; width: 100%; float: left; position: relative; border-bottom: #b1b1b1 1px dotted; }

.fund-overview section h2 { font-size: 26px; line-height: 32px; color: #4f4f4f; margin-top: 16px; }

.fund-overview section h3 { font-size: 21px; line-height: 26px; color: #4f4f4f; text-transform: none; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; clear: both; margin-top: 16px; }

.fund-overview section h3:not(:first-of-type) { margin-top: 24px; }

.fund-overview section h4 { font-size: 14px; line-height: 16px; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-weight: normal; color: #4f4f4f; }

.fund-overview section .fund-data-override p { font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; }

.fund-overview section p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

.fund-overview section p.small-text { font-size: 11px; }

.fund-overview section p.no-data { font-size: 14px !important; margin-top: 16px; }

.fund-overview section select { margin-bottom: 8px; }

.fund-overview section .overview-section { width: 100%; float: left; float: left; clear: both; }

.fund-overview section .overview-arrow-tab { position: absolute; right: 5px; top: 5px; display: none; width: 40px; height: 40px; background: #05c3de; background-image: url("base/images/glyph.png"); background-size: 100% 100%; background-repeat: no-repeat; cursor: pointer; }

.fund-overview section .how-to-invest-platform-link { position: absolute; right: 56px; top: 24px; font-size: 18px; }

.fund-overview.isOverview .overview-arrow-tab { display: block; }

.data-value, .chart-caption .data-value, .performance-block .data-value, .data-grid .data-item span.data-value, .fund-thumbnail-tile .data-grid .data-item span.data-value, .data-value-difference, .data-grid .data-item span.data-value-difference { color: #05c3de; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-size: 28px; line-height: 32px; }

.data-value.smaller, .data-grid .data-item span.smaller.data-value, .data-value-difference.smaller, .data-grid .data-item span.smaller.data-value-difference { font-size: 16px; line-height: 20px; position: relative; }

.data-value.negative, .data-grid .data-item span.negative.data-value, .data-value-difference.negative, .data-grid .data-item span.negative.data-value-difference { color: #DA291C; }

.data-value.positive, .data-grid .data-item span.positive.data-value, .data-value-difference.positive, .data-grid .data-item span.positive.data-value-difference { color: #00843D; }

.data-value.not-applicable, .data-grid .data-item span.not-applicable.data-value, .data-value-difference.not-applicable, .data-grid .data-item span.not-applicable.data-value-difference { color: #3b3b3b; }

.snapshot.fund-snapshot .data-value, .snapshot.fund-snapshot .data-grid .data-item span.data-value, .data-grid .data-item .snapshot.fund-snapshot span.data-value, .snapshot.fund-snapshot .data-value-difference, .snapshot.fund-snapshot .data-grid .data-item span.data-value-difference, .data-grid .data-item .snapshot.fund-snapshot span.data-value-difference, .fund-thumbnail-tile .data-value, .data-grid .data-item .fund-thumbnail-tile span.data-value, .fund-thumbnail-tile .data-grid .data-item span.data-value, .fund-thumbnail-tile .data-value-difference, .fund-thumbnail-tile .data-grid .data-item span.data-value-difference, .data-grid .data-item .fund-thumbnail-tile span.data-value-difference { position: absolute; bottom: 0; }

.target-date-tile .data-value, .target-date-tile .data-grid .data-item span.data-value, .data-grid .data-item .target-date-tile span.data-value { position: relative; }

.data-value-difference, .data-grid .data-item span.data-value-difference { color: #4f4f4f; }

.data-grid { width: 51%; float: left; float: right; border-bottom: #b1b1b1 1px dotted; margin-bottom: 8px; padding-bottom: 8px; }

@media (max-width: 960px) { .data-grid { width: 48%; float: left; } }

.data-grid:last-of-type { border-bottom: 0; }

.data-grid .data-column { width: 50%; float: left; border-right: #b1b1b1 1px dotted; }

.data-grid .data-column:nth-of-type(2n) { border-right: 0; }

.data-grid .data-column.top-section:nth-of-type(2n + 1) .data-item { margin-left: 0; }

.data-grid .data-column.top-section .data-item:first-of-type { margin-top: 0; }

.data-grid .data-item { margin: 16px; min-height: 65px; border-bottom: #b1b1b1 1px dotted; position: relative; }

.data-grid .data-item:last-of-type { border-bottom: 0; margin-bottom: 0; }

.data-grid .data-item sup { font-size: 10.5px; font-weight: bold; }

.data-grid .data-item h4 { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 16px; color: #4f4f4f; margin-bottom: 4px; }

.data-grid .data-item h5 { display: block; color: #4f4f4f; font-size: 14px; line-height: 16px; font-weight: lighter; max-width: 150px; }

.data-grid .data-item span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3b3b3b; display: block; }

.data-grid .data-item span.label { display: inline; float: left; line-height: 38px; vertical-align: text-bottom; padding-right: 4px; }

.data-grid .data-item span.label + .data-value, .data-grid .data-item .chart-caption span.label + .data-value, .data-grid .data-item .performance-block span.label + .data-value { display: inline; }

.data-grid .data-item .top-section { border-bottom: #b1b1b1 1px dotted; padding-bottom: 8px; }

.data-grid .data-item .sub-section { float: left; margin: 8px 8px 0 0; border-left: #b1b1b1 1px dotted; padding-left: 8px; }

.data-grid .data-item .sub-section.first { border-left: 0; padding-left: 0; clear: both; }

.data-grid .data-item .sub-section .sub-label { font-weight: bold; }

.data-grid .morningstar-data-item { min-height: 105px !important; }

.data-grid .morningstar-data-item p { margin: 0 0 8px; }

.data-grid .morningstar-data-item .smaller { font-size: 18px !important; bottom: 8px !important; }

.data-grid p { border-bottom: #b1b1b1 1px dotted; padding: 8px 0; margin: 8px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; }

.data-grid p:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

.data-text { font-size: 13px; line-height: 16px; }

.fund-panel { padding: 0 24px; margin: 0 -24px; border-bottom: 2px solid #EBEBEB; }

.distributions-par { width: 100%; caption-side: bottom; }

.currency-diversification .benchmark-name, table + p.benchmark-name, p.benchmark-name { font-size: 11px !important; text-align: right; width: 100%; margin: 8px 0; }

.panel-disclosure { width: 100%; margin-top: 16px; clear: both; float: left; }

.panel-disclosure p { font-size: 14px !important; line-height: 16px !important; }

.panel-disclosure p:first-of-type { margin-top: 0; }

.disclosure-par, .future-disclosure-par, .disclosure-content-reference { width: 100%; float: left; margin-top: 24px; }

.disclosure-par sup, .future-disclosure-par sup, .disclosure-content-reference sup { float: left; display: inline-block; clear: left; height: 10px; margin: 8px 4px 0 0; font-weight: bold; }

.disclosure-par sup + div, .future-disclosure-par sup + div, .disclosure-content-reference sup + div { width: 98.33333%; float: left; }

.disclosure-par p:first-of-type, .future-disclosure-par p:first-of-type, .disclosure-content-reference p:first-of-type { margin-top: 0; }

.fund-range-documents-overlay-container { float: right; position: relative; }

.fund-range-documents-overlay-container a.button { font-size: 14px; line-height: 16px; padding-top: 4px; }

#skrollr-body.content .paragraph-with-heading, #skrollr-body.content .paragraph, #skrollr-body.content .table { background-color: transparent; }

#skrollr-body.content .paragraph-with-heading p, #skrollr-body.content .paragraph p, #skrollr-body.content .table p { font-family: Arial, Helvetica, sans-serif !important; font-size: 22px !important; line-height: 33px !important; }

.story-infographic .mgs-text h3 { line-height: 1.2em; }

.tile { background-color: #ffffff; padding: 24px; margin-right: 1.66667%; display: inline-block; vertical-align: top; margin-bottom: 24px; width: 100%; /* default tile type or style is primary */ }

.tile > div { position: relative; height: 100%; }

.tile.last { margin-right: 0; }

.tile a:hover { text-decoration: none; }

.tile a .read-more { font-size: 14px; white-space: nowrap; }

.tile a .read-more u { text-decoration: underline; }

.tile a .read-more:after { content: '...'; text-decoration: none; }

.tile a .read-more:before { content: ' '; text-decoration: none; }

.tile header { margin-bottom: 12px; padding: 0; }

.tile header h3 { text-transform: uppercase; }

.tile header h2 { font-size: 21px; line-height: 22px; }

.tile header h2 a { color: #054C70; }

.tile header h2 a:hover { text-decoration: none; }

.tile header .date .day { font-size: 34px; line-height: 36px; float: left; display: inline-block; padding-right: 8px; }

.tile header .date .month-year { font-size: 12px; line-height: 14px; display: block; }

.tile header .date .week-day { font-size: 16px; line-height: 18px; display: block; }

.tile header:empty { display: none; }

.tile .tile-content { /*min-height: 48px;*/ float: left; width: 100%; }

.tile .tile-content .summary { font-size: 26px; line-height: 35.90476px; line-height: 28px; padding-bottom: 8px; }

.tile .tile-content:empty { display: none; }

.tile footer { width: 100%; font-family: Arial, Helvetica, sans-serif; margin-top: 0; position: relative; float: left; }

.tile footer .author img { width: 40px; height: 40px; display: inline-block; margin-right: 16px; }

.tile footer .author .details { font-size: 11px; line-height: 12px; width: 66.66667%; display: inline-block; vertical-align: top; height: 100%; margin-bottom: 0; }

.tile footer .author .details span { font-weight: bold; }

.tile footer .author .details span.date { display: block; font-weight: normal; }

.tile footer:empty { display: none; }

.tile .adaptiveimage.image.section img { width: auto; height: auto; max-width: 100%; }

.tile.custom header { float: none; }

.tile.custom .tile-content.parsys { min-height: 0; }

.tile.custom p { margin: 0; font-size: 14px; }

.tile.custom p a { text-decoration: underline; font-size: 16px; }

.tile.custom .button { width: 100%; text-align: center; }

.tile.custom ul li, .tile.custom ol li { border: 0 none; list-style-type: none !important; margin: 0; padding: 0 0 24px 1.25em; text-indent: -1.2em; font-size: 14px; }

.tile.custom ul li:first-child, .tile.custom ol li:first-child { border-top: none; }

.tile.custom ul { margin: 0; padding: 0; }

.tile.custom ul li:before { content: "\25a0 \00A0 \00A0"; color: #05c3de; vertical-align: text-bottom; }

.tile.custom ul li a { font-size: 16px; text-decoration: underline; }

.tile.gray { background: #EBEBEB; }

.tile.white { background: #ffffff; }

.tile.download .button { width: 100%; }

.tile.download .button i { margin-right: 8px; }

.tile.download h2 { margin-bottom: 12px; }

.tile.download .image-container { background-size: cover; background-repeat: no-repeat; background-position: center top; width: 120px; float: left; margin-right: 16px; border: 1px solid #EBEBEB; overflow: hidden; }

.tile.download .image-container img { width: 100%; }

.tile.download p { clear: both; float: left; }

.tile.download footer { margin: 0; }

.tile.download.portrait .image-container { width: 100%; height: auto; max-height: 100px; float: none; margin: 0 0 8px 0; display: block; }

.tile.download.portrait .tile-content { margin-bottom: 8px; }

.tile.download.landscape .image-container { margin-right: 16px; max-height: 85px; }

.tile.download.landscape footer { float: left; clear: both; margin-top: 12px; }

.columns-class .tile { position: relative; padding-bottom: 24px; }

.columns-class .tile .tile-content { float: none; }

.columns-class .tile > div { height: auto; }

.columns-class .tile footer { float: none; bottom: 0; }

.columns-class .tile.download .image-container { max-height: 64px; }

.columns-class .tile.download .image-container img { height: auto; margin: 0 0 8px 0; }

.tile.video .tile-content { position: relative; margin-bottom: 48px; }

.tile.video .tile-content .video-container { background-size: cover; height: 130px; width: auto; background-position: center center; }

.tile.video .tile-content .video-container::before { background-image: url("../../../../content/dam/tpd/video_play_button.png"); background-position: center center; background-repeat: no-repeat; content: ' '; position: absolute; width: 100%; height: 100%; opacity: 0.6; }

.tile.video .tile-content .video-container:hover::before { opacity: 1; }

@media screen and (max-width: 960px) { .tile.video .tile-content .video-container { height: 176px; } }

.tile.video .tile-content .video-container .play-video { position: absolute; top: 40%; left: 40%; opacity: 0.6; }

.tile.video .tile-content .video-container .play-video:hover { opacity: 1; }

.tile.video .secondary header { width: 50%; float: right; }

.tile.video .secondary .tile-content { width: 47%; margin-bottom: 12px; }

.tile.video .secondary .tile-content .video-container { height: 85px; }

.bio .column-one, .bio .column-two { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.bio .column-one { width: 25%; margin-right: 1.66667%; max-width: 100px; }

.bio .column-one img { width: 84px; height: 84px; }

.bio .column-two { width: 71.66667%; }

.bio .column-two ul { list-style: none; padding: 0; margin: 0; }

.bio .column-two ul li ul { list-style: none; padding: 0; margin: 12px 0 0; }

.bio .column-two ul li ul li { font-size: 14px; line-height: 1.1em; color: #3b3b3b; }

.bio ul.experience { list-style: none; padding: 0; margin: 0; }

.bio ul.experience li { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 41.66667%; border-left: #b1b1b1 1px dotted; margin-left: 16px; padding-left: 16px; font-family: "Roboto Flex", "Roboto Flex Regular"; font-weight: 700; }

.bio ul.experience li span { display: block; color: #05c3de; font-size: 32px; font-family: "Roboto Flex", "Roboto Flex Regular"; margin-top: 8px; }

.bio ul.experience li:first-child { margin-left: 0; padding-left: 0; border-left: none; }

.contact.tile header h2 { margin-bottom: 12px; }

.contact header p { font-size: 16px; margin: 12px 0; }

.contact .tile-content { padding: 24px; background: #f4f4f4; }

.contact .tile-content:before { width: 16px; height: 16px; border-style: solid; border-width: 0 16px 16px 0; content: ' '; border-color: transparent #f4f4f4 transparent transparent; position: absolute; top: 0; left: -16px; }

.contact .tile-content h4 { font-size: 21px; margin-bottom: 10px; }

.contact .tile-content ul { list-style: none; padding: 0; margin: 0; }

.contact .tile-content ul li { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 46.66667%; min-width: 220px; border-left: #b1b1b1 1px dotted; margin-left: 16px; padding-left: 16px; }

.contact .tile-content ul li:first-child { border: none; margin-left: 0; padding-left: 0; }

.contact .tile-content ul li span, .contact .tile-content ul li a { margin-bottom: 10px; }

.contact .tile-content ul li span { display: block; font-size: 18px; }

.contact .tile-content ul li .phone { margin-right: 8px; font-size: 16px; }

.contact .tile-content ul li .phone:before { content: ' '; background-image: url(base/images/phone-icon.png); background-repeat: no-repeat; width: 18px; height: 18px; display: inline-block; margin-right: 8px; }

.contact .tile-content ul li .phone .email { display: block; }

.contact .tile-content ul li .question-mark { line-height: 20px; height: 20px; padding: 0 4px; }

.contact .tile-content .contact-region { border-top: #b1b1b1 1px dotted; padding-top: 12px; margin-top: 12px; }

.contact .tile-content .contact-region img, .contact .tile-content .contact-region p { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 46.66667%; min-width: 220px; }

.contact .tile-content .contact-region img { height: auto; margin-right: 1.66667%; }

.contact .tile-content .contact-region p { color: #054C70; font-size: 16px; margin: 0; }

aside .contact .tile-content li { display: block; border: none; padding: 0; margin: 0; }

.column.right-column .contact-promotion { padding: 0; background: #f4f4f4; }

.column.right-column .contact-promotion .contacts { display: block; }

.column.right-column .contact-promotion .contacts .contact.address, .column.right-column .contact-promotion .contacts .contact.enquiries ul { display: inline-block; margin: 0; padding: 0; min-width: auto; }

.column.right-column .contact-promotion .contacts .contact.address { padding-left: 0; }

.column.right-column .contact-promotion .contacts .contact.address ul { padding-bottom: 8px; margin-bottom: 8px; border-left: none; border-bottom: #b1b1b1 1px dotted; }

.column.right-column .contact-promotion .contacts .contact.address ul:before { content: ""; }

.column.right-column .contact-promotion .contacts .contact.address ul li { border-left: none; margin-left: 0; padding-left: 0; min-width: 150px; }

.column.right-column .contact-promotion .contacts .contact.enquiries h4 { padding-left: 24px; }

.column.right-column .contact-promotion .contacts .contact.enquiries ul { padding-bottom: 8px; margin-bottom: 8px; border-bottom: #b1b1b1 1px dotted; border-left: none; }

.column.right-column .contact-promotion .contacts .contact.enquiries ul li { margin: 0 0 8px; border-left: none; padding-left: 0; min-width: 150px; }

.column.right-column .contact-promotion .contacts .contact.enquiries ul:last-child { padding-right: 0; }

.column.right-column .contact-promotion .contacts .contact.enquiries ul.list-of-links li { margin: 0; }

.column.right-column .contact-promotion .contacts .contact.enquiries ul.list-of-links li a.button { margin: 0 0 8px; min-width: auto; }

.collection-column-second .tile.contact header { float: none; }

.collection-column-second .tile.contact .contact-promotion { background: transparent; padding: 0; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.address ul li, .collection-column-second .tile.contact .contact-promotion .contacts .contact.enquiries ul li { border-left: none; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.address { width: 100%; display: block; margin: 0; padding: 0; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.address ul { border-bottom: #b1b1b1 1px dotted; margin-bottom: 16px; padding-bottom: 16px; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.address ul li { border-left: #b1b1b1 1px dotted; margin: 0 0 0 36px; padding-left: 12px; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.enquiries { width: 100%; display: table; margin-bottom: 12px; padding-bottom: 12px; border-bottom: #b1b1b1 1px dotted; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.enquiries ul { display: table-cell; border-left: #b1b1b1 1px dotted; min-width: auto; padding: 0 12px; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.enquiries ul li { width: 100%; min-width: auto; padding-left: 0; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.enquiries ul:first-child { border: none; padding: 0 12px 0 0; }

.collection-column-second .tile.contact .contact-map, .collection-column-second .tile.contact .contact-map-information { width: 46%; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.collection-column-second .tile.contact .contact-map { margin-right: 16px; }

.collection-column-second .tile.contact .contact-map-information a { font-size: 16px; }

aside .tile.contact .tile-content ul li { min-width: auto; width: auto; }

.collection-tile { -webkit-background-size: 100% 100%; background-size: 100% 100%; padding: 24px; margin: 0; }

.collection-tile h2 { color: #ffffff; font-size: 32px !important; line-height: 32px !important; }

.collection-tile .tile-content { min-height: 24px; }

.collection-tile p { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 16px; line-height: 20px; margin: 0; padding-bottom: 16px; }

.collection-tile .collection-date { font-size: 12px; line-height: 12px; color: #4f4f4f; padding-bottom: 16px; margin: 0; }

.fund-thumbnail-tile { background-color: #ffffff; padding: 24px; }

.fund-thumbnail-tile header { min-height: 260px; }

.fund-thumbnail-tile header h2 { font-size: 26px; line-height: 28px; }

.fund-thumbnail-tile header h3 { font-size: 16px; font-style: italic; line-height: 20px; color: #4f4f4f; margin: 8px 0 0; }

.fund-thumbnail-tile header .asset-class, .fund-thumbnail-tile header .ticker { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 32px; color: #4f4f4f; display: block; float: left; margin-right: 24px; }

.fund-thumbnail-tile header a.button { float: right; }

.fund-thumbnail-tile header .investment-strategy { margin: 8px 0 24px; clear: both; min-height: 145px; }

.fund-thumbnail-tile header .investment-strategy p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #3b3b3b; }

.fund-thumbnail-tile .data-grid { width: 100%; float: left; border-top: 1px dotted #b1b1b1; }

.fund-thumbnail-tile .data-grid .data-column { width: 50%; float: left; border-right: 1px dotted #b1b1b1; }

.fund-thumbnail-tile .data-grid .data-column:nth-of-type(even) { border-right: 0; }

.fund-thumbnail-tile .data-grid .data-column:nth-of-type(odd) .data-item { margin-left: 0; }

.fund-thumbnail-tile .data-grid .data-item { margin: 16px 16px 0; min-height: 80px; border-bottom: 1px dotted #b1b1b1; }

.fund-thumbnail-tile .data-grid .data-item:last-of-type { border-bottom: 0; margin-bottom: 0; }

.fund-thumbnail-tile .data-grid .data-item h4 { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; line-height: 16px; color: #4f4f4f; margin-bottom: 4px; }

.fund-thumbnail-tile .data-grid .data-item span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3b3b3b; display: block; }

.fund-thumbnail-tile footer { float: left; width: 100%; }

.fund-thumbnail-tile footer p { padding: 0; margin: 0; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; }

.fund-thumbnail-tile .panel-disclosure p { font-size: 11px !important; line-height: 14px !important; }

.target-date-tile p.introduction { margin: 0 0 16px; }

.target-date-tile .retirement { width: 48.33333%; float: left; border-right: #b1b1b1 1px dotted; }

.target-date-tile .target-retirement { width: 48.33333%; float: right; }

.target-date-tile .retirement, .target-date-tile .target-retirement { padding-right: 16px; }

.target-date-tile .retirement p, .target-date-tile .target-retirement p { margin: 8px 0; }

.target-date-tile .retirement h4, .target-date-tile .target-retirement h4 { font-size: 14px; line-height: 16px; color: #4f4f4f; }

.target-date-tile .glidepath { width: 100%; float: none; height: 380px; }

.target-date-tile .button-container { text-align: center; }

.target-date-tile .enlarge-link { float: right; display: block; clear: both; }

.tile.bio-group header { float: none; }

.tile.bio-group header p { color: #3b3b3b; font-size: 14px; line-height: normal; }

.tile.bio-group .tile-content { margin-bottom: 24px; }

.tile.bio-group .column-one, .tile.bio-group .column-two { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.tile.bio-group .column-one { width: 33.33333%; margin-right: 1.66667%; }

.tile.bio-group .column-one img { width: 100%; height: auto; max-width: 96px; }

.tile.bio-group .column-two { width: 60%; }

.tile.bio-group .column-two h4 { line-height: 24px; }

.tile.bio-group .column-two p { margin: 0 0 12px; }

.tile.bio-group .bio { margin-top: 24px; padding-top: 24px; border-top: #b1b1b1 1px dotted; }

.tile.bio-group .bio:first-child { margin-top: 0; padding-top: 0; border-top: none; }

.tile.bio-group .bio ul { list-style: none; padding: 0; margin: 12px 0 12px; }

.tile.bio-group .bio ul li { font-size: 14px; line-height: 1.1em; color: #3b3b3b; width: auto !important; }

.tile.bio-group .bio ul.experience { display: table; position: relative; }

.tile.bio-group .bio ul.experience li { display: table-cell; border-left: #b1b1b1 1px dotted; border-top: none; margin-left: 16px; padding-left: 16px; font-family: "Roboto Flex", "Roboto Flex Regular"; font-weight: 700; padding-right: 12px; padding-bottom: 42px; }

.tile.bio-group .bio ul.experience li span { display: block; position: absolute; bottom: 0; color: #05c3de; font-size: 32px; font-family: Arial, Helvetica, sans-serif; margin-top: 8px; margin-bottom: 12px; }

.tile.bio-group .bio ul.experience li:first-child { margin-left: 0; padding-left: 0; border-left: none; }

.tile.bio-group .bio .overlay-container.contacts-list-overlay ul { margin: 8px 16px 0 0; }

.tile.bio-group .bio .overlay-container.contacts-list-overlay ul li { padding: 12px 0; border-top: #b1b1b1 1px dotted; }

.tile.bio-group .bio .overlay-container.contacts-list-overlay ul li:first-child { border: none; padding-top: 0; }

.tile.bio-group .bio .overlay-container.contacts-list-overlay ul li:last-child { padding-bottom: 0; }

.tile.bio-group .bio .overlay-container.contacts-list-overlay ul li i { float: right; }

.tile.bio-group .bio .overlay-container.contacts-list-overlay ul li a { margin-right: 12px; }

.tile.bio-group h5 { margin-top: 24px; padding-top: 12px; border-top: #b1b1b1 1px dotted; }

.bio-group-page .member-bio img, .bio-group-page .member-bio ul { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

.bio-group-page .member-bio ul { margin-top: 0; list-style: none; }

.story .story-container { position: relative; overflow: hidden; height: auto; width: 100%; margin: 0 auto; margin-bottom: 8px; }

.story .story-container .story-text { font-size: 26px; line-height: 28px; padding-bottom: 16px; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; }

.story .story-container p { margin: 0 0 16px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; }

.story .story-container a.button { width: 100%; }

.story .long-story-tile { margin: 0 auto; padding: 24px; color: #ffffff; }

.story .long-story-tile p { font-size: 16px; line-height: 20px; margin: 0; padding-bottom: 24px; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; }

.story .short-story-tile { height: auto; margin: 0 auto; margin-bottom: 0px; padding: 24px; color: #fff; }

.story .quotes-open, .story quotes-close { float: left; font-size: 134px; color: #05c3de; }

.story .quotes_open { position: absolute; line-height: 110px; padding-top: 65px; }

.story .quotes_close { line-height: 0px; padding-left: 0px; padding-top: 50px; position: relative; }

aside .author-panel { position: relative; padding: 24px; margin-bottom: 24px; background: #ffffff; }

aside .article-author-section .author-details, aside .article-author-section .author-picture { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

aside .article-author-section .author-details { width: 100%; }

aside .article-author-section .author-details .author-title { font-size: 21px; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; }

aside .article-author-section .author-details .author-title2 { font-size: 12px; font-family: "Roboto Flex", "Roboto Flex Regular"; font-weight: 500; margin-bottom: 16px; }

aside .article-author-section .author-details .author-info p { margin-bottom: 0; }

aside .article-author-section .author-picture { width: 25%; height: auto; float: right; margin: 0 0 16px 16px; }

aside .article-author-section .author-picture img { width: 100%; height: auto; }

aside .article-author-section .author-footer { margin-top: 20px; padding-top: 24px; border-top: #b1b1b1 1px dotted; }

.tile.blog .tile-content { position: relative; }

.tile.blog .tile-content .blog-photo-info { width: 28%; float: left; }

@media screen and (max-width: 960px) { .tile.blog .tile-content .blog-photo-info { width: 34.5%; } }

.tile.blog .tile-content .blog-photo-info img { width: 90%; height: auto; }

.tile.blog .tile-content .summary-info { float: right; width: 72%; }

@media screen and (max-width: 960px) { .tile.blog .tile-content .summary-info { width: 64.33333%; } }

.tile.blog .tile-content .summary-info .summary-text { display: none; }

.tile.webinar .tile-content { position: relative; }

.tile.webinar .tile-content .webinar-photo-info { width: 28%; float: left; }

@media screen and (max-width: 960px) { .tile.webinar .tile-content .webinar-photo-info { width: 34.5%; } }

.tile.webinar .tile-content .webinar-photo-info img { width: 90%; height: auto; }

.tile.webinar .tile-content .webinar-info-right { float: right; width: 72%; }

@media screen and (max-width: 960px) { .tile.webinar .tile-content .webinar-info-right { width: 64.33333%; } }

.tile.webinar .tile-content .webinar-info-right .summary { display: none; }

.tile.overview footer { font-size: 11px; line-height: 12px; }

.tile.link-search .tile-content { min-height: auto; }

.tile.link-search .tile-content .button { width: 100%; text-align: center; }

/*secondary and related should be loaded after other tile components so that they can override those specific styles. */
.tile .secondary { display: inline-block; }

.tile .secondary header h2 { font-size: 18px; line-height: 19px; }

.tile .secondary footer .author img { display: none; }

.tile.blog .secondary h2 { display: none; }

.tile.blog .secondary .summary-info .summary-text { display: block; }

.tile.webinar .secondary .tile-content .summary { display: none; }

.tile.webinar .secondary .tile-content .webinar-info-right .summary { display: block; }

.tile .related { margin-bottom: 1px; width: 100%; font-size: 16px; line-height: 22.09524px; }

.tile .related .tile { margin: 12px 0 0 0; padding: 12px 0 0 0; border-top: #b1b1b1 1px dotted; width: 100%; }

.tile .related .tile .related { display: none; }

.tile .related .tile header h2 { font-size: 16px; line-height: 17px; }

.tile .related .tile footer .author img { display: none; }

.tile .related .tile-content .summary { font-size: 26px; line-height: 35.90476px; }

.tile .related .tile-content .video-container { width: 49.16667%; float: left; }

.tile .related .tile-content .video-container header { width: 46.66667%; float: right; }

@media screen and (max-width: 960px) { .tile .related .tile-content .video-container { height: 176px; } }

.tile .related .tile.blog h2 { display: none; }

.tile .related .tile.blog .summary-info .summary-text { display: block; }

.tile .related .tile.webinar header .date .day, .tile .related .tile.webinar header .date .month-year, .tile .related .tile.webinar header .date .week-day { font-size: 12px; line-height: 14px; display: inline-block; }

.tile .related .tile.webinar .tile-content .summary { display: none; }

.tile .related .tile.webinar .tile-content .webinar-info-right .summary { display: block; }

.topic-section-container .tile { width: 31.66667%; padding-bottom: 24px; }

.topic-section-container .tile .tile-content { display: block; margin-bottom: 72px; }

.topic-section-container .tile.thinking header, .topic-section-container .tile.overview header { margin-bottom: 48px; }

.topic-section-container .tile.thinking .tile-inner, .topic-section-container .tile.overview .tile-inner { padding-bottom: 48px; position: relative; height: 100%; }

.topic-section-container .tile.video .tile-content { margin-bottom: 80px; }

.topic-section-container .tile footer { width: 100%; font-family: Arial, Helvetica, sans-serif; margin-top: 24px; position: absolute; bottom: 0; min-height: 40px; }

.topic-section-container .tile footer .author .details { max-height: 48px; overflow: hidden; }

@media screen and (max-width: 960px) { .topic-section-container .tile { width: 48.33333%; } }

article .tile { padding: 0; margin: 0; }

article .tile header { margin: 0; }

article .tile.gray { padding: 24px; }

article .columns-class .tile { padding: 16px; margin-bottom: 12px; }

article .columns-class .tile.gray { padding: 24px; margin-bottom: 12px; }

article .columns-class .tile header { margin-top: 0; }

body.cq-wcm-edit .tile .related.parsys { position: relative; }

body.cq-wcm-edit .tile .related.parsys:before { content: 'Related Content'; font-size: 12px; padding: 0 5px 0 0; position: absolute; top: 0; left: 0; background: rgba(5, 195, 222, 0.3); }

.collections-watch-container { width: 250px; float: right; margin: -24px 0 16px; }

.collections-watch-container .watch-label { display: inline; font-size: 12px; line-height: 26px; float: right; position: relative; margin-right: 8px; font-weight: bold; }

.user-panel { margin: -24px 0 16px; }

.user-panel .watch-label { display: inline; font-size: 12px; line-height: 26px; float: right; position: relative; margin-right: 8px; }

footer .footer-statement { width: 262px; }

footer .footer-statement { color: white; float: left; font-size: 14px; line-height: 30px; margin-top: 0; padding-right: 40px; text-align: left; width: 280px; }

footer .footer-links { float: left; margin-top: -2px; width: 167px; }

footer .footer-links { float: left; margin-top: -2px; width: 167px; }

footer .social-icons { margin-bottom: 0; margin-top: 0; padding-left: 0; }

.social-icons { font-family: "Roboto Flex"; font-size: 14px; list-style: outside none none; margin-bottom: 0; margin-top: 0; padding-left: 0; }

footer .social-icons { margin-bottom: 0; margin-top: 0; padding-left: 0; }

footer .social-icons .title { color: #b1b1b1; font-size: 14px; font-weight: bold; line-height: inherit; }

footer .social-icons > li { display: block; padding-bottom: 15px; }

footer .social-icons > li a { background-image: url("base/css/images/social-icons-vertical.png"); color: white; font-size: 14px; padding-bottom: 5px; padding-left: 30px; }

footer .social-icons > li a:hover { color: #05c3de !important; }

footer .social-icons > li a.fb { background-position: 0 -22px; background-repeat: no-repeat; }

footer .social-icons > li a.fb:hover { background-position: 0 0; }

footer .social-icons > li a.tw { background-position: 0 -66px; background-repeat: no-repeat; }

footer .social-icons > li a.tw:hover { background-position: 0 -44px; }

footer .social-icons > li a.yt { background-position: 0 -110px; background-repeat: no-repeat; }

footer .social-icons > li a.yt:hover { background-position: 0 -88px; }

footer .social-icons > li a.ln { background-position: 0 -156px; background-repeat: no-repeat; }

footer .social-icons > li a.ln:hover { background-position: 0 -134px; }

footer .social-icons > li span { background-image: url(../base/images/social-icons-vert.png); display: inline-block; height: 22px; width: 22px; }

footer .social-icons > li span.fb { background-position: 0 -22px; }

footer .social-icons > li span.fb:hover { background-position: 0 0; }

footer .social-icons > li span.tw { background-position: -22px -22px; }

footer .social-icons > li span.tw:hover { background-position: -22px 0; }

footer .social-icons > li span.yt { background-position: -44px -22px; }

footer .social-icons > li span.yt:hover { background-position: -44px 0; }

footer .social-icons > li span.ln { background-position: -66px -22px; }

footer .social-icons > li span.ln:hover { background-position: -66px 0; }

footer .social-icons .socialTitle { color: #b1b1b1; font-size: 14px; font-weight: bold; line-height: inherit; }

.mmrRestricted { cursor: default; }

a.mmrRestricted:hover { background: #054c70 none repeat scroll 0 0; }

.messages, .messages.data-cell.full-width { display: block; clear: both; font-size: 14px; line-height: normal; font-weight: normal; }

.messages a, .messages.data-cell.full-width a { font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; text-decoration: underline; }

.messages.header-message, .messages.snapshot-message, .messages.right-column-message, .messages.home-mmr-messages, .messages.data-cell.full-width.header-message, .messages.data-cell.full-width.snapshot-message, .messages.data-cell.full-width.right-column-message, .messages.data-cell.full-width.home-mmr-messages { padding: 15px; background-color: #F8EFCE; border-top: 4px #DA291C solid; color: #111111; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; }

.messages.header-message .messages-inner, .messages.snapshot-message .messages-inner, .messages.right-column-message .messages-inner, .messages.home-mmr-messages .messages-inner, .messages.data-cell.full-width.header-message .messages-inner, .messages.data-cell.full-width.snapshot-message .messages-inner, .messages.data-cell.full-width.right-column-message .messages-inner, .messages.data-cell.full-width.home-mmr-messages .messages-inner { padding-left: 24px; position: relative; font-weight: 700; }

.messages.header-message .messages-inner:before, .messages.snapshot-message .messages-inner:before, .messages.right-column-message .messages-inner:before, .messages.home-mmr-messages .messages-inner:before, .messages.data-cell.full-width.header-message .messages-inner:before, .messages.data-cell.full-width.snapshot-message .messages-inner:before, .messages.data-cell.full-width.right-column-message .messages-inner:before, .messages.data-cell.full-width.home-mmr-messages .messages-inner:before { position: absolute; top: 2px; left: 0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; color: #DA291C; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f071"; }

.messages.header-message .messages-inner.home-mmr-message:before, .messages.snapshot-message .messages-inner.home-mmr-message:before, .messages.right-column-message .messages-inner.home-mmr-message:before, .messages.home-mmr-messages .messages-inner.home-mmr-message:before, .messages.data-cell.full-width.header-message .messages-inner.home-mmr-message:before, .messages.data-cell.full-width.snapshot-message .messages-inner.home-mmr-message:before, .messages.data-cell.full-width.right-column-message .messages-inner.home-mmr-message:before, .messages.data-cell.full-width.home-mmr-messages .messages-inner.home-mmr-message:before { font-size: 18px; line-height: 24.85714px; }

.messages.header-message.type-takedown, .messages.snapshot-message.type-takedown, .messages.right-column-message.type-takedown, .messages.home-mmr-messages.type-takedown, .messages.data-cell.full-width.header-message.type-takedown, .messages.data-cell.full-width.snapshot-message.type-takedown, .messages.data-cell.full-width.right-column-message.type-takedown, .messages.data-cell.full-width.home-mmr-messages.type-takedown { font-style: italic; border-top: #ffffff; background-color: #ffffff; font-family: "Roboto Flex", "Roboto Flex Regular", Arial, Helvetica, sans-serif; padding: 0; }

.messages.header-message.type-takedown .messages-inner, .messages.snapshot-message.type-takedown .messages-inner, .messages.right-column-message.type-takedown .messages-inner, .messages.home-mmr-messages.type-takedown .messages-inner, .messages.data-cell.full-width.header-message.type-takedown .messages-inner, .messages.data-cell.full-width.snapshot-message.type-takedown .messages-inner, .messages.data-cell.full-width.right-column-message.type-takedown .messages-inner, .messages.data-cell.full-width.home-mmr-messages.type-takedown .messages-inner { padding-left: 0; margin: 8px 0; }

.messages.header-message.type-takedown .messages-inner:before, .messages.snapshot-message.type-takedown .messages-inner:before, .messages.right-column-message.type-takedown .messages-inner:before, .messages.home-mmr-messages.type-takedown .messages-inner:before, .messages.data-cell.full-width.header-message.type-takedown .messages-inner:before, .messages.data-cell.full-width.snapshot-message.type-takedown .messages-inner:before, .messages.data-cell.full-width.right-column-message.type-takedown .messages-inner:before, .messages.data-cell.full-width.home-mmr-messages.type-takedown .messages-inner:before { display: none; }

.messages.header-message, .messages.data-cell.full-width.header-message { margin-bottom: 0; }

.messages.snapshot-message, .messages.data-cell.full-width.snapshot-message { padding: 6px; margin-bottom: 12px; }

.messages.snapshot-message .messages-inner, .messages.data-cell.full-width.snapshot-message .messages-inner { margin: 8px; }

.messages.data-cell.full-width { padding: 0; }

.home-right-column .messages, .messages { margin-top: 0px; }

.home-right-column .messages h5, .messages h5 { position: relative; }

.home-right-column .messages h5 a, .messages h5 a { text-decoration: underline; }

.home-right-column .messages .right-column-message, .messages .right-column-message { margin: 8px 0 0 24px; padding: 8px 0 0; border-top: #b1b1b1 1px dotted; }

.home-right-column .messages .right-column-message:first-of-type, .messages .right-column-message:first-of-type { padding-top: 0; border-top: none; }

.home-right-column .messages .right-column-message .messages-inner, .messages .right-column-message .messages-inner { font-weight: bold; }

.home-right-column .messages { margin-bottom: 12px; }

.data-section { margin-bottom: 20px; }

.fund-message-item { margin: 16px 0; padding: 16px 0 0; border-top: #b1b1b1 1px dotted; }

.fund-message-item:first-of-type { padding-top: 0; border-top: none; }


.onoffswitch {
	float: right;
    position: relative; width: 75px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 0px solid #FFFFFF; border-radius: 2px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 26px; padding: 0; line-height: 26px;
    font-size: 12px; color: white; font-family: "Roboto Flex";
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "On";
    padding-left: 11px;
    background-color: #FFFFFF; color: #000000;
    border: 1px solid #DDDDDD;
}
.onoffswitch-inner:after {
    content: "Off";
    padding-right: 12px;
    background-color: #FFFFFF; color: #000000;
    border: 1px solid #DDDDDD;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 35px; margin: 1px;
    background: #AAAAAA;
    border: 1px solid #DDDDDD; border-radius: 2px;
    position: absolute; top: 0; bottom: 0; right: 38px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

@charset "UTF-8";
/*! Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("base/css/Fonts/fontawesome-webfont.eot?v=4.2.0"); src: url("base/css/Fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("base/css/Fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("base/css/Fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("base/css/Fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }

.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }

.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: ""; }

.fa-music:before { content: ""; }

.fa-search:before { content: ""; }

.fa-envelope-o:before { content: ""; }

.fa-heart:before { content: ""; }

.fa-star:before { content: ""; }

.fa-star-o:before { content: ""; }

.fa-user:before { content: ""; }

.fa-film:before { content: ""; }

.fa-th-large:before { content: ""; }

.fa-th:before { content: ""; }

.fa-th-list:before { content: ""; }

.fa-check:before { content: ""; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: ""; }

.fa-search-plus:before { content: ""; }

.fa-search-minus:before { content: ""; }

.fa-power-off:before { content: ""; }

.fa-signal:before { content: ""; }

.fa-gear:before, .fa-cog:before { content: ""; }

.fa-trash-o:before { content: ""; }

.fa-home:before { content: ""; }

.fa-file-o:before { content: ""; }

.fa-clock-o:before { content: ""; }

.fa-road:before { content: ""; }

.fa-download:before { content: ""; }

.fa-arrow-circle-o-down:before { content: ""; }

.fa-arrow-circle-o-up:before { content: ""; }

.fa-inbox:before { content: ""; }

.fa-play-circle-o:before { content: ""; }

.fa-rotate-right:before, .fa-repeat:before { content: ""; }

.fa-refresh:before { content: ""; }

.fa-list-alt:before { content: ""; }

.fa-lock:before { content: ""; }

.fa-flag:before { content: ""; }

.fa-headphones:before { content: ""; }

.fa-volume-off:before { content: ""; }

.fa-volume-down:before { content: ""; }

.fa-volume-up:before { content: ""; }

.fa-qrcode:before { content: ""; }

.fa-barcode:before { content: ""; }

.fa-tag:before { content: ""; }

.fa-tags:before { content: ""; }

.fa-book:before { content: ""; }

.fa-bookmark:before { content: ""; }

.fa-print:before { content: ""; }

.fa-camera:before { content: ""; }

.fa-font:before { content: ""; }

.fa-bold:before { content: ""; }

.fa-italic:before { content: ""; }

.fa-text-height:before { content: ""; }

.fa-text-width:before { content: ""; }

.fa-align-left:before { content: ""; }

.fa-align-center:before { content: ""; }

.fa-align-right:before { content: ""; }

.fa-align-justify:before { content: ""; }

.fa-list:before { content: ""; }

.fa-dedent:before, .fa-outdent:before { content: ""; }

.fa-indent:before { content: ""; }

.fa-video-camera:before { content: ""; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; }

.fa-pencil:before { content: ""; }

.fa-map-marker:before { content: ""; }

.fa-adjust:before { content: ""; }

.fa-tint:before { content: ""; }

.fa-edit:before, .fa-pencil-square-o:before { content: ""; }

.fa-share-square-o:before { content: ""; }

.fa-check-square-o:before { content: ""; }

.fa-arrows:before { content: ""; }

.fa-step-backward:before { content: ""; }

.fa-fast-backward:before { content: ""; }

.fa-backward:before { content: ""; }

.fa-play:before { content: ""; }

.fa-pause:before { content: ""; }

.fa-stop:before { content: ""; }

.fa-forward:before { content: ""; }

.fa-fast-forward:before { content: ""; }

.fa-step-forward:before { content: ""; }

.fa-eject:before { content: ""; }

.fa-chevron-left:before { content: ""; }

.fa-chevron-right:before { content: ""; }

.fa-plus-circle:before { content: ""; }

.fa-minus-circle:before { content: ""; }

.fa-times-circle:before { content: ""; }

.fa-check-circle:before { content: ""; }

.fa-question-circle:before { content: ""; }

.fa-info-circle:before { content: ""; }

.fa-crosshairs:before { content: ""; }

.fa-times-circle-o:before { content: ""; }

.fa-check-circle-o:before { content: ""; }

.fa-ban:before { content: ""; }

.fa-arrow-left:before { content: ""; }

.fa-arrow-right:before { content: ""; }

.fa-arrow-up:before { content: ""; }

.fa-arrow-down:before { content: ""; }

.fa-mail-forward:before, .fa-share:before { content: ""; }

.fa-expand:before { content: ""; }

.fa-compress:before { content: ""; }

.fa-plus:before { content: ""; }

.fa-minus:before { content: ""; }

.fa-asterisk:before { content: ""; }

.fa-exclamation-circle:before { content: ""; }

.fa-gift:before { content: ""; }

.fa-leaf:before { content: ""; }

.fa-fire:before { content: ""; }

.fa-eye:before { content: ""; }

.fa-eye-slash:before { content: ""; }

.fa-warning:before, .fa-exclamation-triangle:before { content: ""; }

.fa-plane:before { content: ""; }

.fa-calendar:before { content: ""; }

.fa-random:before { content: ""; }

.fa-comment:before { content: ""; }

.fa-magnet:before { content: ""; }

.fa-chevron-up:before { content: ""; }

.fa-chevron-down:before { content: ""; }

.fa-retweet:before { content: ""; }

.fa-shopping-cart:before { content: ""; }

.fa-folder:before { content: ""; }

.fa-folder-open:before { content: ""; }

.fa-arrows-v:before { content: ""; }

.fa-arrows-h:before { content: ""; }

.fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; }

.fa-twitter-square:before { content: ""; }

.fa-facebook-square:before { content: ""; }

.fa-camera-retro:before { content: ""; }

.fa-key:before { content: ""; }

.fa-gears:before, .fa-cogs:before { content: ""; }

.fa-comments:before { content: ""; }

.fa-thumbs-o-up:before { content: ""; }

.fa-thumbs-o-down:before { content: ""; }

.fa-star-half:before { content: ""; }

.fa-heart-o:before { content: ""; }

.fa-sign-out:before { content: ""; }

.fa-linkedin-square:before { content: ""; }

.fa-thumb-tack:before { content: ""; }

.fa-external-link:before { content: ""; }

.fa-sign-in:before { content: ""; }

.fa-trophy:before { content: ""; }

.fa-github-square:before { content: ""; }

.fa-upload:before { content: ""; }

.fa-lemon-o:before { content: ""; }

.fa-phone:before { content: ""; }

.fa-square-o:before { content: ""; }

.fa-bookmark-o:before { content: ""; }

.fa-phone-square:before { content: ""; }

.fa-twitter:before { content: ""; }

.fa-facebook:before { content: ""; }

.fa-github:before { content: ""; }

.fa-unlock:before { content: ""; }

.fa-credit-card:before { content: ""; }

.fa-rss:before { content: ""; }

.fa-hdd-o:before { content: ""; }

.fa-bullhorn:before { content: ""; }

.fa-bell:before { content: ""; }

.fa-certificate:before { content: ""; }

.fa-hand-o-right:before { content: ""; }

.fa-hand-o-left:before { content: ""; }

.fa-hand-o-up:before { content: ""; }

.fa-hand-o-down:before { content: ""; }

.fa-arrow-circle-left:before { content: ""; }

.fa-arrow-circle-right:before { content: ""; }

.fa-arrow-circle-up:before { content: ""; }

.fa-arrow-circle-down:before { content: ""; }

.fa-globe:before { content: ""; }

.fa-wrench:before { content: ""; }

.fa-tasks:before { content: ""; }

.fa-filter:before { content: ""; }

.fa-briefcase:before { content: ""; }

.fa-arrows-alt:before { content: ""; }

.fa-group:before, .fa-users:before { content: ""; }

.fa-chain:before, .fa-link:before { content: ""; }

.fa-cloud:before { content: ""; }

.fa-flask:before { content: ""; }

.fa-cut:before, .fa-scissors:before { content: ""; }

.fa-copy:before, .fa-files-o:before { content: ""; }

.fa-paperclip:before { content: ""; }

.fa-save:before, .fa-floppy-o:before { content: ""; }

.fa-square:before { content: ""; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; }

.fa-list-ul:before { content: ""; }

.fa-list-ol:before { content: ""; }

.fa-strikethrough:before { content: ""; }

.fa-underline:before { content: ""; }

.fa-table:before { content: ""; }

.fa-magic:before { content: ""; }

.fa-truck:before { content: ""; }

.fa-pinterest:before { content: ""; }

.fa-pinterest-square:before { content: ""; }

.fa-google-plus-square:before { content: ""; }

.fa-google-plus:before { content: ""; }

.fa-money:before { content: ""; }

.fa-caret-down:before { content: ""; }

.fa-caret-up:before { content: ""; }

.fa-caret-left:before { content: ""; }

.fa-caret-right:before { content: ""; }

.fa-columns:before { content: ""; }

.fa-unsorted:before, .fa-sort:before { content: ""; }

.fa-sort-down:before, .fa-sort-desc:before { content: ""; }

.fa-sort-up:before, .fa-sort-asc:before { content: ""; }

.fa-envelope:before { content: ""; }

.fa-linkedin:before { content: ""; }

.fa-rotate-left:before, .fa-undo:before { content: ""; }

.fa-legal:before, .fa-gavel:before { content: ""; }

.fa-dashboard:before, .fa-tachometer:before { content: ""; }

.fa-comment-o:before { content: ""; }

.fa-comments-o:before { content: ""; }

.fa-flash:before, .fa-bolt:before { content: ""; }

.fa-sitemap:before { content: ""; }

.fa-umbrella:before { content: ""; }

.fa-paste:before, .fa-clipboard:before { content: ""; }

.fa-lightbulb-o:before { content: ""; }

.fa-exchange:before { content: ""; }

.fa-cloud-download:before { content: ""; }

.fa-cloud-upload:before { content: ""; }

.fa-user-md:before { content: ""; }

.fa-stethoscope:before { content: ""; }

.fa-suitcase:before { content: ""; }

.fa-bell-o:before { content: ""; }

.fa-coffee:before { content: ""; }

.fa-cutlery:before { content: ""; }

.fa-file-text-o:before { content: ""; }

.fa-building-o:before { content: ""; }

.fa-hospital-o:before { content: ""; }

.fa-ambulance:before { content: ""; }

.fa-medkit:before { content: ""; }

.fa-fighter-jet:before { content: ""; }

.fa-beer:before { content: ""; }

.fa-h-square:before { content: ""; }

.fa-plus-square:before { content: ""; }

.fa-angle-double-left:before { content: ""; }

.fa-angle-double-right:before { content: ""; }

.fa-angle-double-up:before { content: ""; }

.fa-angle-double-down:before { content: ""; }

.fa-angle-left:before { content: ""; }

.fa-angle-right:before { content: ""; }

.fa-angle-up:before { content: ""; }

.fa-angle-down:before { content: ""; }

.fa-desktop:before { content: ""; }

.fa-laptop:before { content: ""; }

.fa-tablet:before { content: ""; }

.fa-mobile-phone:before, .fa-mobile:before { content: ""; }

.fa-circle-o:before { content: ""; }

.fa-quote-left:before { content: ""; }

.fa-quote-right:before { content: ""; }

.fa-spinner:before { content: ""; }

.fa-circle:before { content: ""; }

.fa-mail-reply:before, .fa-reply:before { content: ""; }

.fa-github-alt:before { content: ""; }

.fa-folder-o:before { content: ""; }

.fa-folder-open-o:before { content: ""; }

.fa-smile-o:before { content: ""; }

.fa-frown-o:before { content: ""; }

.fa-meh-o:before { content: ""; }

.fa-gamepad:before { content: ""; }

.fa-keyboard-o:before { content: ""; }

.fa-flag-o:before { content: ""; }

.fa-flag-checkered:before { content: ""; }

.fa-terminal:before { content: ""; }

.fa-code:before { content: ""; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: ""; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; }

.fa-location-arrow:before { content: ""; }

.fa-crop:before { content: ""; }

.fa-code-fork:before { content: ""; }

.fa-unlink:before, .fa-chain-broken:before { content: ""; }

.fa-question:before { content: ""; }

.fa-info:before { content: ""; }

.fa-exclamation:before { content: ""; }

.fa-superscript:before { content: ""; }

.fa-subscript:before { content: ""; }

.fa-eraser:before { content: ""; }

.fa-puzzle-piece:before { content: ""; }

.fa-microphone:before { content: ""; }

.fa-microphone-slash:before { content: ""; }

.fa-shield:before { content: ""; }

.fa-calendar-o:before { content: ""; }

.fa-fire-extinguisher:before { content: ""; }

.fa-rocket:before { content: ""; }

.fa-maxcdn:before { content: ""; }

.fa-chevron-circle-left:before { content: ""; }

.fa-chevron-circle-right:before { content: ""; }

.fa-chevron-circle-up:before { content: ""; }

.fa-chevron-circle-down:before { content: ""; }

.fa-html5:before { content: ""; }

.fa-css3:before { content: ""; }

.fa-anchor:before { content: ""; }

.fa-unlock-alt:before { content: ""; }

.fa-bullseye:before { content: ""; }

.fa-ellipsis-h:before { content: ""; }

.fa-ellipsis-v:before { content: ""; }

.fa-rss-square:before { content: ""; }

.fa-play-circle:before { content: ""; }

.fa-ticket:before { content: ""; }

.fa-minus-square:before { content: ""; }

.fa-minus-square-o:before { content: ""; }

.fa-level-up:before { content: ""; }

.fa-level-down:before { content: ""; }

.fa-check-square:before { content: ""; }

.fa-pencil-square:before { content: ""; }

.fa-external-link-square:before { content: ""; }

.fa-share-square:before { content: ""; }

.fa-compass:before { content: ""; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; }

.fa-euro:before, .fa-eur:before { content: ""; }

.fa-gbp:before { content: ""; }

.fa-dollar:before, .fa-usd:before { content: ""; }

.fa-rupee:before, .fa-inr:before { content: ""; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; }

.fa-won:before, .fa-krw:before { content: ""; }

.fa-bitcoin:before, .fa-btc:before { content: ""; }

.fa-file:before { content: ""; }

.fa-file-text:before { content: ""; }

.fa-sort-alpha-asc:before { content: ""; }

.fa-sort-alpha-desc:before { content: ""; }

.fa-sort-amount-asc:before { content: ""; }

.fa-sort-amount-desc:before { content: ""; }

.fa-sort-numeric-asc:before { content: ""; }

.fa-sort-numeric-desc:before { content: ""; }

.fa-thumbs-up:before { content: ""; }

.fa-thumbs-down:before { content: ""; }

.fa-youtube-square:before { content: ""; }

.fa-youtube:before { content: ""; }

.fa-xing:before { content: ""; }

.fa-xing-square:before { content: ""; }

.fa-youtube-play:before { content: ""; }

.fa-dropbox:before { content: ""; }

.fa-stack-overflow:before { content: ""; }

.fa-instagram:before { content: ""; }

.fa-flickr:before { content: ""; }

.fa-adn:before { content: ""; }

.fa-bitbucket:before { content: ""; }

.fa-bitbucket-square:before { content: ""; }

.fa-tumblr:before { content: ""; }

.fa-tumblr-square:before { content: ""; }

.fa-long-arrow-down:before { content: ""; }

.fa-long-arrow-up:before { content: ""; }

.fa-long-arrow-left:before { content: ""; }

.fa-long-arrow-right:before { content: ""; }

.fa-apple:before { content: ""; }

.fa-windows:before { content: ""; }

.fa-android:before { content: ""; }

.fa-linux:before { content: ""; }

.fa-dribbble:before { content: ""; }

.fa-skype:before { content: ""; }

.fa-foursquare:before { content: ""; }

.fa-trello:before { content: ""; }

.fa-female:before { content: ""; }

.fa-male:before { content: ""; }

.fa-gittip:before { content: ""; }

.fa-sun-o:before { content: ""; }

.fa-moon-o:before { content: ""; }

.fa-archive:before { content: ""; }

.fa-bug:before { content: ""; }

.fa-vk:before { content: ""; }

.fa-weibo:before { content: ""; }

.fa-renren:before { content: ""; }

.fa-pagelines:before { content: ""; }

.fa-stack-exchange:before { content: ""; }

.fa-arrow-circle-o-right:before { content: ""; }

.fa-arrow-circle-o-left:before { content: ""; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; }

.fa-dot-circle-o:before { content: ""; }

.fa-wheelchair:before { content: ""; }

.fa-vimeo-square:before { content: ""; }

.fa-turkish-lira:before, .fa-try:before { content: ""; }

.fa-plus-square-o:before { content: ""; }

.fa-space-shuttle:before { content: ""; }

.fa-slack:before { content: ""; }

.fa-envelope-square:before { content: ""; }

.fa-wordpress:before { content: ""; }

.fa-openid:before { content: ""; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: ""; }

.fa-yahoo:before { content: ""; }

.fa-google:before { content: ""; }

.fa-reddit:before { content: ""; }

.fa-reddit-square:before { content: ""; }

.fa-stumbleupon-circle:before { content: ""; }

.fa-stumbleupon:before { content: ""; }

.fa-delicious:before { content: ""; }

.fa-digg:before { content: ""; }

.fa-pied-piper:before { content: ""; }

.fa-pied-piper-alt:before { content: ""; }

.fa-drupal:before { content: ""; }

.fa-joomla:before { content: ""; }

.fa-language:before { content: ""; }

.fa-fax:before { content: ""; }

.fa-building:before { content: ""; }

.fa-child:before { content: ""; }

.fa-paw:before { content: ""; }

.fa-spoon:before { content: ""; }

.fa-cube:before { content: ""; }

.fa-cubes:before { content: ""; }

.fa-behance:before { content: ""; }

.fa-behance-square:before { content: ""; }

.fa-steam:before { content: ""; }

.fa-steam-square:before { content: ""; }

.fa-recycle:before { content: ""; }

.fa-automobile:before, .fa-car:before { content: ""; }

.fa-cab:before, .fa-taxi:before { content: ""; }

.fa-tree:before { content: ""; }

.fa-spotify:before { content: ""; }

.fa-deviantart:before { content: ""; }

.fa-soundcloud:before { content: ""; }

.fa-database:before { content: ""; }

.fa-file-pdf-o:before { content: ""; }

.fa-file-word-o:before { content: ""; }

.fa-file-excel-o:before { content: ""; }

.fa-file-powerpoint-o:before { content: ""; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: ""; }

.fa-file-code-o:before { content: ""; }

.fa-vine:before { content: ""; }

.fa-codepen:before { content: ""; }

.fa-jsfiddle:before { content: ""; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; }

.fa-circle-o-notch:before { content: ""; }

.fa-ra:before, .fa-rebel:before { content: ""; }

.fa-ge:before, .fa-empire:before { content: ""; }

.fa-git-square:before { content: ""; }

.fa-git:before { content: ""; }

.fa-hacker-news:before { content: ""; }

.fa-tencent-weibo:before { content: ""; }

.fa-qq:before { content: ""; }

.fa-wechat:before, .fa-weixin:before { content: ""; }

.fa-send:before, .fa-paper-plane:before { content: ""; }

.fa-send-o:before, .fa-paper-plane-o:before { content: ""; }

.fa-history:before { content: ""; }

.fa-circle-thin:before { content: ""; }

.fa-header:before { content: ""; }

.fa-paragraph:before { content: ""; }

.fa-sliders:before { content: ""; }

.fa-share-alt:before { content: ""; }

.fa-share-alt-square:before { content: ""; }

.fa-bomb:before { content: ""; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; }

.fa-tty:before { content: ""; }

.fa-binoculars:before { content: ""; }

.fa-plug:before { content: ""; }

.fa-slideshare:before { content: ""; }

.fa-twitch:before { content: ""; }

.fa-yelp:before { content: ""; }

.fa-newspaper-o:before { content: ""; }

.fa-wifi:before { content: ""; }

.fa-calculator:before { content: ""; }

.fa-paypal:before { content: ""; }

.fa-google-wallet:before { content: ""; }

.fa-cc-visa:before { content: ""; }

.fa-cc-mastercard:before { content: ""; }

.fa-cc-discover:before { content: ""; }

.fa-cc-amex:before { content: ""; }

.fa-cc-paypal:before { content: ""; }

.fa-cc-stripe:before { content: ""; }

.fa-bell-slash:before { content: ""; }

.fa-bell-slash-o:before { content: ""; }

.fa-trash:before { content: ""; }

.fa-copyright:before { content: ""; }

.fa-at:before { content: ""; }

.fa-eyedropper:before { content: ""; }

.fa-paint-brush:before { content: ""; }

.fa-birthday-cake:before { content: ""; }

.fa-area-chart:before { content: ""; }

.fa-pie-chart:before { content: ""; }

.fa-line-chart:before { content: ""; }

.fa-lastfm:before { content: ""; }

.fa-lastfm-square:before { content: ""; }

.fa-toggle-off:before { content: ""; }

.fa-toggle-on:before { content: ""; }

.fa-bicycle:before { content: ""; }

.fa-bus:before { content: ""; }

.fa-ioxhost:before { content: ""; }

.fa-angellist:before { content: ""; }

.fa-cc:before { content: ""; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; }

.fa-meanpath:before { content: ""; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(base/css/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

.ui-dialog .ui-dialog-buttonpane button.button.primary {
        color: #ffffff;
}

.ui-dialog .ui-dialog-buttonpane button.button.tertiary {
    color: #054C70;
    border:none;
    background:none;
}

.ui-dialog .ui-dialog-buttonpane button.button.tertiary:hover,
.ui-dialog .ui-dialog-buttonpane button.button.tertiary:focus {
    color: #054C70;
    border: none;
    background:none;
}

.ui-dialog .ui-dialog-buttonpane {
    border:none;
}