@charset "UTF-8";
/* ---------------------------------------------------------
   1. Embedded fonts styles
   2. Common site styles
   3. Print style
   ---------------------------------------------------------*/
/* ---------------------------------------------------------
   1. Embedded fonts styles
   ---------------------------------------------------------*/
@font-face {
  font-family: 'tisa-reg';
  src: url('../fonts/TisaWeb.woff') format('woff');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'tisa-semibold';
  src: url('../fonts/TisaWeb-Medium.woff2') format('woff2'), url('../fonts/TisaWeb-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'tisa-bold';
  src: url('../fonts/TisaWeb-Bold.woff2') format('woff2'), url('../fonts/TisaWeb-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'tisa-italic';
  src: url('../fonts/TisaWeb-Italic.woff') format('woff');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'walsheim-light';
  src: url('../fonts/GT-Walsheim-Light.eot');
  src: url('../fonts/GT-Walsheim-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Light.woff2') format('woff2'), url('../fonts/GT-Walsheim-Light.woff') format('woff'), url('../fonts/GT-Walsheim-Light.ttf') format('truetype'), url('../fonts/GT-Walsheim-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'walsheim-light-it';
  src: url('../fonts/GT-Walsheim-Light-Oblique.eot');
  src: url('../fonts/GT-Walsheim-Light-Oblique.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Light-Oblique.woff') format('woff'), url('../fonts/GT-Walsheim-Light-Oblique.ttf') format('truetype'), url('../fonts/GT-Walsheim-Light-Oblique.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'walsheim-regular';
  src: url('../fonts/GT-Walsheim-Regular.eot');
  src: url('../fonts/GT-Walsheim-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Regular.woff2') format('woff2'), url('../fonts/GT-Walsheim-Regular.woff') format('woff'), url('../fonts/GT-Walsheim-Regular.ttf') format('truetype'), url('../fonts/GT-Walsheim-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'walsheim-regular-it';
  src: url('../fonts/GT-Walsheim-Regular-Oblique.eot');
  src: url('../fonts/GT-Walsheim-Regular-Oblique.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Regular-Oblique.woff') format('woff'), url('../fonts/GT-Walsheim-Regular-Oblique.ttf') format('truetype'), url('../fonts/GT-Walsheim-Regular-Oblique.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'walsheim-medium';
  src: url('../fonts/GT-Walsheim-Medium.eot');
  src: url('../fonts/GT-Walsheim-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Medium.woff2') format('woff2'), url('../fonts/GT-Walsheim-Medium.woff') format('woff'), url('../fonts/GT-Walsheim-Medium.ttf') format('truetype'), url('../fonts/GT-Walsheim-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'walsheim-medium-it';
  src: url('../fonts/GT-Walsheim-Medium-Oblique.eot');
  src: url('../fonts/GT-Walsheim-Medium-Oblique.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Medium-Oblique.woff') format('woff'), url('../fonts/GT-Walsheim-Medium-Oblique.ttf') format('truetype'), url('../fonts/GT-Walsheim-Medium-Oblique.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'walsheim-bold';
  src: url('../fonts/GT-Walsheim-Bold.eot');
  src: url('../fonts/GT-Walsheim-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Bold.woff2') format('woff2'), url('../fonts/GT-Walsheim-Bold.woff') format('woff'), url('../fonts/GT-Walsheim-Bold.ttf') format('truetype'), url('../fonts/GT-Walsheim-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'walsheim-bold-it';
  src: url('../fonts/GT-Walsheim-Bold-Oblique.eot');
  src: url('../fonts/GT-Walsheim-Bold-Oblique.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Bold-Oblique.woff') format('woff'), url('../fonts/GT-Walsheim-Bold-Oblique.ttf') format('truetype'), url('../fonts/GT-Walsheim-Bold-Oblique.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

.top-nav:after, #nav:after, .content-form:after, .section-heading:after, .cycle-gallery .gallery-bar:after, .cycle-gallery .caption .caption-bar:after, .visual-gallery .gallery-bar:after, .video-slider .gallery-bar:after, .visual-gallery .caption .caption-bar:after, .video-slider .caption .caption-bar:after, .visual-gallery .tags-list:after, .video-slider .tags-list:after, .most-popular .caption .caption-bar:after, .most-popular .tags-list:after, .top-image:after, .quote-box:after, .quote-box p:after, .thumbnail:after, .thumbnail-holder:after, .key-list li:after, .step-section .radio-form .col-wrap:after, .step-section .radio-form .button-holder:after, .about-block:after, .question-form .button-holder:after, .visual-block .caption .caption-bar:after, .filter-items-box:after, .letters-wrap ul:after, .list-block ul:after, .tags-section .tags-list:after {
  content: " ";
  display: block;
  clear: both; }

.visual-gallery .tags-list, .video-slider .tags-list, .most-popular .tags-list, .letters-wrap ul, .tags-section .tags-list {
  margin: 0;
  padding: 0;
  list-style: none; }

/* ---------------------------------------------------------
   1. Сommon site styles
   ---------------------------------------------------------*/
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  width: auto;
  margin: 1px; }

input[type=text], input[type="tel"], input[type=search], input[type=email], input[type=password], input[type=file], input[type=submit], textarea {
  -webkit-appearance: none;
  border-radius: 0; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

button {
  -webkit-appearance: button;
  cursor: pointer; }

body {
  min-width: 320px; }

a {
  outline: none; }
  a:focus {
    outline: 1px dotted #000; }

.accordion li ul li {
  list-style: disc !important; }

.author-bio a {
  color: #FFF;
  text-decoration: underline;
  border: 0 !important; }

.author-bio a:hover, .author-bio a:focus {
  color: #CCC !important;
  text-decoration: underline;
  border: 0 !important; }

.green-theme #footer, .green-theme .bottom-bar, .green-theme .bottom-line {
  border-top-color: #00a69e; }
.green-theme .subscribe-row .content-form .submit, .green-theme .back-to-top {
  background-color: #00a69e; }
  .green-theme .subscribe-row .content-form .submit:hover, .green-theme .back-to-top:hover {
    background: #008c86; }

.orange-theme #footer, .orange-theme .bottom-bar, .orange-theme .bottom-line {
  border-top-color: #f54a09; }
.orange-theme .subscribe-row .content-form .submit, .orange-theme .back-to-top {
  background-color: #f54a09; }
  .orange-theme .subscribe-row .content-form .submit:hover, .orange-theme .back-to-top:hover {
    background: #dc4308; }

.royalblue-theme .visual-section .text-area {
  background: rgba(66, 86, 217, 0.9) !important; }
.royalblue-theme #footer, .royalblue-theme .bottom-bar, .royalblue-theme .bottom-line {
  border-top-color: #4256d9; }
.royalblue-theme .subscribe-row .content-form .submit, .royalblue-theme .back-to-top {
  background-color: #4256d9; }
  .royalblue-theme .subscribe-row .content-form .submit:hover, .royalblue-theme .back-to-top:hover {
    background: #2d43d5; }

/* main container styles */
#wrapper {
  width: 100%;
  position: relative;
  overflow: hidden; }

a:focus {
  text-decoration: none;
  color: inherit; }

/* header styles */
#header {
  background: rgba(255, 255, 255, 0.8);
  position: fixed !important;
  left: 0;
  top: 0 !important;
  right: 0;
  z-index: 99999;
  padding: 16px 0 0;
  transition: all .4s ease-in-out;
  min-width: 320px; }
  #header .content-form {
    background: #3d3a3b;
    padding: 45px 0 41px;
    transform: translateY(-100%);
    transition: all .25s;
    margin: 0; }
    #header .content-form:after {
      content: "";
      position: absolute;
      left: -9999px;
      right: -9999px;
      top: 0;
      bottom: 0;
      background: #3d3a3b;
      z-index: -1;
      display: none; }
    @media only screen and (max-width: 1207px) {
      #header .content-form {
        padding: 30px 0; } }
    @media only screen and (max-width: 991px) {
      #header .content-form {
        padding: 9px 0; } }
  #header.search-active .search-opener, #header.search-active-focus .search-opener {
    color: #19a0cf; }
    #header.search-active .search-opener .fa-search, #header.search-active-focus .search-opener .fa-search {
      display: none; }
    #header.search-active .search-opener .icon-cancel, #header.search-active-focus .search-opener .icon-cancel {
      display: block; }
  #header.search-active .form-wrap, #header.search-active-focus .form-wrap {
    height: 158px; }
  #header.search-active .content-form, #header.search-active-focus .content-form {
    transform: translateY(0); }
  @media only screen and (max-width: 767px) {
    #header.search-active .search-opener:after, #header.search-active .search-opener:before, #header.search-active-focus .search-opener:after, #header.search-active-focus .search-opener:before {
      display: block !important; }
    #header.search-active .form-wrap, #header.search-active-focus .form-wrap {
      height: 68px;
      background: #2d2f30; } }
  @media only screen and (min-width: 768px) {
    #header.affix {
      box-shadow: 0 0 2px 0 #ccc;
      background: #fff;
      padding: 0; }
      #header.affix .logo {
        width: 68px;
        font-size: 30px;
        margin: 0 6px -1px 0; }
      #header.affix .top-bar {
        opacity: 0;
        visibility: hidden;
        height: 0;
        width: 0;
        overflow: hidden;
        margin: 0; }
      #header.affix #nav {
        clear: none;
        background: none;
        padding: 0;
        overflow: hidden; }
        #header.affix #nav:before {
          display: none; }
        #header.affix #nav ul {
          font-size: 13px;
          padding: 16px 0 0; }
          #header.affix #nav ul a {
            box-shadow: none;
            padding: 0; }
      #header.affix .search-opener {
        padding: 0;
        margin: 0;
        background: #1690ba;
        text-align: center;
        color: #fff;
        width: 45px;
        height: 45px; }
        #header.affix .search-opener:hover {
          background: #1484aa; }
        #header.affix .search-opener .text {
          display: none; }
        #header.affix .search-opener .fa, #header.affix .search-opener .icon-cancel {
          position: static;
          line-height: 45px; }
        #header.affix .search-opener .icon-cancel {
          font-size: 30px;
          margin: 0; }
        #header.affix .search-opener .fa-search {
          font-size: 18px; } }
  @media only screen and (min-width: 992px) {
    #header.affix .logo {
      width: 88px;
      font-size: 40px;
      margin: 0 10px -1px -2px; }
    #header.affix #nav ul {
      font-size: 17px;
      padding: 18px 0 0; }
      #header.affix #nav ul li {
        margin: 0 0 0 15px; }
        #header.affix #nav ul li:first-child {
          margin-left: 0; }
    #header.affix .search-opener {
      width: 60px;
      height: 60px; }
      #header.affix .search-opener .fa, #header.affix .search-opener .icon-cancel {
        line-height: 57px; }
      #header.affix .search-opener .icon-cancel {
        font-size: 45px; }
      #header.affix .search-opener .fa-search {
        font-size: 30px; } }
		
	#logo-img {
    margin-top: 5px;
    margin-bottom: 5px;
}	

	#logo-img:hover {
		    opacity: 0.8;
	}
	.logo #logo-img-small {display:none; margin-top: 15px;}
  .affix #logo-img-small {display:block;}
	
		
  @media only screen and (min-width: 1208px) {

    #header.affix .logo {
      width: 88px;
      font-size: 40px;
      margin: 0 39px -1px -2px; }
    #header.affix #nav ul {
      font-size: 19px;
      padding: 18px 0 0; }
      #header.affix #nav ul li {
        margin: 0 0 0 29px; }
        #header.affix #nav ul li:first-child {
          margin-left: 0; }
		  
		  
		#header.affix .icon-logo-nova {display: inline-block;}
		#header.affix #logo-img {display: none;}
		  }
		  
		  
		  
  @media only screen and (max-width: 767px) {
    #header {
      background: #fff;
      padding: 10px 0 !important;
      min-height: 50px;
      box-shadow: 0 0 2px 0 #ccc; }
      #header .content-form {
        background: #2d2f30; }
        #header .content-form:after {
          background: #2d2f30; } }

.hidden-element {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important; }

/* page logo styles */
.logo {
  float: left;
  margin: -13px 0 4px -1px;
  font-size: 57px;
  transition: font-size .4s ease-in-out; }
  .logo a {
    color: #3d3a3b; }
    .logo a:hover {
      text-decoration: none; }
  .logo img {
    display: block;
    width: 100%;
    height: auto; }
  @media only screen and (max-width: 767px) {
    .logo {
      float: none;
    margin: -4px auto !important;
    width: 150px !important;
      font-size: 30px; } }

/* top-bar styles */
.top-bar {
  float: right;
  white-space: nowrap;
  margin: 0 0 45px;
  max-width: 70%;
  transition: all .4s ease-in-out; }
  .top-bar .top-nav {
    display: inline-block;
    vertical-align: top;
    margin: 3px 0 0 9px; }
  .top-bar .social {
    display: inline-block;
    vertical-align: top;
    margin: -1px 0 0 1px; }
    .top-bar .social li {
      margin: 0 0 0 -1px; }
    @media only screen and (max-width: 767px) {
      .top-bar .social {
        display: none; } }
  @media only screen and (max-width: 767px) {
    .top-bar {
      float: none;
      margin: 0;
      max-width: none; }
      .top-bar .top-nav {
        margin: 0; } }

.top-nav {
  margin: 0;
  padding: 0;
  font: 16px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .top-nav li {
    list-style: none;
    float: left;
    margin: 0 0 0 19px; }
    .top-nav li:first-child {
      margin-left: 0; }
    .top-nav li:hover a, .top-nav li.active a {
      text-decoration: none;
      color: #19a0cf; }
  .top-nav a {
    color: #515151;
    transition: all .15s; }
  @media only screen and (max-width: 767px) {
    .top-nav {
      padding: 19px 0 0; }
      .top-nav li {
        float: none;
        margin: 0 0 27px; }
        .top-nav li:last-child {
          margin: 0; }
      .top-nav a {
        color: #a9a9a9; } }

.follow {
  display: inline-block;
  vertical-align: top;
  font: 16px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #515151;
  padding: 3px 0 0 23px; }
  @media only screen and (max-width: 767px) {
    .follow {
      display: none; } }

/* social styles */
.social {
  margin: 0;
  padding: 0;
  font-size: 26px;
  line-height: 1; }
  .social li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 -1px;
    overflow: hidden; }
  .social a {
    color: #515252;
    transition: all .15s; }
    .social a:hover {
      text-decoration: none; }
  .social .icon-ico-twitter:hover {
    color: #1da1f2 !important; }
  .social .icon-ico-facebook:hover {
    color: #3b5998 !important; }
  .social .icon-ico-google:hover {
    color: #db4437 !important; }
  .social .icon-ico-linkedin:hover, .social .icon-youtube-circle:hover {
    color: #ff0000 !important; }
    .social .icon-ico-instagram:hover {
    color: #8a3ab9 !important;}

@media only screen and (max-width: 767px) {
  .nav-collapse {
    width: 264px;
    position: absolute;
    left: -100%;
    top: 100%;
    transition: all .4s;
    background: #2d2f30;
    padding: 24px 10px 28px 21px;
    overflow: auto; }
    .nav-collapse .collapse-wrap {
      display: table;
      width: 100%;
      height: 100%;
      table-layout: fixed; }
      .nav-collapse .collapse-wrap .top-bar {
        display: table-footer-group; } }

/* main navigation styles */
#nav {
  clear: both;
  background: #fff;
  position: relative;
  z-index: 1;
  transition: padding .4s ease-in-out; }
  @media only screen and (max-width: 767px) {
    #nav {
      background: none; }
      #nav:before {
        display: none; } }
  #nav:before {
    content: "";
    position: absolute;
    left: -9999px;
    right: -9999px;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }
  #nav ul {
    float: left;
    margin: 0;
    padding: 0;
    font: 21px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
    @media only screen and (max-width: 1207px) {
      #nav ul {
        font-size: 18px; } }
    @media only screen and (max-width: 991px) {
      #nav ul {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      #nav ul {
        font-size: 18px; } }
    #nav ul li {
      list-style: none;
      float: left;
      margin: 0 0 0 36px;
      background: none !important; }
      #nav ul li:first-child {
        margin-left: 0; }
      @media only screen and (max-width: 1207px) {
        #nav ul li {
          margin-left: 18px; } }
      @media only screen and (max-width: 991px) {
        #nav ul li {
          margin-left: 12px; } }
      @media only screen and (max-width: 767px) {
        #nav ul li {
          float: none;
          margin: 0 0 25px; } }
    #nav ul .tangelo:hover a, #nav ul .tangelo.active a {
      color: #f54a09;
      box-shadow: inset 0 -6px 0 0 #f54a09; }
    #nav ul .tangelo a {
      box-shadow: inset 0 -2px 0 0 #f54a09; }
    #nav ul .persian-green:hover a, #nav ul .persian-green.active a {
      color: #00a69e;
      box-shadow: inset 0 -6px 0 0 #00a69e; }
    #nav ul .persian-green a {
      box-shadow: inset 0 -2px 0 0 #00a69e; }
    #nav ul .royalblue:hover a, #nav ul .royalblue.active a {
      color: #4256d9;
      box-shadow: inset 0 -6px 0 0 #4256d9; }
    #nav ul .royalblue a {
      box-shadow: inset 0 -2px 0 0 #4256d9; }
    #nav ul .eminence:hover a, #nav ul .eminence.active a {
      color: #72297a;
      box-shadow: inset 0 -6px 0 0 #72297a; }
    #nav ul .eminence a {
      box-shadow: inset 0 -2px 0 0 #72297a; }
    #nav ul .cerise:hover a, #nav ul .cerise.active a {
      color: #e22c7b;
      box-shadow: inset 0 -6px 0 0 #e22c7b; }
    #nav ul .cerise a {
      box-shadow: inset 0 -2px 0 0 #e22c7b; }
    #nav ul .red:hover a, #nav ul .red.active a {
      color: #ed1c29;
      box-shadow: inset 0 -6px 0 0 #ed1c29; }
    #nav ul .red a {
      box-shadow: inset 0 -2px 0 0 #ed1c29; }
    #nav ul a {
      color: #3d3a3b;
      display: block;
      padding: 19px 0 16px;
      transition: padding .4s ease-in-out, box-shadow .15s, color .15s; }
      #nav ul a:hover {
        text-decoration: none; }
      @media only screen and (max-width: 767px) {
        #nav ul a {
          color: #fff;
          box-shadow: none !important;
          padding: 0;
          display: inline; } }

.nav-opener {
  position: absolute;
  left: 0;
  top: 0;
  width: 55px;
  height: 50px;
  display: none;
  text-indent: -9999px;
  overflow: hidden; }
  .nav-opener:hover {
    background: #ccc; }
  @media only screen and (max-width: 767px) {
    .nav-opener {
      display: block; } }
  .nav-opener:before, .nav-opener:after, .nav-opener span {
    background: #515151;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 27%;
    right: 30%;
    height: 2px;
    margin-top: -1px;
    transition: all 0.2s linear; }
  .nav-opener:before, .nav-opener:after {
    content: "";
    top: 35%; }
  .nav-opener:after {
    top: 65%; }
  .nav-opener:hover {
    opacity: .9; }

.nav-active .nav-opener {
  background: #ccc; }
  .nav-active .nav-opener span {
    opacity: 0; }
  .nav-active .nav-opener:before, .nav-active .nav-opener:after {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 48%;
    left: 29%;
    right: 24%;
    height: 3px;
    border-radius: 1px; }
  .nav-active .nav-opener:after {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.nav-active .nav-collapse {
  left: 0; }

.search-opener {
  float: right;
  font: 21px/1.2 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d3a3b;
  margin: 19px 0 0;
  position: relative;
  padding: 0 38px 0 0;
  letter-spacing: -1px;
  transition: margin .4s ease-in-out;
  overflow: hidden; }
  .search-opener:hover {
    color: #19a0cf;
    text-decoration: none; }
  .search-opener .fa-search, .search-opener .icon-cancel {
    position: absolute;
    right: 0;
    top: 3px; }
  .search-opener .fa-search {
    font-size: 18px; }
  .search-opener .icon-cancel {
    right: 5px;
    top: -3px;
    font-size: 27px;
    display: none; }
  @media only screen and (max-width: 1207px) {
    .search-opener {
      font-size: 18px; }
      .search-opener .icon-cancel {
        top: -4px; } }
  @media only screen and (max-width: 991px) {
    .search-opener {
      padding: 0; }
      .search-opener .text {
        display: none; }
      .search-opener .fa-search, .search-opener .icon-cancel {
        position: static; }
      .search-opener .icon-cancel {
        margin: -4px 2px 0 0; } }
  @media only screen and (max-width: 767px) {
    .search-opener {
      position: fixed;
      right: 0;
      top: 0;
      z-index: 999;
      width: 54px;
      height: 50px;
      margin: 0;
      text-align: center;
      background: #fff;
      color: #515151; }
      .search-opener:hover {
        background: #ccc; }
      .search-opener .fa-search {
        line-height: 50px;
        font-size: 23px;
        margin: 0 0 0 6px;
        color: #515151; }
      .search-opener .icon-cancel {
        font-size: 38px;
        color: #515151;
        line-height: 50px;
        margin: 0;
        display: none !important; }
      .search-opener:after, .search-opener:before {
        content: "";
        position: absolute;
        left: 26px;
        top: 12px;
        width: 3px;
        height: 27px;
        background: #515151;
        border-radius: 2px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        display: none; }
      .search-opener:before {
        height: 3px;
        width: 27px;
        left: 14px;
        top: 24px; } }

.form-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 0;
  overflow: hidden;
  transition: all .25s;
  display: block !important;
  background: #3d3a3b; 
  z-index:9999;
}

/* search form styles */
.content-form {
  margin: 0 0 39px;
  padding: 0;
  position: relative;
  z-index: 1;
  border: 0; }
  .content-form ::-webkit-input-placeholder {
    color: #222; }
  .content-form ::-moz-placeholder {
    opacity: 1;
    color: #222; }
  .content-form :-moz-placeholder {
    color: #222; }
  .content-form :-ms-input-placeholder {
    color: #222; }
  .content-form .placeholder {
    color: #222; }
  .content-form .form-group {
    overflow: hidden;
    display: block;
    margin: 0;
    position: relative;
    padding: 0 152px 0 0; }
  .content-form .form-control {
    height: 72px;
    border: 1px solid #eaeaea;
    box-shadow: none;
    border-radius: 0;
    color: #222;
    font: 36px/48px walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 10px 24px 14px;
    width: 100%;
    margin: 0; }
    .content-form .form-control:focus {
      border-color: #1690ba; }
  .content-form .submit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 152px;
    background: #1690ba;
    color: #fff;
    border: 0 !important;
    border-radius: 0;
    text-align: center;
    height: 72px;
    font-size: 31px;
    line-height: 72px;
    transition: all .15s;
    outline: none;
    box-shadow: none; }
    .content-form .submit:hover {
      background: #1484aa; }
    .content-form .submit:focus {
      outline: 1px dotted #000; }
  @media only screen and (max-width: 991px) {
    .content-form .form-group {
      padding: 0 60px 0 0; }
    .content-form .form-control {
      height: 50px;
      font-size: 16px;
      line-height: 19px;
      padding: 13px 10px; }
    .content-form .submit {
      height: 50px;
      width: 60px;
      line-height: 50px;
      font-size: 25px; } }
  @media only screen and (max-width: 991px) {
    .content-form {
      margin: 0 0 20px; } }

/* hero styles */
.hero {
  position: relative;
  padding: 242px 0 137px;
  color: #fff;
  overflow: hidden;
  background: #000; }
  .hero .bg-stretch {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .hero .bg-stretch img {
      width: 100%;
      height: auto;
      vertical-align: top; }
  .hero .container {
    position: relative;
    z-index: 10; }
  .hero .hero-logo {
    width: 177px;
    margin: 0 auto 17px;
    font-size: 79px;
    line-height: 1; }
    .hero .hero-logo a {
      color: #fff; }
      .hero .hero-logo a:before {
        width: auto; }
      .hero .hero-logo a:hover {
        color: #fff;
        text-decoration: none; }
    .hero .hero-logo img {
      display: block;
      width: 100%;
      height: auto; }
  .hero .slogan {
    font: normal 24px/33px walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 6px;
    display: block;
    text-align: center;
    margin: 0 0 57px;
    color: #fff; }
  @media only screen and (max-width: 991px) {
    .hero {
      padding: 185px 0 90px;
      height: auto !important; }
      .hero .bg-stretch {
        opacity: 1 !important; }
      .hero .slogan {
        margin: 0 0 30px; } }
  @media only screen and (max-width: 767px) {
    .hero {
      padding: 70px 0 170px; }
      .hero .hero-logo, .hero .content-form {
        display: none; }
      .hero .slogan {
        font-size: 16px;
        line-height: 20px;
        max-width: 200px;
        margin: 0 auto 20px;
        letter-spacing: 4px; } }

.tags {
  padding: 0 0 0 4.6%;
  margin: 0 0 30px; }
  .tags .title {
    font: normal 23px/33px walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 21px 0 0;
    transition: all .15s; }
    .tags .title:hover {
      color: #ccc; }
  @media only screen and (max-width: 991px) {
    .tags {
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    .tags {
      display: none; } }

/* tag list styles */
.tag-list {
  display: inline;
  margin: 0 0 30px;
  padding: 0;
  text-shadow: 0 0 5px #000;
  font: 29px/40px walsheim-light, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: justify; }
  .tag-list li {
    list-style: none;
    display: inline;
    margin: 0 19px 0 0; }
  .tag-list a {
    color: #fff;
    transition: all .15s; }
    .tag-list a:hover {
      text-decoration: none;
      color: #ccc; }
  @media only screen and (max-width: 991px) {
    .tag-list li {
      margin: 0 10px 0 0; } }

.slider-section {
  background: #fff;
  position: relative;
  z-index: 10;
  padding: 0 0 33px; }
  @media only screen and (max-width: 991px) {
    .slider-section {
      padding-bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .slider-section {
      background: #f6f5f5;
      padding: 0 0 5px; } }

.section-wrap {
  margin-top: -111px;
  background: #fff;
  padding: 20px 26px 10px; }
  @media only screen and (max-width: 991px) {
    .section-wrap {
      margin-top: -82px; } }
  @media only screen and (max-width: 767px) {
    .section-wrap {
      margin-top: -140px;
      padding: 11px 9px 10px; } }

.section-heading {
  border-bottom: 1px solid #1b2734;
  margin: 0 0 40px;
  overflow: hidden; }
  .section-heading .heading {
    color: #1b2734;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
    font: normal 22px/1.2 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 9px 25px 15px;
    min-width: 361px;
    max-width: 70%; }
    .section-heading .heading:after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      height: 999px;
      width: 1px;
      background: #1b2734; }
  .section-heading .link-holder {
    float: right;
    min-width: 190px;
    max-width: 30%;
    position: relative;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    padding: 9px 1px 9px 8px; }
    .section-heading .link-holder:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 999px;
      width: 1px;
      background: #1b2734; }
    .section-heading .link-holder a {
      color: #1b2734;
      display: inline-block;
      overflow: hidden; }
      .section-heading .link-holder a .icon-arrow_right {
        font-size: 9px;
        margin: 0 0 0 6px;
        position: relative; }
      .section-heading .link-holder a:hover {
        text-decoration: none;
        color: #00a69e; }
  @media only screen and (max-width: 991px) {
    .section-heading .heading {
      min-width: 191px; } }
  @media only screen and (max-width: 767px) {
    .section-heading {
      line-height: 20px;
      margin: 0 0 9px; }
      .section-heading .heading {
        font-size: 18px;
        line-height: 22px;
        padding: 1px 9px 6px;
        letter-spacing: 1.6px; }
        .section-heading .heading.alt {
          padding-top: 6px !important; }
      .section-heading .link-holder {
        min-width: 0;
        text-transform: uppercase;
        padding: 8px 7px;
        font: 12px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
        .section-heading .link-holder:after {
          display: none; } }

/* cycle carousel styles */
.cycle-gallery {
  position: relative;
  max-width: 983px;
  margin: 0 auto;
  padding: 0 105px;
  /* slideset styles */
  /* slide styles */ }
  @media only screen and (max-width: 991px) {
    .cycle-gallery {
      padding: 0 60px; } }
  @media only screen and (max-width: 767px) {
    .cycle-gallery {
      padding: 0; } }
  .cycle-gallery .mask {
    position: relative;
    overflow: hidden; }
  .cycle-gallery .slideset {
    width: 99999px;
    float: left; }
  .cycle-gallery .slide {
    float: left;
    padding-bottom: 30px;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .cycle-gallery .slide {
        padding: 0; } }
    .cycle-gallery .slide.active {
      z-index: 1; }
  .cycle-gallery img {
    display: block;
    width: 100%;
    height: auto; }
  .cycle-gallery .btn-prev, .cycle-gallery .btn-next {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 70px;
    text-align: center;
    color: #e2e3e4;
    transition: all .15s;
    margin: -34px 0 0;
    overflow: hidden; }
    .cycle-gallery .btn-prev:hover, .cycle-gallery .btn-next:hover {
      color: #474c55;
      text-decoration: none; }
  @media only screen and (max-width: 767px) {
    .cycle-gallery .btn-prev, .cycle-gallery .btn-next {
      position: static;
      margin: 0;
      float: left;
      font-size: 38px; }
    .cycle-gallery .btn-next {
      float: right; } }
  .cycle-gallery .btn-next {
    left: auto;
    right: 0; }
  @media only screen and (max-width: 767px) {
    .cycle-gallery .gallery-bar {
      padding: 7px 19px 0; } }
  .cycle-gallery .pagination {
    display: block;
    text-align: center;
    margin: 0;
    overflow: hidden;
    border-radius: 0;
    padding: 15px 10px 0; }
    .cycle-gallery .pagination ul {
      margin: 0;
      padding: 0;
      font-size: 0;
      line-height: 0; }
      .cycle-gallery .pagination ul li {
        list-style: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 4px; }
        .cycle-gallery .pagination ul li:hover a:after, .cycle-gallery .pagination ul li.active a:after {
          display: block; }
      .cycle-gallery .pagination ul a {
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        width: 11px;
        height: 11px;
        border: 1px solid #474c55;
        border-radius: 50%;
        position: relative; }
        .cycle-gallery .pagination ul a:after {
          content: "";
          position: absolute;
          left: 2px;
          right: 2px;
          top: 2px;
          bottom: 2px;
          border-radius: 50%;
          background: #474c55;
          display: none; }
    @media only screen and (min-width: 768px) {
      .cycle-gallery .pagination {
        display: none; } }
  .cycle-gallery .caption {
    background: #00a69e;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fefefe;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.6px;
    padding: 19px 20px 48px;
    overflow: hidden;
    transition: background .4s; }
    .cycle-gallery .caption:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 999px;
      background: rgba(0, 0, 0, 0.2);
      opacity: 0;
      visibility: hidden;
      transition: all .4s; }
    .cycle-gallery .caption a {
      position: relative;
      z-index: 10; }
    @media only screen and (min-width: 768px) {
      .cycle-gallery .caption:hover, .cycle-gallery .caption.hover {
        background: #00857e;
        cursor: pointer;
        padding: 21px 20px 51px;
        overflow: visible; }
        .cycle-gallery .caption:hover:after, .cycle-gallery .caption.hover:after {
          opacity: 1;
          visibility: visible; }
        .cycle-gallery .caption:hover .text-slide, .cycle-gallery .caption.hover .text-slide {
          max-height: 105px; }
        .cycle-gallery .caption:hover .title, .cycle-gallery .caption.hover .title {
          margin: 0 0 9px; } }
    @media only screen and (max-width: 767px) {
      .cycle-gallery .caption {
        position: static;
        padding: 12px 7px 43px; } }
    .cycle-gallery .caption .caption-bar {
      position: absolute;
      overflow: hidden;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      text-transform: uppercase;
      font: 14px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
      background: #00958e; }
      @media only screen and (max-width: 767px) {
        .cycle-gallery .caption .caption-bar {
          font-size: 12px; } }
      .cycle-gallery .caption .caption-bar .cell {
        overflow: hidden;
        display: block;
        padding: 7px 0 7px 20px; }
        .cycle-gallery .caption .caption-bar .cell.link-holder {
          float: right;
          padding: 7px 10px 7px 0;
          width: 50%;
          background: #00857e;
          position: relative;
          overflow: visible;
          text-align: right; }
          .cycle-gallery .caption .caption-bar .cell.link-holder:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 100%;
            height: 999px;
            background: #006a65; }
        @media only screen and (max-width: 767px) {
          .cycle-gallery .caption .caption-bar .cell {
            padding: 8px 5px 8px 10px; }
            .cycle-gallery .caption .caption-bar .cell.link-holder {
              width: auto;
              padding: 8px 12px 8px 25px; } }
  .cycle-gallery .title {
    display: block;
    font: normal 26px/30px tisa-bold, "Times New Roman", Times, serif;
    margin: 0 0 1px;
    transition: margin .4s;
    letter-spacing: 0;
    position: relative;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      .cycle-gallery .title {
        font-size: 20px;
        line-height: 25px; } }
  .cycle-gallery .text-slide {
    transition: all .4s;
    max-height: 0;
    overflow: hidden;
    max-width: 600px;
    position: relative;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      .cycle-gallery .text-slide {
        display: none; } }
  .cycle-gallery a {
    color: #fefefe;
    overflow: hidden; }
    .cycle-gallery a:hover {
      text-decoration: none;
      color: #cccccc; }
    .cycle-gallery a .icon-arrow_right {
      font-size: 10px;
      line-height: 1;
      margin: 0 0 0 2px; }
      @media only screen and (max-width: 767px) {
        .cycle-gallery a .icon-arrow_right {
          font-size: 8px;
          margin: 0 0 0 4px; } }

.content-section {
  padding: 19px 0 30px; }
  .content-section .section-heading {
    margin: 0 0 26px; }
    .content-section .section-heading .heading {
      padding: 9px 50px 15px;
      min-width: 386px; }
  .content-section.style {
    padding: 21px 0 31px; }
  .content-section.style-2 {
    padding: 32px 0 51px; }
  @media only screen and (max-width: 991px) {
    .content-section {
      padding: 10px 0 17px; }
      .content-section.style {
        padding: 15px 0 51px; }
      .content-section .section-heading {
        margin: 0 0 9px; }
        .content-section .section-heading .heading {
          min-width: 200px;
          padding: 2px 19px 6px; } }
  @media only screen and (max-width: 767px) {
    .content-section.style {
      padding: 15px 0 11px; }
      .content-section.style .section-heading {
        margin: 0 0 13px; }
    .content-section.style-2 {
      padding: 17px 0 27px; }
      .content-section.style-2 .section-heading {
        margin: 0 0 13px; } }

/* visual-gallery styles */
.visual-gallery, .video-slider {
  position: relative;
  /* slideset styles */
  /* slide styles */ }
  .visual-gallery .mask, .video-slider .mask {
    position: relative;
    overflow: hidden; }
  .visual-gallery .slideset, .video-slider .slideset {
    width: 99999px;
    float: left; }
  .visual-gallery .slide, .video-slider .slide {
    float: left;
    overflow: hidden; }
    .visual-gallery .slide.active, .video-slider .slide.active {
      z-index: 1; }
  .visual-gallery .gallery-bar, .video-slider .gallery-bar {
    display: none; }
    @media only screen and (max-width: 767px) {
      .visual-gallery .gallery-bar, .video-slider .gallery-bar {
        padding: 7px 27px 0;
        display: block; }
        .visual-gallery .gallery-bar .pagination, .video-slider .gallery-bar .pagination {
          padding-top: 18px; } }
  .visual-gallery .btn-prev, .visual-gallery .btn-next, .video-slider .btn-prev, .video-slider .btn-next {
    text-align: center;
    color: #e2e3e4;
    transition: all .15s;
    float: left;
    font-size: 38px; }
    .visual-gallery .btn-prev:hover, .visual-gallery .btn-next:hover, .video-slider .btn-prev:hover, .video-slider .btn-next:hover {
      color: #474c55;
      text-decoration: none; }
  .visual-gallery .btn-next, .video-slider .btn-next {
    float: right; }
  .visual-gallery .pagination, .video-slider .pagination {
    display: block;
    text-align: center;
    margin: 0;
    overflow: hidden;
    border-radius: 0;
    padding: 15px 10px 0; }
    .visual-gallery .pagination ul, .video-slider .pagination ul {
      margin: 0;
      padding: 0;
      font-size: 0;
      line-height: 0; }
      .visual-gallery .pagination ul li, .video-slider .pagination ul li {
        list-style: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 4px; }
        .visual-gallery .pagination ul li:hover a:after, .visual-gallery .pagination ul li.active a:after, .video-slider .pagination ul li:hover a:after, .video-slider .pagination ul li.active a:after {
          display: block; }
      .visual-gallery .pagination ul a, .video-slider .pagination ul a {
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        width: 11px;
        height: 11px;
        border: 1px solid #474c55;
        border-radius: 50%;
        position: relative; }
        .visual-gallery .pagination ul a:after, .video-slider .pagination ul a:after {
          content: "";
          position: absolute;
          left: 2px;
          right: 2px;
          top: 2px;
          bottom: 2px;
          border-radius: 50%;
          background: #474c55;
          display: none; }
    @media only screen and (min-width: 768px) {
      .visual-gallery .pagination, .video-slider .pagination {
        display: none; } }
  .visual-gallery img, .video-slider img {
    width: 100%;
    height: auto;
    display: block; }
  .visual-gallery .caption, .video-slider .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fefefe;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.6px;
    padding: 19px 17px 41px;
    transition: background .4s;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .visual-gallery .caption:hover, .visual-gallery .caption.hover, .video-slider .caption:hover, .video-slider .caption.hover {
        overflow: visible;
        cursor: pointer;
        padding: 23px 17px 44px; }
        .visual-gallery .caption:hover .text-slide, .visual-gallery .caption.hover .text-slide, .video-slider .caption:hover .text-slide, .video-slider .caption.hover .text-slide {
          max-height: 105px; }
        .visual-gallery .caption:hover .title, .visual-gallery .caption.hover .title, .video-slider .caption:hover .title, .video-slider .caption.hover .title {
          margin: 0 0 13px; }
        .visual-gallery .caption:hover:after, .visual-gallery .caption.hover:after, .video-slider .caption:hover:after, .video-slider .caption.hover:after {
          opacity: 1; } }
    @media only screen and (max-width: 991px) {
      .visual-gallery .caption, .video-slider .caption {
        padding: 2px 10px 25px;
        font-size: 12px;
        line-height: 1.2; }
        .visual-gallery .caption:hover, .visual-gallery .caption.hover, .video-slider .caption:hover, .video-slider .caption.hover {
          padding: 8px 9px 31px; } }
    @media only screen and (max-width: 767px) {
      .visual-gallery .caption, .video-slider .caption {
        bottom: 0;
        /*top: 0;*/
        padding: 16px 8px 35px !important; } }
    .visual-gallery .caption:after, .video-slider .caption:after {
      content: "";
      position: absolute;
      left: 0;
      height: 999px;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.2);
      opacity: 0;
      transition: all .4s;
      z-index: 1; }
    .visual-gallery .caption.purple .caption-bar, .video-slider .caption.purple .caption-bar {
      background: #422558; }
      .visual-gallery .caption.purple .caption-bar .link-holder, .video-slider .caption.purple .caption-bar .link-holder {
        background: #3a214e; }
        .visual-gallery .caption.purple .caption-bar .link-holder:before, .video-slider .caption.purple .caption-bar .link-holder:before {
          background: #3a214e; }
    .visual-gallery .caption.orange .caption-bar, .video-slider .caption.orange .caption-bar {
      background: #da4209; }
      .visual-gallery .caption.orange .caption-bar .link-holder, .video-slider .caption.orange .caption-bar .link-holder {
        background: #c23b08; }
        .visual-gallery .caption.orange .caption-bar .link-holder:before, .video-slider .caption.orange .caption-bar .link-holder:before {
          background: #c23b08; }
    .visual-gallery .caption.royalblue .caption-bar, .video-slider .caption.royalblue .caption-bar {
      background: #2F3E99; }
      .visual-gallery .caption.royalblue .caption-bar .link-holder, .video-slider .caption.royalblue .caption-bar .link-holder {
        background: #2B378B; }
        .visual-gallery .caption.royalblue .caption-bar .link-holder:before, .video-slider .caption.royalblue .caption-bar .link-holder:before {
          background: #2B378B; }
    .visual-gallery .caption.red .caption-bar, .video-slider .caption.red .caption-bar {
      background: #d31926; }
      .visual-gallery .caption.red .caption-bar .link-holder, .video-slider .caption.red .caption-bar .link-holder {
        background: #bc1622; }
        .visual-gallery .caption.red .caption-bar .link-holder:before, .video-slider .caption.red .caption-bar .link-holder:before {
          background: #bc1622; }
    .visual-gallery .caption .caption-bar, .video-slider .caption .caption-bar {
      position: relative;
      text-transform: uppercase;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      font: 14px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
      @media only screen and (max-width: 991px) {
        .visual-gallery .caption .caption-bar, .video-slider .caption .caption-bar {
          font-size: 12px; } }
      .visual-gallery .caption .caption-bar .cell, .video-slider .caption .caption-bar .cell {
        position: relative;
        display: block;
        z-index: 2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 7px 5px 3px 13px; }
        .visual-gallery .caption .caption-bar .cell.link-holder, .video-slider .caption .caption-bar .cell.link-holder {
          text-align: right;
          float: right;
          width: 50%;
          overflow: visible;
          padding: 7px 14px 3px 5px; }
          .visual-gallery .caption .caption-bar .cell.link-holder:before, .video-slider .caption .caption-bar .cell.link-holder:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 100%;
            height: 9999px; }
        @media only screen and (max-width: 767px) {
          .visual-gallery .caption .caption-bar .cell, .video-slider .caption .caption-bar .cell {
            padding: 6px 5px 8px 10px; }
            .visual-gallery .caption .caption-bar .cell.link-holder, .video-slider .caption .caption-bar .cell.link-holder {
              padding: 7px 11px 7px 36px;
              width: auto; } }
  .visual-gallery .title, .video-slider .title {
    display: block;
    font: normal 26px/30px tisa-bold, "Times New Roman", Times, serif;
    margin: 0 0 8px;
    position: relative;
    z-index: 2;
    transition: all .4s;
    letter-spacing: 0; }
    @media only screen and (max-width: 991px) {
      .visual-gallery .title, .video-slider .title {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: -0.4px;
        margin: 0 0 8px !important; } }
  .visual-gallery .text-slide, .video-slider .text-slide {
    transition: all .4s;
    max-height: 0;
    overflow: hidden; }
  .visual-gallery p, .video-slider p {
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 991px) {
      .visual-gallery p, .video-slider p {
        margin: 0; } }
  .visual-gallery a, .video-slider a {
    color: #fefefe;
    position: relative;
    overflow: hidden;
    display: inline-block; }
    .visual-gallery a:hover, .video-slider a:hover {
      text-decoration: none;
      color: #cccccc; }
    .visual-gallery a .icon-arrow_right, .video-slider a .icon-arrow_right {
      font-size: 10px;
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
      position: relative;
      top: -1px;
      left: 0;
      margin: 0 0 0 2px; }
      @media only screen and (max-width: 767px) {
        .visual-gallery a .icon-arrow_right, .video-slider a .icon-arrow_right {
          font-size: 8px; } }
  .visual-gallery .img-box, .video-slider .img-box {
    position: relative; }
  .visual-gallery .btn-box, .video-slider .btn-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .visual-gallery .btn-box .btn-holder, .video-slider .btn-box .btn-holder {
      display: table;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .visual-gallery .btn-box .btn-frame, .video-slider .btn-box .btn-frame {
      display: table;
      vertical-align: middle;
      text-align: center;
      width: 100%;
      height: 100%; }
      .visual-gallery .btn-box .btn-frame a, .video-slider .btn-box .btn-frame a {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
        width: 100% !important; }
  .visual-gallery .video-caption, .video-slider .video-caption {
    font: 14px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #949494;
    position: relative;
    padding: 19px 75px 28px 16px;
    background: #f8f7f7;
    border: solid #eaebeb;
    border-width: 0 1px 1px;
    min-height: 127px;
    background: #fff; }
    @media only screen and (max-width: 991px) {
      .visual-gallery .video-caption, .video-slider .video-caption {
        padding: 10px 84px 10px 10px; } }
    @media only screen and (max-width: 767px) {
      .visual-gallery .video-caption, .video-slider .video-caption {
        padding: 19px 84px 10px 8px;
        min-height: 101px; } }
    .visual-gallery .video-caption.color-green, .video-slider .video-caption.color-green {
      color: #00a69e; }
      .visual-gallery .video-caption.color-green .video-title, .video-slider .video-caption.color-green .video-title {
        color: #00a69e !important; }
      .visual-gallery .video-caption.color-green .video-bar .icon-ico-video, .video-slider .video-caption.color-green .video-bar .icon-ico-video {
        color: #00a69e; }
    .visual-gallery .video-caption.color-pink, .video-slider .video-caption.color-pink {
      color: #e22c7b; }
      .visual-gallery .video-caption.color-pink .video-title, .video-slider .video-caption.color-pink .video-title {
        color: #e22c7b !important; }
      .visual-gallery .video-caption.color-pink .video-bar .icon-ico-video, .video-slider .video-caption.color-pink .video-bar .icon-ico-video {
        color: #e22c7b; }
    .visual-gallery .video-caption.color-purple, .video-slider .video-caption.color-purple {
      color: #72297a; }
      .visual-gallery .video-caption.color-purple .video-title, .video-slider .video-caption.color-purple .video-title {
        color: #72297a !important; }
      .visual-gallery .video-caption.color-purple .video-bar .icon-ico-video, .video-slider .video-caption.color-purple .video-bar .icon-ico-video {
        color: #72297a; }
    .visual-gallery .video-caption.color-orange, .video-slider .video-caption.color-orange {
      color: #f54a09; }
      .visual-gallery .video-caption.color-orange .video-title, .video-slider .video-caption.color-orange .video-title {
        color: #f54a09 !important; }
      .visual-gallery .video-caption.color-orange .video-bar .icon-ico-video, .video-slider .video-caption.color-orange .video-bar .icon-ico-video {
        color: #f54a09; }
    .visual-gallery .video-caption.color-royalblue, .video-slider .video-caption.color-royalblue {
      color: #4256d9; }
      .visual-gallery .video-caption.color-royalblue .video-title, .video-slider .video-caption.color-royalblue .video-title {
        color: #4256d9 !important; }
      .visual-gallery .video-caption.color-royalblue .video-bar .icon-ico-video, .video-slider .video-caption.color-royalblue .video-bar .icon-ico-video {
        color: #4256d9; }
    .visual-gallery .video-caption.color-red, .video-slider .video-caption.color-red {
      color: #ed1c29; }
      .visual-gallery .video-caption.color-red .video-title, .video-slider .video-caption.color-red .video-title {
        color: #ed1c29 !important; }
      .visual-gallery .video-caption.color-red .video-bar .icon-ico-video, .video-slider .video-caption.color-red .video-bar .icon-ico-video {
        color: #ed1c29; }
    .visual-gallery .video-caption .video-title, .video-slider .video-caption .video-title {
      display: block;
      color: #576778;
      font: normal 25px/30px tisa-semibold, "Times New Roman", Times, serif; }
      @media only screen and (max-width: 1207px) {
        .visual-gallery .video-caption .video-title, .video-slider .video-caption .video-title {
          font-size: 20px;
          line-height: 25px; } }
      @media only screen and (max-width: 991px) {
        .visual-gallery .video-caption .video-title, .video-slider .video-caption .video-title {
          font-size: 16px;
          line-height: 1.2; } }
      @media only screen and (max-width: 767px) {
        .visual-gallery .video-caption .video-title, .video-slider .video-caption .video-title {
          font-size: 20px;
          line-height: 25px;
          letter-spacing: 0; } }
    .visual-gallery .video-caption .video-bar, .video-slider .video-caption .video-bar {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 76px;
      border-left: 1px solid #eaebeb;
      text-align: center;
      background: #f8f7f7; }
      .visual-gallery .video-caption .video-bar .icon-ico-video, .video-slider .video-caption .video-bar .icon-ico-video {
        position: absolute;
        left: 47.9%;
        top: 40.1%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        color: #1aa0d0;
        font-size: 34px; }
      .visual-gallery .video-caption .video-bar .time, .video-slider .video-caption .video-bar .time {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 5px 5px 7px;
        background: #fff;
        border-top: 1px solid #eaebeb;
        color: #969696; }
      @media only screen and (max-width: 767px) {
        .visual-gallery .video-caption .video-bar, .video-slider .video-caption .video-bar {
          width: 68px; }
          .visual-gallery .video-caption .video-bar .icon-ico-video, .video-slider .video-caption .video-bar .icon-ico-video {
            top: 37%;
            left: 50%; } }
  @media only screen and (min-width: 768px) {
    .visual-gallery .mask, .video-slider .mask {
      height: auto !important; }
    .visual-gallery .slideset, .video-slider .slideset {
      width: auto;
      height: auto !important;
      margin: 0 -11px 0 -11px !important;
      font-size: 0;
      line-height: 0; }
    .visual-gallery .slide, .video-slider .slide {
      float: none;
      display: inline-block;
      vertical-align: top;
      width: 33.333% !important;
      position: static !important;
      padding: 0 11px 0 11px;
      height: auto !important;
      margin: 0 0 20px; }
    .visual-gallery .slide-wrap, .video-slider .slide-wrap {
      position: relative; }
    .visual-gallery .btn-prev, .visual-gallery .btn-next, .video-slider .btn-prev, .video-slider .btn-next {
      display: none; } }
  .visual-gallery .tags-list, .video-slider .tags-list {
    padding: 0 0 4px 35px;
    position: relative;
    font-size: 14px;
    line-height: 18px; }
    @media only screen and (max-width: 1207px) {
      .visual-gallery .tags-list, .video-slider .tags-list {
        font-size: 12px;
        padding: 0 0 10px 20px; } }
    @media only screen and (max-width: 991px) {
      .visual-gallery .tags-list, .video-slider .tags-list {
        font-size: 11px;
        line-height: 14px;
        padding: 0 0 10px 15px; } }
    .visual-gallery .tags-list:after, .video-slider .tags-list:after {
      position: absolute;
      top: 1px;
      left: 2px;
      z-index: 2;
      font-family: 'ElegantIcons';
      content: attr(data-icon);
      speak: none;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      content: '\e07b'; }
      @media only screen and (max-width: 991px) {
        .visual-gallery .tags-list:after, .video-slider .tags-list:after {
          left: 0; } }
    .visual-gallery .tags-list li, .video-slider .tags-list li {
      display: inline; }
      .visual-gallery .tags-list li + li:after, .video-slider .tags-list li + li:after {
        content: ','; }
      .visual-gallery .tags-list li:last-child:after, .video-slider .tags-list li:last-child:after {
        content: '.'; }

.video-slider .slide-wrap {
  border: 0;
  position: relative; }
  .video-slider .slide-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity .4s; }
  .video-slider .slide-wrap:hover:after, .video-slider .slide-wrap .hover:after {
    opacity: 1; }
  .video-slider .slide-wrap:hover .video-title, .video-slider .slide-wrap .hover .video-title {
    color: #3d3a3b; }
.video-slider .category {
  position: absolute;
  left: 0;
  right: 68px;
  bottom: 0;
  overflow: hidden;
  padding: 7px 17px 5px;
  white-space: nowrap;
  text-transform: uppercase;
  text-overflow: ellipsis;
  background: #f7f7f7;
  font: 14px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
@media only screen and (max-width: 767px) {
  .video-slider {
    padding-top: 6px; } }

.btn-watch {
  display: inline-block;
  vertical-align: top;
  height: 54px;
  min-width: 58px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  white-space: nowrap;
  font-size: 18px;
  line-height: 52px;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  transition: padding .4s;
  position: relative;
  z-index: 10; }
  .btn-watch .icon-arrow_right {
    position: static;
    line-height: 50px; }
  .btn-watch .btn-text {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin: 0;
    max-width: 0;
    transition: max-width .4s, margin .4s; }
  .btn-watch:hover, .btn-watch.hover {
    padding: 0 18px 0 32px;
    color: #fff; }
    .btn-watch:hover .btn-text, .btn-watch.hover .btn-text {
      max-width: 100px;
      margin: 0 12px 0 0; }

/* most-popular styles */
.most-popular .mask {
  overflow: hidden; }
.most-popular .section-row {
  margin: 0 -11px 0 -10px;
  font-size: 0;
  line-height: 0; }
  @media only screen and (max-width: 767px) {
    .most-popular .section-row {
      margin: 0; } }
.most-popular .col {
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  padding: 0 11px 0 10px;
  position: relative;
  margin: 0 0 20px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .most-popular .col {
      display: block;
      width: 100%;
      padding: 0;
      margin: 0 0 11px;
      overflow: hidden; } }
.most-popular .slide-wrap {
  position: relative; }
.most-popular img {
  width: 100%;
  height: auto;
  display: block; }
  @media only screen and (max-width: 767px) {
    .most-popular img {
      display: none; } }
.most-popular .caption {
  background: #fff;
  border: solid #eaebeb;
  border-width: 0 1px;
  position: absolute;
  bottom: 0;
  color: #fefefe;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.6px;
  padding: 19px 15px 37px;
  transition: all .4s;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .most-popular .caption:hover, .most-popular .caption.hover {
      overflow: visible;
      cursor: pointer;
      background: #fff; }
      .most-popular .caption:hover .text-slide, .most-popular .caption.hover .text-slide {
        max-height: 158px; }
      .most-popular .caption:hover:after, .most-popular .caption.hover:after {
        opacity: 1; } }
  @media only screen and (max-width: 991px) {
    .most-popular .caption {
      font-size: 12px;
      line-height: 1.2;
      padding: 12px 12px 37px; }
      .most-popular .caption:hover, .most-popular .caption.hover {
        padding: 10px 12px 35px; } }
  @media only screen and (max-width: 767px) {
    .most-popular .caption {
      position: static;
      padding: 17px 8px 35px !important;
      overflow: hidden;
      border-width: 1px; }
      .most-popular .caption:hover:after, .most-popular .caption.hover:after {
        opacity: 1; } }
  .most-popular .caption:after {
    content: "";
    position: absolute;
    left: 0;
    height: 999px;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: all .4s;
    z-index: 1; }
  .most-popular .caption.pink-color {
    color: #e22c7b; }
  .most-popular .caption.orange-color {
    color: #f54a09; }
  .most-popular .caption.royalblue-color {
    color: #4256d9; }
  .most-popular .caption.green-color {
    color: #00a69e; }
  .most-popular .caption a {
    color: #474c55; }
    .most-popular .caption a:hover {
      color: #00a69e; }
  .most-popular .caption .caption-bar {
    position: relative;
    text-transform: uppercase;
    background: #f8f7f8;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    font: 14px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
    @media only screen and (max-width: 767px) {
      .most-popular .caption .caption-bar {
        font-size: 12px; } }
    .most-popular .caption .caption-bar .cell {
      position: relative;
      display: block;
      overflow: hidden;
      padding: 7px 14px 3px 5px;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .most-popular .caption .caption-bar .cell.link-holder {
        float: right;
        width: 50%;
        padding: 7px 14px 3px 5px;
        overflow: visible;
        text-align: right;
        background: #eeedee; }
        .most-popular .caption .caption-bar .cell.link-holder:before {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          top: 100%;
          height: 9999px;
          background: #eeedee; }
      .most-popular .caption .caption-bar .cell a {
        position: relative;
        z-index: 2;
        overflow: hidden;
        display: inline-block; }
      @media only screen and (max-width: 767px) {
        .most-popular .caption .caption-bar .cell {
          padding: 9px 5px 5px 9px; }
          .most-popular .caption .caption-bar .cell.link-holder {
            width: auto;
            padding: 8px 10px 6px 33px; } }
.most-popular .title {
  display: block;
  font: normal 26px/30px tisa-semibold, "Times New Roman", Times, serif;
  margin: 0 0 10px;
  position: relative;
  letter-spacing: 0;
  z-index: 2;
  min-height: 60px; }
  @media only screen and (max-width: 1207px) {
    .most-popular .title {
      font-size: 18px;
      line-height: 22px;
      margin: 0 0 5px;
      min-height: 40px; }
      .most-popular .title br {
        display: none; } }
  @media only screen and (max-width: 991px) {
    .most-popular .title {
      min-height: 52px; } }
  @media only screen and (max-width: 767px) {
    .most-popular .title {
      font-size: 20px;
      line-height: 25px; } }
.most-popular .text-slide {
  transition: all .4s;
  max-height: 0;
  overflow: hidden; }
.most-popular p {
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 991px) {
    .most-popular p {
      margin: 0; } }
.most-popular a {
  color: #fefefe;
  position: relative; }
  .most-popular a:hover {
    text-decoration: none;
    color: #cccccc; }
  .most-popular a .icon-arrow_right {
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    position: relative;
    top: -1px;
    left: 0;
    margin: 0 0 0 2px; }
    @media only screen and (max-width: 767px) {
      .most-popular a .icon-arrow_right {
        font-size: 8px;
        margin: 0 0 0 3px; } }
.most-popular .tags-list {
  padding: 0 0 12px 20px;
  position: relative;
  font-size: 14px;
  line-height: 18px; }
  @media only screen and (max-width: 1207px) {
    .most-popular .tags-list {
      font-size: 12px;
      padding: 0 0 10px 20px; } }
  @media only screen and (max-width: 991px) {
    .most-popular .tags-list {
      font-size: 11px;
      line-height: 14px;
      padding: 0 0 10px 15px; } }
  .most-popular .tags-list:after {
    position: absolute;
    top: 1px;
    left: 2px;
    z-index: 2;
    font-family: 'ElegantIcons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: '\e07b';
    color: #f54a09; }
    @media only screen and (max-width: 991px) {
      .most-popular .tags-list:after {
        left: 0; } }
  .most-popular .tags-list li {
    display: inline; }
    .most-popular .tags-list li + li:after {
      content: ','; }
    .most-popular .tags-list li:last-child:after {
      content: '.'; }

/* info-blocks styles */
.info-blocks {
  overflow: hidden; }
  .info-blocks .info-row {
    margin: 0 -11px;
    font-size: 0;
    line-height: 0; }
  .info-blocks .col {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 11px;
    margin: 0 0 20px; }
  .info-blocks .col-wrap {
    position: relative; }
    .info-blocks .col-wrap:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.2);
      opacity: 0;
      transition: all .4s; }
    .info-blocks .col-wrap:hover:after, .info-blocks .col-wrap.hover:after {
      opacity: 1; }
  .info-blocks img {
    display: block;
    width: 100%;
    height: auto; }
  .info-blocks .caption {
    font: 14px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #949494;
    position: relative;
    padding: 19px 100px 10px 16px;
    background: #f8f7f7;
    border: solid #eaebeb;
    border-width: 0 1px 1px;
    min-height: 127px;
    background: #fff; }
    .info-blocks .caption .title {
      display: block;
      color: #474c55;
      font: normal 26px/30px tisa-bold, "Times New Roman", Times, serif;
      position: relative;
      z-index: 10;
      letter-spacing: -0.5px; }
      .info-blocks .caption .title a {
        color: #474c55; }
      .info-blocks .caption .title a:hover {
        text-decoration: none; }
      @media only screen and (max-width: 991px) {
        .info-blocks .caption .title {
          font-size: 20px;
          line-height: 24px; } }
    .info-blocks .caption .bar {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 76px;
      border-left: 1px solid #eaebeb;
      text-align: center;
      background: #f8f7f7; }
      .info-blocks .caption .bar .icon-ico-infographic {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        font-size: 34px;
        color: #00a69e; }
        .info-blocks .caption .bar .icon-ico-infographic.orange-color {
          color: #ef4d23; }

.persian-green {
  background: #00a69e; }

.purple {
  background: #492962; }

.orange {
  background: #f54a09; }

.royalblue {
  background: #4256d9; }

.red {
  background: #ed1c29; }

.gray {
  background: #f6f5f5; }

/* top-image styles */
.top-image {
  position: relative;
  padding: 168px 0 0;
  margin: 0 0 68px; }
  .top-image .bg-stretch {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .top-image .bg-stretch img {
      max-width: none;
      width: 100%;
      height: auto;
      display: block; }
  .top-image .container {
    position: relative;
    z-index: 10; }
  .top-image .description {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    color: #fff;
    font: 14px/18px walsheim-light, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 12px 0 15px; }
    .top-image .description .source {
      margin: 0 0 0 21px; }
      .top-image .description .source a {
        color: #fff;
        border: 0; }
        .top-image .description .source a:hover {
          text-decoration: underline; }
      .top-image .description .source i {
        font-family: walsheim-light-it, "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .top-image .description p {
      margin: 0; }
  .top-image .caption-opener {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 70px;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    z-index: 99;
    display: none; }
    .top-image .caption-opener .fa {
      color: #fff;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      width: 34px;
      height: 34px;
      background: #1ea1ce;
      border-radius: 50%;
      font-size: 16px; }
      .top-image .caption-opener .fa:before {
        line-height: 34px; }
  @media only screen and (max-width: 767px) {
    .top-image {
      padding: 100px 0 0;
      margin: 0;
      height: auto !important; }
      .top-image .bg-stretch {
        position: relative; }
        .top-image .bg-stretch img {
          width: 100% !important;
          height: auto !important;
          margin: 0 !important; }
      .top-image .caption-opener {
        display: block; }
      .top-image .description {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        z-index: -1;
        padding: 7px 3px 10px;
        font-size: 12px;
        line-height: 18px; }
      .top-image.caption-active .description {
        opacity: 1;
        z-index: 10; }
        .top-image.caption-active .description .source {
          margin: 0;
          display: block; } }

.breadcrumb {
  text-transform: uppercase;
  font: 14px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.8px;
  border-radius: 0;
  margin: 0 0 37px; }
  .breadcrumb > li + li:before {
    content: "»";
    padding: 0 8px 0 4px; }
  .breadcrumb a {
    color: #fff;
    color: #fff;
    transition: all .15s;
    text-decoration: none; }
    .breadcrumb a:hover {
      color: #cccccc;
      text-decoration: none; }
  @media only screen and (max-width: 767px) {
    .breadcrumb {
      background: #00958e;
      margin: 0 -11px;
      font-size: 12px;
      padding: 8px 15px;
      letter-spacing: 0; }
      .breadcrumb > li + li:before {
        padding: 0 5px 0 3px; } }

@media only screen and (max-width: 767px) {
  .page-heading {
		background: #00a69e;
		color: #fff;
		margin: 0 -11px;
		padding: 0.8em 1em;
		font-size: 25px;
		line-height: 32px;
		font-family: tisa-semibold, "Times New Roman", Times, serif;
		font-weight: normal; 
	} 
	.node-type-article .breadcrumb {
		padding: 0.5em 2.1em 1em;
	}
	.about-block#reviewers .about-row p {
		font-size: 1em;	
	}
	.about-block#reviewers .about-row .col-sm-6 {
		min-height: 0;	
	}
	
  }

.quote-box {
  font: 28px/24px tisa-reg, "Times New Roman", Times, serif;
  color: #fff;
  max-width: 616px;
  position: relative;
  padding: 26px 0 0;
  margin: 0 0 185px; }
  .quote-box em {
    font-family: 'tisa-italic';
    font-style: normal; }
  .quote-box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 103px;
    height: 10px;
    background: rgba(0, 166, 158, 0.85); }
  .quote-box.alignright {
    margin-left: auto;
    text-align: right; }
    .quote-box.alignright:after {
      left: auto;
      right: 0; }
    .quote-box.alignright p span {
      float: right; }
  .quote-box p {
    margin: 0; }
    .quote-box p span {
      background: rgba(0, 166, 158, 0.9);
      float: left;
      clear: both;
      padding: 7px 17px 7px 19px; }
      .quote-box p span:first-child {
        padding-top: 16px; }
      .quote-box p span:last-child {
        padding-bottom: 16px; }

h1 {
  margin: 0 0 50px; }

/* green-section styles */
.green-section {
  position: relative;
  background: #e5f6f5;
  z-index: 1;
  padding: 32px 0 10px;
  margin: 0 0 75px; }
  .green-section:after {
    content: "";
    position: absolute;
    left: -9999px;
    top: 0;
    bottom: 0;
    right: -9999px;
    background: #e5f6f5;
    z-index: -1; }
  .green-section .section-heading {
    margin: 0 0 33px; }
    .green-section .section-heading .heading {
      padding: 13px 49px 11px;
      min-width: 288px;
      letter-spacing: 0.4px; }
  @media only screen and (max-width: 767px) {
    .green-section {
      padding: 21px 0 24px;
      margin: 0 0 27px; }
      .green-section .section-heading {
        margin: 0 0 16px; }
        .green-section .section-heading .heading {
          font-size: 18px;
          line-height: 22px;
          padding: 0 18px 6px;
          letter-spacing: 1.6px;
          min-width: 200px; } }

/* content-list styles */
.content-list {
  margin: 0;
  padding: 0 0 30px 68px;
  font-size: 25px;
  line-height: 28px; }
  .content-list li {
    list-style: none;
    position: relative;
    padding: 0 0 0 32px;
    margin: 0 0 24px; }
    .content-list li:last-child {
      margin: 0; }
  .content-list .icon-bullet {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 22px;
    color: #00a69e; }
  @media only screen and (max-width: 767px) {
    .content-list {
      font-size: 17px;
      line-height: 20px;
      padding: 0; }
      .content-list li {
        margin: 0 0 20px; }
      .content-list .icon-bullet {
        font-size: 18px;
        left: 2px;
        top: 2px; } }

/* article-block styles */
.article-block {
  max-width: 670px; }
  @media only screen and (max-width: 767px) {
    .article-block {
      padding: 0 3px;
      font-size: 0.85em;
      line-height: 1.35em; } }

.article-section {
  margin: 0 0 100px; }
  .article-section.alt {
    margin: 0 0 91px; }
  .article-section.mod {
    margin: 0 0 54px; }
  @media only screen and (max-width: 767px) {
    .article-section {
      margin: 0 0 34px !important; } }

p.intro {
  position: relative;
  padding-top: 41px;
  font: normal 26px/33px tisa-semibold, "Times New Roman", Times, serif;
  color: #00a69e;
  margin: 0 0 33px; }
  p.intro:after {
    content: "";
    width: 277px;
    height: 10px;
    background: #00a69e;
    position: absolute;
    left: 0;
    top: 0; }
  @media only screen and (max-width: 767px) {
    p.intro {
      padding: 0;
      font-size: 16px;
      line-height: 22px;
      margin: 0 0 17px; }
      p.intro:after {
        display: none; } }

h2.intro {
  position: relative;
  padding-top: 42px;
  margin: 0 0 6px; }
  h2.intro:after {
    content: "";
    width: 277px;
    height: 10px;
    background: #00a69e;
    position: absolute;
    left: 0;
    top: 0; }
  @media only screen and (max-width: 767px) {
    h2.intro {
      padding: 32px 0 0;
      margin: 0 0 8px; }
      h2.intro:after {
        width: 125px;
        height: 8px; } }

h2 {
  line-height: 42px;
  margin: 0 0 20px; }
  @media only screen and (max-width: 767px) {
    h2 {
      font-size: 24px;
      line-height: 28px;
      font-family: tisa-semibold, "Times New Roman", Times, serif; } }

h3 {
  margin: 0 0 2px; }
  @media only screen and (max-width: 767px) {
    h3 {
      font-size: 20px; } }

h4 {
  margin: 0 0 43px;
  line-height: 1.2;
  color: #222;
  text-transform: uppercase;
  font-family: walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.9px; }
  @media only screen and (max-width: 767px) {
    h4 {
      font-size: 16px;
      margin: 0 0 23px; } }

p {
  margin: 0 0 32px; }
  p a {
    text-decoration: none;
    border-bottom: 1px solid #737373;
    transition: all 0.15s ease-out; }
    p a:hover {
      text-decoration: none;
      border-color: #00a69e; }
  @media only screen and (max-width: 767px) {
    p {
      margin: 0 0 20px; } }

/* glossary styles */
.glossary .glossary-popup {
  display: none; }
@media only screen and (min-width: 768px) {
  .glossary {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px dotted #000;
    transition: background .15s ease-out;
    cursor: pointer;
    background: #e5f6f5; }
    .glossary:hover, .glossary.hover {
      background: #00a69e;
      color: #fff; }
      .glossary:hover .glossary-popup, .glossary.hover .glossary-popup {
        display: block; }
    .glossary .glossary-popup {
      position: absolute;
      left: 100%;
      top: 0;
      width: 177px;
      background: #f8f8f8;
      box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
      z-index: 999;
      margin: -1px 0 0 30px;
      color: #222;
      padding: 0 21px 25px;
      font-size: 14px;
      line-height: 18px;
      display: none; }
      .glossary .glossary-popup:after {
        content: "";
        position: absolute;
        right: 100%;
        top: 8px;
        width: 0;
        height: 0;
        border-right: 10px solid #00a69e;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent; }
      .glossary .glossary-popup:before {
        content: "";
        position: absolute;
        right: 100%;
        top: 0;
        height: 100%;
        width: 27px; }
      .glossary .glossary-popup .main-title {
        background: #00a69e;
        color: #f8f8f8;
        padding: 10px 25px 10px;
        display: block;
        text-transform: uppercase;
        font: normal 18px/1 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 0 -21px 19px; }
      .glossary .glossary-popup .title {
        font: normal 18px/1.2 tisa-bold, "Times New Roman", Times, serif;
        display: block;
        margin: 0 0 10px; }
      .glossary .glossary-popup .sub-title {
        font-family: walsheim-medium-it, "Helvetica Neue", Helvetica, Arial, sans-serif;
        display: block; }
      .glossary .glossary-popup .p-style {
        display: block;
        margin: 0 0 10px; }
        .glossary .glossary-popup .p-style:last-child {
          margin: 0; } }

/* thumbnail styles */
.thumbnail {
  border: 0;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  padding: 10px 0 0; }
  .thumbnail.wide {
    margin: 0 0 55px; }
    .thumbnail.wide img {
      width: 77.5%; }
  .thumbnail.style {
    font-size: 12px;
    margin: 0 0 99px; }
  .thumbnail .img-box {
    position: relative;
    width: 77.5%;
    float: right; }
    .thumbnail .img-box img {
      width: 100%;
      float: none;
      display: block; }
  .thumbnail img {
    float: right;
    height: auto;
    width: 71.045%; }
  .thumbnail .caption {
    overflow: hidden;
    background: #f8f8f8;
    padding: 25px 22px 15px 10px; }
    .thumbnail .caption i {
      font-family: walsheim-light-it, "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .thumbnail .caption a {
      color: #222;
      border: 0; }
      .thumbnail .caption a:hover {
        text-decoration: underline; }
    .thumbnail .caption p {
      margin: 0 0 10px; }
  .thumbnail .caption-opener {
    display: none; }
  .thumbnail .btn-opener {
    position: absolute;
    right: -27px;
    top: -26px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #00a69e;
    transition: all .1s;
    overflow: hidden; }
    .thumbnail .btn-opener:after {
      content: "+";
      position: absolute;
      left: 15px;
      top: 10px;
      color: #fff;
      font: 52px/35px walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
      transition: all .1s; }
    .thumbnail .btn-opener:hover {
      background: #00958e;
      width: 76px;
      height: 76px;
      top: -34px;
      right: -35px; }
      .thumbnail .btn-opener:hover:after {
        left: 23px;
        top: 18px; }
    .thumbnail .btn-opener.close {
      top: 8px;
      right: -16px;
      opacity: 0;
      transition: all .1s, opacity .25s; }
      .thumbnail .btn-opener.close:after {
        transform: rotate(45deg);
        left: 17px; }
      .thumbnail .btn-opener.close:hover {
        top: 0;
        right: -24px; }
        .thumbnail .btn-opener.close:hover:after {
          left: 25px; }
    @media only screen and (max-width: 860px) {
      .thumbnail .btn-opener {
        right: 0; }
        .thumbnail .btn-opener:hover {
          right: -8px; }
        .thumbnail .btn-opener.close {
          right: 0; }
          .thumbnail .btn-opener.close:hover {
            right: -8px; } }
  @media only screen and (max-width: 767px) {
    .thumbnail {
      position: relative;
      padding: 0;
      margin: 0 -4px 20px !important; }
      .thumbnail img, .thumbnail .img-box {
        float: none;
        width: 100% !important; }
      .thumbnail .caption-opener {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 70px;
        height: 70px;
        background: rgba(0, 0, 0, 0.4);
        text-align: center;
        z-index: 1;
        display: block; }
        .thumbnail .caption-opener .fa {
          color: #fff;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          width: 34px;
          height: 34px;
          background: #1ea1ce;
          border-radius: 50%;
          font-size: 16px; }
          .thumbnail .caption-opener .fa:before {
            line-height: 34px; }
      .thumbnail .caption {
        position: absolute;
        opacity: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        transition: all .25s;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        font-size: 12px;
        line-height: 18px;
        text-align: left;
        padding: 8px; }
        .thumbnail .caption br {
          display: none; }
        .thumbnail .caption p {
          margin: 0; }
        .thumbnail .caption a {
          color: #fff; }
      .thumbnail.caption-active .caption {
        opacity: 1;
        z-index: 10; } }

.thumbnail-holder {
  width: 100%; }

.thumbnail-slide {
  position: relative;
  z-index: 999; }
  .thumbnail-slide .thumbnail-wrap {
    padding-top: 34px;
    position: relative; }
  .thumbnail-slide .img-wrap {
    transition: all .4s; }
  .thumbnail-slide img {
    float: none;
    width: 100% !important;
    height: auto; }
  .thumbnail-slide .container {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%); }

.popup-active .thumbnail-slide .close {
  opacity: 1;
  transition: all .1s, opacity .25s .4s; }

#content {
  position: static; }

/* blockquote styles */
blockquote {
  padding: 41px 0 0;
  margin: 0 0 67px 82px;
  border: 0;
  position: relative;
  font-family: tisa-semibold, "Times New Roman", Times, serif;
  line-height: 38px; }
  blockquote:after {
    content: "";
    position: absolute;
    left: 16px;
    top: 0;
    width: 195px;
    height: 10px;
    background: #00a69e; }
  blockquote q {
    display: block;
    position: relative;
    padding: 0 0 0 15px;
    margin: 0 0 35px; }
    blockquote q:after {
      content: "”"; }
    blockquote q:before {
      content: "“";
      position: absolute;
      left: 0;
      top: -2px; }
  blockquote cite {
    display: block;
    padding: 0 0 0 45px;
    position: relative;
    font-family: walsheim-regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    text-transform: capitalize; }
    blockquote cite:after {
      content: "";
      position: absolute;
      left: 7px;
      top: 19px;
      width: 28px;
      height: 3px;
      background: #222; }
  @media only screen and (max-width: 767px) {
    blockquote {
      margin: 0 0 67px 16px;
      font-size: 18px;
      line-height: 26px;
      padding: 21px 0 0; }
      blockquote:after {
        width: 94px;
        height: 8px; }
      blockquote q {
        margin: 0 0 20px; }
        blockquote q:before {
          top: -1px;
          left: 8px; }
      blockquote cite {
        padding: 0 0 0 28px; }
        blockquote cite:after {
          height: 2px;
          width: 14px;
          left: 11px;
          top: 13px; } }

/* accordion dtyles */
.accordion {
  margin: 0 0 67px;
  padding: 0; }
  .accordion li {
    list-style: none;
    margin: 0 0 4px; }
    .accordion li.active .opener {
      text-decoration: none;
      color: #fff;
      background: #00a69e; }
      .accordion li.active .opener:after {
        background: #fff; }
      .accordion li.active .opener:before {
        display: none; }
  .accordion .opener {
    display: block;
    border: 1px solid #00a69e;
    padding: 8px 40px 9px 25px;
    text-transform: uppercase;
    color: #00a69e;
    position: relative;
    font: 18px/1.2 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.9px;
    transition: all .15s; }
    .accordion .opener:hover {
      text-decoration: none;
      color: #fff;
      background: #00a69e; }
      .accordion .opener:hover:after, .accordion .opener:hover:before {
        background: #fff; }
    .accordion .opener:after, .accordion .opener:before {
      content: "";
      position: absolute;
      right: 9px;
      top: 17px;
      width: 21px;
      height: 5px;
      background: #00a69e; }
    .accordion .opener:before {
      width: 5px;
      height: 21px;
      right: 17px;
      top: 9px; }
  .accordion .slide {
    background: #f3f3f3;
    padding: 40px 28px 37px; }
  .accordion h4 {
    margin: 0 0 11px; }
  .accordion h2 {
    margin: 0 0 24px; }
  .accordion .slide-text {
    max-width: 685px; }
  .accordion p:last-child {
    margin: 0; }

/* key-points styles */
.key-points {
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  padding: 28px 0 44px;
  margin: 0 0 97px; }
  .key-points:after {
    content: "";
    position: absolute;
    left: -9999px;
    right: -9999px;
    top: 0;
    bottom: 0;
    background: #f8f8f8;
    z-index: -1; }
  @media only screen and (max-width: 767px) {
    .key-points {
      padding: 23px 3px 20px;
      margin: 0; } }

.key-list {
  margin: 0 -39px;
  padding: 0 0 0 27px;
  font-size: 0;
  line-height: 0; }
  .key-list li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 32.4%;
    font: 21px/32px walsheim-regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    padding: 0 39px; }
  .key-list img {
    display: block;
    max-width: 151px;
    height: auto;
    margin: 0 auto 31px; }
  .key-list p {
    margin: 0; }
  .key-list a {
    color: #00a69e;
    transition: all .15s;
    text-decoration: none; }
    .key-list a:hover {
      color: #00403d;
      text-decoration: none; }
  @media only screen and (max-width: 767px) {
    .key-list {
      margin: 0;
      padding: 0; }
      .key-list li {
        display: block;
        width: 100%;
        padding: 0;
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 23px; }
      .key-list img {
        float: left;
        width: 92px;
        margin: 0 13px 0 0; }
      .key-list .text {
        overflow: hidden; }
      .key-list h3 {
        margin: 0; } }

/* step-section styles */
.step-section {
  position: relative;
  z-index: 1;
  padding: 76px 0 29px; }
  .step-section:after {
    content: "";
    position: absolute;
    left: -9999px;
    right: -9999px;
    top: 0;
    bottom: 0;
    background: url(../images/bg-step-section.png);
    z-index: -1; }
  .step-section h4 {
    margin: 0 0 38px; }
  .step-section p {
    margin: 0 0 26px; }
  @media only screen and (max-width: 767px) {
    .step-section {
      padding: 21px 0 15px; }
      .step-section .article-block {
        font-size: 16px;
        line-height: 22px;
        font-family: walsheim-regular, "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .step-section h2.intro {
        padding: 25px 0 0 0;
        margin: 0 0 6px; }
      .step-section h4 {
        margin: 0 0 12px; }
      .step-section p {
        margin: 0 0 23px; } }
  .step-section .radio-form .col-container {
    font-size: 0;
    line-height: 0;
    margin: 0 -25px 6px;
    padding: 0;
    text-align: center;
    max-width: 745px; }
    @media only screen and (max-width: 767px) {
      .step-section .radio-form .col-container {
        margin: 0;
        padding: 0 4px; } }
  .step-section .radio-form .col {
    display: inline-block;
    vertical-align: top;
    width: 33.3%;
    padding: 0 25px 25px;
    text-align: left;
    font: normal 21px/1.2 walsheim-light, "Helvetica Neue", Helvetica, Arial, sans-serif; }
    @media only screen and (max-width: 767px) {
      .step-section .radio-form .col {
        margin: 0 0 10px;
        display: block;
        width: 100%;
        padding: 0;
        font-size: 18px; } }
  .step-section .radio-form .col-wrap {
    background: #fff;
    min-height: 228px; }
    @media only screen and (max-width: 767px) {
      .step-section .radio-form .col-wrap {
        min-height: 0; } }
  .step-section .radio-form img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 15px; }
    @media only screen and (max-width: 767px) {
      .step-section .radio-form img {
        float: left;
        width: 90px;
        margin: 0 15px 0 0; } }
  .step-section .radio-form .radio-area {
    padding: 0 10px 0 16px; }
    @media only screen and (max-width: 767px) {
      .step-section .radio-form .radio-area {
        padding: 32px 10px 0 0;
        overflow: hidden; }
        .step-section .radio-form .radio-area .jcf-radio {
          margin: 0 6px 0 0; } }
  .step-section .radio-form .title {
    display: inline-block;
    vertical-align: top;
    padding: 4px 28px 0 0;
    position: relative;
    font-weight: normal;
    width: 90%; }
  .step-section .radio-form .success-message, .step-section .radio-form .error-message {
    display: none;
    font: 18px/1.2 walsheim-bold-it, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    /* Thanks Oli */
    padding: 14px 0 0 50px;
    letter-spacing: 0.6px; }
    @media only screen and (max-width: 767px) {
      .step-section .radio-form .success-message, .step-section .radio-form .error-message {
        padding: 3px 0 0; } }
  .step-section .radio-form .icon-cancel, .step-section .radio-form .icon-check {
    display: none;
    position: absolute;
    right: 0;
    top: 0; }
  .step-section .radio-form .success-message, .step-section .radio-form .icon-check {
    color: #00a69e; }
    .step-section .radio-form .success-message a, .step-section .radio-form .icon-check a {
      color: #00a69e;
      cursor: default;
      pointer-events: none; }
      .step-section .radio-form .success-message a:hover, .step-section .radio-form .icon-check a:hover {
        text-decoration: none; }
  .step-section .radio-form .error-message, .step-section .radio-form .icon-cancel {
    color: #ed1c29; }
    .step-section .radio-form .error-message a, .step-section .radio-form .icon-cancel a {
      color: #ed1c29;
      cursor: default;
      pointer-events: none; }
      .step-section .radio-form .error-message a:hover, .step-section .radio-form .icon-cancel a:hover {
        text-decoration: none; }
  .step-section .radio-form .error .error-message {
    display: block; }
  .step-section .radio-form .error .icon-cancel {
    display: block;
    top: 6px;
    right: 4px; }
  .step-section .radio-form .error .jcf-radio span {
    background: #ed1c29; }
  .step-section .radio-form .success .success-message {
    display: block; }
  .step-section .radio-form .success .icon-check {
    display: block;
    top: 6px; }
  .step-section .radio-form .success .jcf-radio span {
    background: #00a69e; }
  .step-section .radio-form .text-after {
    font-size: 17px;
    line-height: 21px; }
    .step-section .radio-form .text-after h4 {
      margin: 0; }
    .step-section .radio-form .text-after p {
      margin: 0 0 24px; }
  .step-section .radio-form .button-holder {
    max-width: 697px; }
    .step-section .radio-form .button-holder .submit {
      float: right; }
    @media only screen and (max-width: 767px) {
      .step-section .radio-form .button-holder {
        padding: 6px 11px 0; }
        .step-section .radio-form .button-holder .submit {
          width: 100%; } }

.btn {
  text-transform: uppercase;
  font: 18px/1.2 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 14px 41px 13px 50px;
  letter-spacing: 0.7px;
  transition: all .15s;
  outline: none !important;
  box-shadow: none !important; }
  .btn .icon-arrow_right {
    font-size: 12px;
    vertical-align: top;
    display: inline-block;
    margin: 3px 0 0 8px; }
  .btn:hover {
    background: #00a69e;
    border-color: #00a69e;
    color: #fff; }
  .btn[disabled] {
    border-color: #6a7478;
    background: #c8d3d6;
    color: #6a7478;
    opacity: 1; }

/* tag-section styles */
.tag-section {
  padding: 36px 0 64px; }
  .tag-section h3 {
    margin: 0 0 4px; }
    .tag-section h3 .fa {
      transform: rotateY(180deg);
      display: inline-block;
      vertical-align: top;
      margin: -3px 0 0 5px; }
  @media only screen and (max-width: 767px) {
    .tag-section {
      padding: 25px 3px 27px; }
      .tag-section h3 {
        margin: 0 0 6px; }
        .tag-section h3 .fa {
          margin: 0;
          font-size: 16px; } }

.content-tags {
  margin: 0;
  padding: 0; }
  .content-tags li {
    list-style: none;
    display: inline;
    position: relative;
    margin: 0 0 0 2px;
    padding: 0 0 0 11px;
    position: relative; }
    .content-tags li:after {
      content: "";
      position: absolute;
      left: 0;
      top: 16px;
      width: 2px;
      height: 2px;
      border-radius: 50%;
      background: #00a69e; }
    .content-tags li:first-child {
      margin-left: 0;
      padding-left: 0; }
      .content-tags li:first-child:after {
        display: none; }
  .content-tags a {
    border-bottom: 1px solid transparent;
    color: #222; }
    .content-tags a:hover {
      text-decoration: none;
      border-color: #00a69e;
      color: #00a69e; }
  @media only screen and (max-width: 767px) {
    .content-tags {
      font-size: 0.85em;
      line-height: 1.3em; }
      .content-tags li {
        margin-left: 5px; }
        .content-tags li:after {
          top: 9px; } }

/* about-block styles */
.about-block {
  background: #f8f8f8;
  position: relative;
  padding: 61px 0 56px;
  z-index: 1;
  font: 21px/32px walsheim-regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 
  font-style: oblique;
  }
  
  .about-block:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: -9999px;
    right: -9999px;
    top: 0;
    bottom: 0;
    background: #f8f8f8; }
  .about-block .col {
    overflow: hidden; }
    .about-block .col:first-child {
      float: left;
      width: 33.8%;
      padding: 0 20px 0 0; }
      .about-block .col:first-child h4 {
        padding: 0; }
  .about-block h4 {
    margin: 0 0 13px;
    padding-left: 5px; }
  .about-block p {
    margin: 0; }
  @media only screen and (max-width: 767px) {
    .about-block {
      padding: 16px 4px 28px;
      font-size: 14px;
      line-height: 20px; }
      .about-block .col:first-child {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0 0 30px; }
      .about-block h4 {
        padding: 0;
        margin: 0 0 6px; } }

.person-list {
  margin: 0;
  padding: 8px 0 0;
  font-size: 0;
  line-height: 0; }
  .person-list li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 20px 0 0;
    font: 21px/32px walsheim-regular, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-style: oblique;}
  .person-list img {
    display: block;
    width: 120px;
    height: auto;
    border-radius: 50%;
    margin: 0 0 6px; }
  .person-list p {
    margin: 0 5px; }
  @media only screen and (max-width: 767px) {
    .person-list li {
      font-size: 14px;
      line-height: 20px;
      padding: 0 5px 0 0; }
    .person-list img {
      width: 92px;
      margin: 0 0 8px; }
    .person-list p {
      margin: 0; } }

/* faq styles */
.faq {
  padding: 75px 0 61px;
  position: relative;
  z-index: 1;
  background: #e5f6f6; }
  .faq:after {
    content: "";
    position: absolute;
    left: -9999px;
    right: -9999px;
    top: 0;
    bottom: 0;
    background: #e5f6f6;
    z-index: -1; }
  @media only screen and (max-width: 767px) {
    .faq {
      padding: 19px 4px; }
      .faq h2.intro {
        padding: 25px 0 0;
        margin: 0 0 4px; }
      .faq h4 {
        margin: 0 0 11px; } }

.question-list {
  margin: 0 0 53px;
  padding: 0;
  font-size: 21px;
  line-height: 32px;
  max-width: 650px;
  border-bottom: 1px solid #1b2734; }
  .question-list li {
    list-style: none;
    border-top: 1px solid #1b2734;
    padding: 22px 0 15px; }
  .question-list > li:first-child {
    border: 0;
    padding: 0 0 20px; }
  .question-list ul {
    padding: 16px 0 0 65px; }
    .question-list ul li {
      padding: 26px 0 0; }
  .question-list .headline {
    margin: 0 0 7px; }
  .question-list .by {
    color: #000;
    font-family: walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .question-list .by strong {
      font-family: walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal; }
  .question-list time {
    font-size: 18px;
    color: #515151;
    position: relative;
    padding: 0 0 0 15px;
    margin: 0 0 0 4px;
    display: inline-block;
    vertical-align: top; }
    .question-list time:after {
      content: "";
      position: absolute;
      left: 0;
      top: 11px;
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background: #515151; }
  .question-list p {
    margin: 0 0 10px; }
  @media only screen and (max-width: 767px) {
    .question-list {
      font-size: 14px;
      line-height: 21px;
      margin: 0 0 32px; }
      .question-list .headline {
        margin: 0 0 10px; }
      .question-list .by {
        position: relative;
        padding: 0 9px 0 0; }
        .question-list .by:after {
          content: "";
          position: absolute;
          right: 0;
          top: 9px;
          width: 3px;
          height: 3px;
          border-radius: 50%;
          background: #000; }
      .question-list time {
        margin: 0;
        padding: 2px 0 0;
        font-size: 14px; }
        .question-list time:after {
          display: none; }
      .question-list ul {
        padding: 5px 0 0 41px; }
        .question-list ul li {
          padding: 9px 0 0; }
      .question-list > li:first-child {
        border: 0;
        padding: 0 0 3px; }
      .question-list li {
        padding: 12px 0 6px; } }

.question-form {
  max-width: 673px; }
  .question-form h4 {
    margin: 0 0 11px; }
  .question-form textarea.form-control {
    height: 123px;
    resize: none; }
  .question-form .submit {
    float: right;
    padding: 15px 30px 13px 39px; }
  @media only screen and (max-width: 767px) {
    .question-form h4 {
      font-size: 18px; }
    .question-form .button-holder {
      padding: 0 8px; }
    .question-form .submit {
      width: 100%;
      float: none;
      display: block; } }

.error .form-control {
  border-color: #ed1c29; }

.form-control {
  font: 18px/22px walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: none !important;
  padding: 12px 17px; }
  @media only screen and (max-width: 767px) {
    .form-control {
      padding: 12px; } }

.back-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  width: 72px;
  height: 72px;
  background: #19a0cf;
  transition: all .3s;
  color: #fff;
  text-align: center;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 18px; }
  .back-to-top.visible {
    visibility: visible;
    opacity: 1; }
  .back-to-top:hover {
    background: #1480a6;
    text-decoration: none;
    color: #fff; }
  .back-to-top:focus {
    color: #fff; }
  .back-to-top:before {
    line-height: 70px;
    display: inline-block;
    vertical-align: top;
    height: 100%; }
  @media only screen and (max-width: 767px) {
    .back-to-top {
      display: none; } }

/* side-menu styles */
.side-menu {
  width: 275px;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 12px 0 0;
  background: #f8f8f8;
  z-index: 9999;
  box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.3); }
  .side-menu .slide-block {
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #f8f8f8;
    overflow: auto; }
  .side-menu .opener-box {
    display: block;
    color: #f8f8f8;
    background: #00a69e;
    text-transform: uppercase;
    padding: 19px 14px 20px 54px;
    font: 18px/1.2 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.7px;
    position: relative; }
    .side-menu .opener-box .opener {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 42px;
      font-size: 42px;
      text-align: center;
      line-height: 56px;
      color: #f8f8f8; }
      .side-menu .opener-box .opener:hover {
        background: #00857e;
        text-decoration: none; }
  .side-menu .counter {
    margin: 0;
    padding: 18px 10px 17px;
    text-align: center;
    font: 21px/1 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #f0f0f0; }
    .side-menu .counter li {
      list-style: none;
      display: inline-block;
      vertical-align: top;
      margin: 0 16px;
      width: 37px; }
    .side-menu .counter [class^=icon-] {
      display: block;
      font-size: 35px;
      margin: 0 0 8px; }
    .side-menu .counter .number {
      display: block; }
    .side-menu .counter a {
      color: #20a69e; }
      .side-menu .counter a:hover {
        color: #16867e;
        text-decoration: none; }
  .side-menu .side-nav-list {
    margin: 0;
    padding: 36px 30px 37px 12px;
    position: relative;
    overflow: hidden;
    font: 17px/20px walsheim-light, "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .side-menu .side-nav-list li {
      list-style: none;
      padding: 0 0 38px 9px;
      position: relative; }
      .side-menu .side-nav-list li:after {
        content: "";
        position: absolute;
        left: 16px;
        bottom: 0;
        top: 0;
        width: 2px;
        background: #00a69e; }
      .side-menu .side-nav-list li:first-child:before, .side-menu .side-nav-list li:last-child:before {
        content: "";
        position: absolute;
        left: 14px;
        top: 0;
        height: 25%;
        width: 4px;
        background: #f8f8f8;
        z-index: 1; }
      .side-menu .side-nav-list li:last-child {
        padding-bottom: 0; }
        .side-menu .side-nav-list li:last-child:before {
          top: 50%;
          height: 100%; }
    .side-menu .side-nav-list .point {
      color: #222;
      display: inline-block;
      vertical-align: top;
      position: relative;
      padding: 0 0 0 33px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=);
      outline: none;
      z-index: 100; }
      .side-menu .side-nav-list .point:after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #00a69e;
        transition: all .15s; }
      .side-menu .side-nav-list .point:hover, .side-menu .side-nav-list .point.anchor-active {
        text-decoration: none;
        color: #000; }
        .side-menu .side-nav-list .point:hover:after, .side-menu .side-nav-list .point.anchor-active:after {
          width: 30px;
          height: 30px;
          left: -7px; }
      .side-menu .side-nav-list .point.anchor-active {
        font-family: walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .side-menu .title {
    display: block;
    color: #f8f8f8;
    background: #00a69e;
    text-transform: uppercase;
    padding: 10px 52px;
    font: 18px/1.2 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.7px; }
  .side-menu .social {
    text-align: center;
    font-size: 34px;
    padding: 16px 0 11px; }
    .side-menu .social li {
      margin: 0 9px; }
  .side-menu.condensed {
    width: 60px; }
    .side-menu.condensed .counter, .side-menu.condensed .opener-box, .side-menu.condensed .social, .side-menu.condensed .title {
      display: none; }
    .side-menu.condensed .side-nav-list {
      padding: 40px 11px 4px 9px; }
      .side-menu.condensed .side-nav-list li {
        padding: 0 0 35px 9px; }
        .side-menu.condensed .side-nav-list li:last-child {
          padding-bottom: 0; }
        .side-menu.condensed .side-nav-list li:after {
          left: 20px;
          top: 0;
          bottom: 0;
          height: auto; }
        .side-menu.condensed .side-nav-list li:last-child:after {
          display: none; }
      .side-menu.condensed .side-nav-list .text {
        display: none; }
      .side-menu.condensed .side-nav-list .point {
        width: 23px;
        height: 23px;
        padding: 0;
        z-index: 999; }
        .side-menu.condensed .side-nav-list .point:after {
          width: 12px;
          height: 12px;
          top: 0;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%); }
        .side-menu.condensed .side-nav-list .point.anchor-active:after {
          width: 23px;
          height: 23px; }
        @media only screen and (min-width: 767px) {
          .side-menu.condensed .side-nav-list .point:hover:after, .side-menu.condensed .side-nav-list .point.anchor-active:after {
            width: 23px;
            height: 23px; } }
    .side-menu.condensed .list-opener, .side-menu.condensed .icon-share {
      display: block; }
  .side-menu .list-opener, .side-menu .icon-share {
    width: 60px;
    height: 60px;
    display: none;
    background: #00a69e;
    color: #fff;
    text-align: center;
    font-size: 35px;
    line-height: 60px;
    text-align: center;
    transition: all .15s; }
    .side-menu .list-opener:hover, .side-menu .icon-share:hover {
      text-decoration: none;
      background: #00857f; }
  @media only screen and (max-width: 1024px) {
    .side-menu .opener-box {
      padding: 12px 14px 11px 54px; }
      .side-menu .opener-box .opener {
        line-height: 42px; }
    .side-menu .counter {
      padding: 10px; }
    .side-menu .side-nav-list {
      padding: 16px 30px 16px 12px; }
    .side-menu .social {
      padding: 10px; }
      .side-menu .social li {
        margin: 0 6px; } }
  @media only screen and (max-width: 767px) {
    .side-menu {
      position: fixed !important;
      top: 50px !important;
      left: 0 !important;
      right: 0 !important;
      width: auto !important;
      min-width: 320px;
      margin: 0; }
      .side-menu .counter, .side-menu .opener-box, .side-menu .social, .side-menu .title, .side-menu .list-opener, .side-menu .icon-share {
        display: none !important; }
      .side-menu .side-nav-list {
        text-align: center;
        font-size: 0;
        line-height: 0;
        padding: 0 !important; }
        .side-menu .side-nav-list li {
          display: inline-block;
          vertical-align: top;
          width: 63px;
          height: 50px;
          padding: 0 !important; }
          .side-menu .side-nav-list li:first-child {
            padding-left: 0 !important; }
            .side-menu .side-nav-list li:first-child:after {
              display: none; }
          .side-menu .side-nav-list li:last-child:after {
            display: block !important; }
          .side-menu .side-nav-list li:before {
            display: none !important; }
          .side-menu .side-nav-list li:after {
            bottom: auto !important;
            top: 24px !important;
            left: 50% !important;
            height: 2px !important;
            z-index: 1000;
            width: 100% !important;
            transform: translateX(-100%); }
        .side-menu .side-nav-list .point {
          display: block !important;
          width: 100% !important;
          height: 100% !important; }
          .side-menu .side-nav-list .point:after {
            top: 50% !important;
            left: 50% !important;
            transform: translate(-50%, -50%) !important; }
          .side-menu .side-nav-list .point:focus {
            background: #dfdfdf; }
        .side-menu .side-nav-list .text {
          display: none; } }

.hover-tooltip {
  z-index: 9999;
  font: normal 18px/22px walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  position: relative;
  color: #f8f8f8;
  background: #8b8788;
  padding: 7px 9px;
  min-width: 132px;
  max-width: 200px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  text-transform: uppercase; }
  .hover-tooltip:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid #8b8788;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; }
  .hover-tooltip .tooltip-text {
    overflow: hidden;
    text-overflow: ellipsis; }
  .hover-tooltip.point-text {
    text-transform: none;
    font: normal 17px/22px walsheim-light, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.tooltip-hide .point-text {
  display: none !important; }

/* visual-block styles */
.visual-block {
  position: relative;
  /* slide styles */ }
  .visual-block .mask-block {
    overflow: hidden; }
  .visual-block .slideset-block {
    margin: 0 -12px 0 -11px;
    font-size: 0;
    line-height: 0; }
    @media only screen and (max-width: 767px) {
      .visual-block .slideset-block {
        margin: 0; } }
  .visual-block .slide-block {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    padding: 0 12px 0 11px; }
    @media only screen and (max-width: 767px) {
      .visual-block .slide-block {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 0 11px; } }
  .visual-block .slide-wrap {
    position: relative; }
    @media only screen and (max-width: 767px) {
      .visual-block .slide-wrap {
        border: 1px solid #eaebeb; } }
  .visual-block img {
    width: 100%;
    height: auto;
    display: block; }
    @media only screen and (max-width: 767px) {
      .visual-block img {
        display: none; } }
  .visual-block .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fefefe;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.6px;
    padding: 19px 17px 41px;
    transition: background .4s;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .visual-block .caption:hover, .visual-block .caption.hover {
        overflow: visible; }
        .visual-block .caption:hover .text-slide, .visual-block .caption.hover .text-slide {
          max-height: 105px; }
        .visual-block .caption:hover .title, .visual-block .caption.hover .title {
          margin: 0 0 16px; }
        .visual-block .caption:hover:after, .visual-block .caption.hover:after {
          opacity: 1; } }
    @media only screen and (max-width: 991px) {
      .visual-block .caption {
        padding: 2px 10px 25px;
        font-size: 12px;
        line-height: 1.2; } }
    @media only screen and (max-width: 991px) {
      .visual-block .caption {
        padding: 2px 10px 35px; } }
    @media only screen and (max-width: 767px) {
      .visual-block .caption {
        position: static;
        padding: 16px 8px 0; } }
    .visual-block .caption:after {
      content: "";
      position: absolute;
      left: 0;
      height: 999px;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.2);
      opacity: 0;
      transition: all .4s;
      z-index: 1; }
    .visual-block .caption.purple .caption-bar {
      background: #422558; }
      .visual-block .caption.purple .caption-bar .link-holder {
        background: #3a214e; }
        .visual-block .caption.purple .caption-bar .link-holder:before {
          background: #3a214e; }
    @media only screen and (max-width: 767px) {
      .visual-block .caption.purple {
        background: none;
        color: #422558; }
        .visual-block .caption.purple .caption-bar {
          background: #f2f2f2; }
          .visual-block .caption.purple .caption-bar .link-holder {
            background: #e3e2e3; }
            .visual-block .caption.purple .caption-bar .link-holder a {
              color: #422558; }
            .visual-block .caption.purple .caption-bar .link-holder:before {
              background: #e3e2e3; } }
    .visual-block .caption.orange .caption-bar {
      background: #da4209; }
      .visual-block .caption.orange .caption-bar .link-holder {
        background: #c23b08; }
        .visual-block .caption.orange .caption-bar .link-holder:before {
          background: #c23b08; }
    @media only screen and (max-width: 767px) {
      .visual-block .caption.orange {
        background: none;
        color: #f54a09; }
        .visual-block .caption.orange .caption-bar {
          background: #f2f2f2; }
          .visual-block .caption.orange .caption-bar .link-holder {
            background: #e3e2e3; }
            .visual-block .caption.orange .caption-bar .link-holder a {
              color: #f54a09; }
            .visual-block .caption.orange .caption-bar .link-holder:before {
              background: #e3e2e3; } }
    .visual-block .caption.red .caption-bar {
      background: #d31926; }
      .visual-block .caption.red .caption-bar .link-holder {
        background: #bc1622; }
        .visual-block .caption.red .caption-bar .link-holder:before {
          background: #bc1622; }
    @media only screen and (max-width: 767px) {
      .visual-block .caption.red {
        background: none;
        color: #ed1c29; }
        .visual-block .caption.red .caption-bar {
          background: #f2f2f2; }
          .visual-block .caption.red .caption-bar .link-holder {
            background: #e3e2e3; }
            .visual-block .caption.red .caption-bar .link-holder a {
              color: #ed1c29; }
            .visual-block .caption.red .caption-bar .link-holder:before {
              background: #e3e2e3; } }
    .visual-block .caption .caption-bar {
      position: relative;
      text-transform: uppercase;
      position: absolute;
      overflow: hidden;
      left: 0;
      right: 0;
      bottom: 0;
      font: 14px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
      @media only screen and (max-width: 991px) {
        .visual-block .caption .caption-bar {
          font-size: 12px; } }
      @media only screen and (max-width: 767px) {
        .visual-block .caption .caption-bar {
          position: static;
          margin: 0 -8px; } }
      .visual-block .caption .caption-bar .cell {
        position: relative;
        display: block;
        z-index: 2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 7px 5px 3px 14px; }
        .visual-block .caption .caption-bar .cell.link-holder {
          text-align: right;
          float: right;
          width: 50%;
          overflow: visible;
          padding: 7px 5px 3px 14px; }
          .visual-block .caption .caption-bar .cell.link-holder:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 100%;
            height: 9999px; }
        @media only screen and (max-width: 767px) {
          .visual-block .caption .caption-bar .cell {
            padding: 8px 5px 6px 8px; }
            .visual-block .caption .caption-bar .cell.link-holder {
              padding: 9px 19px 5px 26px;
              width: auto; } }
  .visual-block .title {
    display: block;
    font: normal 26px/30px tisa-bold, "Times New Roman", Times, serif;
    margin: 0 0 8px;
    position: relative;
    z-index: 2;
    transition: all .4s;
    letter-spacing: 0; }
    @media only screen and (max-width: 991px) {
      .visual-block .title {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: -0.4px; } }
    @media only screen and (max-width: 991px) {
      .visual-block .title {
        margin: 0 0 8px !important; } }
    @media only screen and (max-width: 767px) {
      .visual-block .title {
        margin: 0 0 13px; } }
  .visual-block .text-slide {
    transition: all .4s;
    max-height: 0;
    overflow: hidden; }
  .visual-block p {
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 991px) {
      .visual-block p {
        margin: 0; } }
  .visual-block a {
    color: #fefefe;
    position: relative;
    display: inline-block;
    overflow: hidden; }
    .visual-block a:hover {
      text-decoration: none;
      color: #cccccc; }
    .visual-block a .icon-arrow_right {
      font-size: 10px;
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
      position: relative;
      top: -1px;
      left: 0;
      margin: 0 0 0 2px; }
      @media only screen and (max-width: 767px) {
        .visual-block a .icon-arrow_right {
          font-size: 8px; } }

/* author-bio styles */
.author-bio {
  padding: 183px 0 38px;
  background: #19a0cf;
  color: #fff;
  font: 21px/30px walsheim-regular, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .author-bio .breadcrumb {
    margin: 0 0 30px; }
  .author-bio h1 {
    color: #fff;
    margin: 0;
    padding: 19px 0 0;
    line-height: 54px; }
  .author-bio .img-holder img {
    float: right;
    width: 100%;
    max-width: 143px;
    height: auto;
    border-radius: 50%; }
  .author-bio .text {
    padding: 13px 0 0; }
  .author-bio p {
    margin: 0 0 20px; }
  @media only screen and (max-width: 767px) {
    .author-bio {
      margin-bottom: 1em;
	  padding: 50px 0 1em;
      font-size: 0.9em;
      line-height: 1.35em; }
      .author-bio .breadcrumb {
        background: #2a97bd;
        margin: 0 -10px 20px;
        padding: 10px 13px; }
      .author-bio h1 {
        font-size: 33px;
        line-height: 36px;
        padding: 12px 7px 0; }
      .author-bio .img-holder img {
        max-width: 79px; }
      .author-bio .text {
        padding: 13px 7px 0; }
      .author-bio p {
        margin: 0 0 10px; } }

.bio-style, .list-section {
  padding: 24px 0 35px; }
  .bio-style .section-heading, .list-section .section-heading {
    margin: 0 0 26px; }
    .bio-style .section-heading .heading, .list-section .section-heading .heading {
      padding: 9px 50px 15px;
      min-width: 386px; }
  .bio-style .most-popular .col, .list-section .most-popular .col {
    margin-bottom: 54px; }
    .bio-style .most-popular .col:nth-last-child(-n+3), .list-section .most-popular .col:nth-last-child(-n+3) {
      margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .bio-style, .list-section {
      padding: 18px 0 8px; }
      .bio-style .section-heading, .list-section .section-heading {
        margin: 0 0 13px; }
        .bio-style .section-heading .heading, .list-section .section-heading .heading {
          padding: 0 21px 6px;
          min-width: 0;
          display: block;
          max-width: none; }
          .bio-style .section-heading .heading:after, .list-section .section-heading .heading:after {
            display: none; }
      .bio-style .most-popular .col, .list-section .most-popular .col {
        margin-bottom: 9px; }
        .bio-style .most-popular .col:nth-last-child(-n+3), .list-section .most-popular .col:nth-last-child(-n+3) {
          margin-bottom: 9px; } }

.list-section {
  border-top: 1px solid #8ccfe7;
  padding: 29px 0 47px; }
  .list-section .section-heading {
    margin: 0 0 32px; }
  @media only screen and (max-width: 767px) {
    .list-section {
      border: 0;
      padding: 8px 0 11px; }
      .list-section .section-heading {
        margin: 0 0 15px; } }

.expert-answers {
  background: #e8f5fa;
  padding: 33px 0 50px; }
  .expert-answers .section-heading {
    margin: 0 0 33px; }
    .expert-answers .section-heading .heading {
      padding: 9px 50px 15px;
      min-width: 386px; }
  @media only screen and (max-width: 767px) {
    .expert-answers {
      background: #f6f5f5;
      padding: 25px 0; }
      .expert-answers .section-heading {
        margin: 0 0 18px; }
        .expert-answers .section-heading .heading {
          padding: 0 21px 6px;
          min-width: 0;
          display: block;
          max-width: none; }
          .expert-answers .section-heading .heading:after {
            display: none; } }

/* question-area styles */
.question-area {
  max-width: 1000px; }

/* question-block styles */
.question-block {
  position: relative;
  margin: 0 0 25px;
  padding: 31px 0 0; }
  .question-block:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 375px;
    height: 1px;
    background: #222; }
  .question-block:first-child {
    padding-top: 0; }
    .question-block:first-child:after {
      display: none; }
  .question-block .heading {
    margin: 0 0 9px; }
  .question-block h2 {
    font-size: 26px;
    line-height: 1.2;
    margin: 0 0 12px;
    color: #474c55; }
  @media only screen and (max-width: 767px) {
    .question-block {
      padding: 21px 0 0 6px;
      margin: 0 0 18px; }
      .question-block:after {
        left: 6px;
        width: 195px; }
      .question-block .heading {
        line-height: 1.2;
        margin: 0 0 8px; }
      .question-block h2 {
        font: 20px/1.2 tisa-bold, "Times New Roman", Times, serif;
        margin: 0 0 6px; } }

.read-more {
  text-transform: uppercase;
  font: 14px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #474c55;
  letter-spacing: 0.9px;
  vertical-align: top;
  display: inline-block; }
  .read-more .icon-arrow_right {
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    margin: -5px 0 0; }
  .read-more:hover {
    text-decoration: none; }
  @media only screen and (max-width: 767px) {
    .read-more {
      font-size: 12px; }
      .read-more .icon-arrow_right {
        font-size: 8px; } }

/* answer-question styles */
.answer-question {
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 25px; }
  .answer-question li {
    list-style: none; }
  .answer-question p {
    margin: 0 0 0; }
  .answer-question strong {
    font-family: walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal; }
  .answer-question ul {
    padding: 24px 0 0 98px; }
  @media only screen and (max-width: 767px) {
    .answer-question {
      font-size: 14px;
      line-height: 21px; }
      .answer-question p {
        margin: 0 0 5px; }
      .answer-question ul {
        padding: 5px 0 0 40px; } }

.filter-block {
  background: #e8f0f2;
  padding: 167px 0 24px; }
  .filter-block .breadcrumb {
    color: #1b2734;
    font: 12px/1.2 walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 35px; }
    .filter-block .breadcrumb li + li:before {
      padding: 0 12px 0 4px;
      color: #1b2734; }
    .filter-block .breadcrumb > .active, .filter-block .breadcrumb a {
      color: #1b2734; }
    @media only screen and (max-width: 767px) {
      .filter-block .breadcrumb {
        display: none; } }
  .filter-block .section-heading {
    margin: 0 0 30px; }
    .filter-block .section-heading .heading {
      padding: 8px 50px 15px;
      min-width: 387px; }
    @media only screen and (max-width: 767px) {
      .filter-block .section-heading {
        margin: 0 0 9px; }
        .filter-block .section-heading .heading {
          padding: 0 20px 6px 19px;
          min-width: 0; } }
  @media only screen and (max-width: 767px) {
    .filter-block {
      padding: 62px 0 15px; } }

.filter-form {
  position: relative;
  z-index: 100; }
  .filter-form .search-area {
    border: 1px solid #dadee1;
    padding: 0 49px 0 0;
    position: relative; }
    .filter-form .search-area ::-webkit-input-placeholder {
      color: #1b2734; }
    .filter-form .search-area ::-moz-placeholder {
      opacity: 1;
      color: #1b2734; }
    .filter-form .search-area :-moz-placeholder {
      color: #1b2734; }
    .filter-form .search-area :-ms-input-placeholder {
      color: #1b2734; }
    .filter-form .search-area .placeholder {
      color: #1b2734; }
    .filter-form .search-area input[type="search"] {
      display: block;
      width: 100%;
      background: #fff;
      font: 18px/22px walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #1b2734;
      border: 0;
      height: 47px;
      outline: none;
      padding: 12px 21px; }
      .filter-form .search-area input[type="search"]:focus {
        outline: 1px dotted #000; }
    .filter-form .search-area .submit {
      position: absolute;
      right: -1px;
      top: -1px;
      bottom: -1px;
      background: #19a0cf;
      color: #fff;
      font-size: 20px;
      text-align: center;
      border: 0;
      width: 49px;
      transition: background .15s;
      padding: 0; }
      .filter-form .search-area .submit:hover {
        background: #1484aa; }
      .filter-form .search-area .submit:before {
        line-height: 49px; }
    @media only screen and (max-width: 991px) {
      .filter-form .search-area {
        margin: 0 0 9px; } }
  .filter-form .filter-results {
    position: relative; }
    @media only screen and (max-width: 991px) {
      .filter-form .filter-results {
        margin: 0 0 10px; } }
    .filter-form .filter-results .list-opener {
      display: block;
      overflow: hidden;
      border: 1px solid #492962;
      box-shadow: inset 0 0 0 1px #492962;
      color: #492962;
      font: 18px/1.2 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
      position: relative;
      padding: 13px 30px 13px 20px;
      background: #fff; }
      .filter-form .filter-results .list-opener .fa {
        position: absolute;
        right: 17px;
        font-weight: bold;
        top: 11px;
        font-size: 27px; }
      .filter-form .filter-results .list-opener:hover {
        text-decoration: none; }
      .filter-form .filter-results .list-opener:focus {
        border-color: #c8addd !important;
        outline: none; }
      @media only screen and (max-width: 991px) {
        .filter-form .filter-results .list-opener {
          box-shadow: none;
          border-color: #dadee1;
          padding: 13px 30px 13px 21px;
          color: #3d3a3b; }
          .filter-form .filter-results .list-opener .fa {
            color: #19a0cf; } }
    .filter-form .filter-results .list-slide {
      position: absolute;
      left: 0;
      z-index: 999;
      right: 0;
      top: 100%;
      opacity: 0;
      visibility: hidden; }
      .filter-form .filter-results .list-slide a {
        color: #222; }
        .filter-form .filter-results .list-slide a:hover {
          text-decoration: none; }
    .filter-form .filter-results .filter-list {
      background: #fff;
      border: 1px solid #dadee1;
      border-width: 1px 1px 0;
      list-style: none;
      margin: 0;
      padding: 0;
      font: 18px/22px walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .filter-form .filter-results .filter-list li {
        list-style: none;
        border-bottom: 2px solid #f54a09; }
      .filter-form .filter-results .filter-list .orange-border {
        border-color: #f54a09; }
      .filter-form .filter-results .filter-list .green-border {
        border-color: #00a69e; }
      .filter-form .filter-results .filter-list .purple-border {
        border-color: #492962; }
      .filter-form .filter-results .filter-list .pink-border {
        border-color: #e22c7b; }
      .filter-form .filter-results .filter-list .royalblue-border {
        border-color: #4256d9; }
      .filter-form .filter-results .filter-list .red-border {
        border-color: #ed1c29; }
      .filter-form .filter-results .filter-list label, .filter-form .filter-results .filter-list .label-item {
        display: block;
        margin: 0;
        position: relative;
        padding: 14px 20px 16px; }
        .filter-form .filter-results .filter-list label:hover, .filter-form .filter-results .filter-list .label-item:hover {
          background: #f7f7f7; }
        .filter-form .filter-results .filter-list label:focus, .filter-form .filter-results .filter-list .label-item:focus {
          background: #f7f7f7; }
        .filter-form .filter-results .filter-list label .jcf-checkbox, .filter-form .filter-results .filter-list .label-item .jcf-checkbox {
          position: absolute;
          left: -9999px;
          top: -9999px; }
        .filter-form .filter-results .filter-list label .square, .filter-form .filter-results .filter-list .label-item .square {
          position: absolute;
          right: 16px;
          top: 18px;
          width: 18px;
          height: 18px;
          border-radius: 2px;
          border: 1px solid #bfbdbd; }
        .filter-form .filter-results .filter-list label .fa-check-square-o, .filter-form .filter-results .filter-list .label-item .fa-check-square-o {
          position: absolute;
          right: 13px;
          top: 16px;
          font-size: 23px;
          color: #6e6c6c;
          display: none; }
        .filter-form .filter-results .filter-list label.jcf-label-active .fa-check-square-o, .filter-form .filter-results .filter-list .label-item.jcf-label-active .fa-check-square-o {
          display: block; }
        .filter-form .filter-results .filter-list label.jcf-label-active .square, .filter-form .filter-results .filter-list .label-item.jcf-label-active .square {
          display: none; }
    .filter-form .filter-results label {
      font-weight: normal; }
    .filter-form .filter-results.active .list-opener, .filter-form .filter-results.list-active .list-opener {
      box-shadow: none;
      border-color: #dadee1; }
      .filter-form .filter-results.active .list-opener .fa, .filter-form .filter-results.list-active .list-opener .fa {
        transform: rotate(180deg);
        color: #19a0cf; }
    .filter-form .filter-results.hover .list-slide, .filter-form .filter-results.active .list-slide, .filter-form .filter-results.list-active .list-slide {
      opacity: 1;
      visibility: visible; }
  .filter-form .jcf-select .jcf-select-text {
    padding: 0 0 0 89px;
    margin: 0; }
    .filter-form .jcf-select .jcf-select-text:after {
      content: "Sort by:";
      position: absolute;
      left: 20px;
      top: 0;
      height: 100%;
      width: 65px; }
    @media only screen and (max-width: 991px) {
      .filter-form .jcf-select .jcf-select-text {
        padding: 0 0 0 79px; }
        .filter-form .jcf-select .jcf-select-text:after {
          left: 10px; } }
    @media only screen and (max-width: 767px) {
      .filter-form .jcf-select .jcf-select-text {
        padding: 0 0 0 91px; }
        .filter-form .jcf-select .jcf-select-text:after {
          left: 20px; } }

.filter-items-box {
  background: #f7f7f7;
  padding: 9px 22px 10px;
  font-size: 18px;
  line-height: 1.4;
  color: #1b2734; }
  .filter-items-box .title {
    float: left;
    font-family: walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0 4px 0 0; }
  .filter-items-box .clear {
    float: right;
    font-size: 16px;
    margin: 1px 0 0 5px;
    overflow: hidden; }
    .filter-items-box .clear .fa {
      display: inline-block;
      vertical-align: middle;
      transform: rotate(45deg);
      margin: -2px 0 0 0;
      font-size: 18px; }
    .filter-items-box .clear:hover {
      text-decoration: none;
      color: #00a69e; }
  .filter-items-box ul {
    margin: 0;
    padding: 0;
    overflow: hidden; }
    .filter-items-box ul li {
      list-style: none;
      display: inline;
      margin: 0 10px 0 0;
      padding: 0 9px 0 0;
      position: relative; }
      .filter-items-box ul li:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #1b2734;
        margin: -2px 0 0; }
      .filter-items-box ul li:last-child {
        margin-right: 0;
        padding-right: 0; }
        .filter-items-box ul li:last-child:after {
          display: none; }
      .filter-items-box ul li .icon-icon_close_alt2 {
        margin: 0 0 0 -2px; }
  .filter-items-box a {
    color: #1b2734; }
    .filter-items-box a:hover {
      text-decoration: none;
      color: #00a69e; }
  @media only screen and (max-width: 991px) {
    .filter-items-box {
      position: relative;
      padding: 13px 5px 43px 10px;
      font-size: 14px; }
      .filter-items-box .title {
        float: none;
        display: inline;
        margin: 0; }
      .filter-items-box .clear {
        position: absolute;
        bottom: 10px;
        left: 8px;
        margin: 0;
        font-family: walsheim-light, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px; }
        .filter-items-box .clear .fa {
          margin: -5px 4px 0 0; }
      .filter-items-box ul {
        overflow: visible;
        display: inline; }
        .filter-items-box ul li {
          display: inline-block;
          vertical-align: top; }
          .filter-items-box ul li .icon-icon_close_alt2 {
            font-size: 12px; } }

.filter-video-block {
  padding: 29px 0 31px; }
  .filter-video-block .video-slider .video-caption .video-title {
    font-size: 26px; }
  .filter-video-block .video-slider .video-caption .video-bar {
    background: none;
    border: 0; }
    .filter-video-block .video-slider .video-caption .video-bar .time {
      border: 0;
      background: #f0f0f0; }
  @media only screen and (max-width: 991px) {
    .filter-video-block .video-slider .video-caption {
      padding-bottom: 30px; }
      .filter-video-block .video-slider .video-caption .video-title {
        font-size: 16px; } }
  .filter-video-block .video-slider .slideset {
    margin: 0 -11px 0 -11px !important;
    font-size: 0;
    line-height: 0;
    width: auto !important; }
  .filter-video-block .video-slider .slide {
    margin: 0 0 41px;
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    padding: 0 11px 0 11px;
    margin: 0 0 20px; }
    @media only screen and (max-width: 767px) {
      .filter-video-block .video-slider .slide {
        display: block;
        width: 100%; } }
  .filter-video-block .video-slider .slide-wrap {
    position: relative; }
  @media only screen and (max-width: 767px) {
    .filter-video-block {
      padding: 3px 0 22px;
      background: #f6f5f5; }
      .filter-video-block .video-slider .video-title {
        font-size: 20px;
        line-height: 25px; }
      .filter-video-block .video-slider .video-caption {
        padding: 41px 67px 9px 8px; }
        .filter-video-block .video-slider .video-caption .video-title {
          font-size: 20px;
          line-height: 25px; }
        .filter-video-block .video-slider .video-caption .video-bar .time {
          padding: 8px 5px;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: auto; }
        .filter-video-block .video-slider .video-caption .video-bar .icon-ico-video {
          top: 65%; }
      .filter-video-block .category {
        top: 0;
        bottom: auto;
        right: 67px;
        font-size: 12px;
        padding: 10px 10px 8px;
        letter-spacing: 0.6px; } }
  .filter-video-block .btn-area {
    margin: 3px 0 10px;
    text-align: center; }
  .filter-video-block .btn {
    color: #1b2734; }

.load-more {
  display: block;
  border: 1px solid #19a0cf;
  color: #19a0cf;
  text-align: center;
  padding: 14px 14px 11px;
  font: 18px/1.2 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  overflow: hidden;
  transition: background .25s; }
  .load-more.orange {
    border-color: #f54a09;
    color: #f54a09;
    background: none; }
    .load-more.orange:hover {
      background: #f54a09;
      color: #fff; }
  .load-more .icon-back-to-top {
    display: block;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    position: relative;
    top: 0;
    padding: 0 0 8px; }
  .load-more:hover {
    background: #19a0cf;
    color: #fff;
    text-decoration: none; }

/* letters-section */
.letters-section {
  padding: 165px 0 0;
  background: #19a0cf; }
  @media only screen and (max-width: 991px) {
    .letters-section {
      padding: 175px 0 0; } }
  @media only screen and (max-width: 767px) {
    .letters-section {
      padding: 37px 0 0; } }
  .letters-section .breadcrumb {
    margin: 0 0 28px; }
    @media only screen and (max-width: 767px) {
      .letters-section .breadcrumb {
        background: #2a97bd;
        margin: 13px -10px 4px;
        padding: 9px 13px 10px; } }

/* letters-bar */
.letters-bar {
  padding: 19px 0 6px;
  background: #19a0cf; }
  @media only screen and (max-width: 991px) {
    .letters-bar {
      padding: 9px 0 6px; } }
  @media only screen and (max-width: 767px) {
    .letters-bar {
      padding: 0 0 3px; } }
  .letters-bar.fixed-position {
    position: fixed;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 998;
    padding: 0; }
    @media only screen and (max-width: 991px) {
      .letters-bar.fixed-position {
        top: 45px !important; } }
    @media only screen and (max-width: 767px) {
      .letters-bar.fixed-position {
        top: 50px !important;
        padding: 5px 0; } }
    .letters-bar.fixed-position .breadcrumb {
      display: none; }

.letters-wrap {
  overflow-y: hidden;
  width: 100%;
  padding: 10px 0; }
  @media only screen and (max-width: 767px) {
    .letters-wrap {
      padding: 0; } }
  .letters-wrap ul {
    width: 100%;
    font-family: tisa-bold, "Times New Roman", Times, serif;
    font-size: 26px;
    line-height: 50px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap; }
    .letters-wrap ul li {
      display: inline-block;
      vertical-align: top;
      margin: 0 -5px 0 0; }
      @media only screen and (max-width: 767px) {
        .letters-wrap ul li {
          margin: 0 -2px 0 0; } }
      .letters-wrap ul li.active a {
        border-color: #fff;
        background: #2b98be;
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none; }
    .letters-wrap ul a {
      display: block;
      width: 46px;
      height: 46px;
      border: 1px solid transparent;
      color: #fff; }
      .letters-wrap ul a:hover {
        border-color: #fff;
        background: #2b98be;
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none; }

/* list-block */
.list-block {
  overflow: hidden;
  padding: 21px 0 55px; }
  @media only screen and (max-width: 767px) {
    .list-block {
      padding: 15px 0 20px; } }
  .list-block .section-heading {
    position: relative;
    z-index: 2;
    margin: 0 0 -1px; }
    .list-block .section-heading .heading {
      min-width: 386px;
      padding: 9px 25px 15px 50px; }
      @media only screen and (max-width: 767px) {
        .list-block .section-heading .heading {
          min-width: 0;
          padding: 2px 25px 6px 19px; } }
  .list-block .list-area {
    overflow: hidden;
    position: relative; }
    .list-block .list-area > .row {
      border-top: 1px solid #97d4e9;
      padding: 22px 0 4px; }
      @media only screen and (max-width: 1207px) {
        .list-block .list-area > .row {
          padding: 22px 0 4px 50px; } }
      @media only screen and (max-width: 767px) {
        .list-block .list-area > .row {
          padding: 12px 0 2px; } }
  .list-block .letter {
    display: inline-block;
    vertical-align: top;
    margin: 1px 0 0;
    font-family: tisa-semibold, "Times New Roman", Times, serif;
    font-size: 26px;
    line-height: 30px;
    text-transform: uppercase;
    color: #30a9d4; }
    @media only screen and (max-width: 1207px) {
      .list-block .letter {
        position: absolute;
        top: 22px;
        left: 0; } }
    @media only screen and (max-width: 767px) {
      .list-block .letter {
        position: static;
        margin-bottom: 9px; } }
  .list-block ul {
    margin-bottom: 0;
    font-family: walsheim-light, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px; }
    @media only screen and (max-width: 1207px) {
      .list-block ul {
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .list-block ul {
        font-size: 18px; } }
    .list-block ul li {
      margin-bottom: 20px; }
    .list-block ul a {
      color: #474c55; }
      .list-block ul a:hover, .list-block ul a:focus {
        color: #737373;
        text-decoration: underline; }

/* video-section */
.video-section {
  padding: 167px 0 51px;
  background: #f6f5f5; }
  @media only screen and (max-width: 767px) {
    .video-section {
      padding: 65px 0 19px; } }
  .video-section .breadcrumb {
    font-size: 12px;
    letter-spacing: 0;
    margin: 0 0 31px; }
    .video-section .breadcrumb > li + li:before {
      color: #191919; }
    .video-section .breadcrumb > .active {
      color: #191919; }
    .video-section .breadcrumb a {
      color: #191919; }
      .video-section .breadcrumb a:hover {
        color: #ccc; }
  .video-section .video {
    position: relative;
    overflow: hidden; }
    .video-section .video iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2; }
  .video-section .video-caption {
    padding: 28px 25px 50px;
    position: relative;
    background: #fff;
    border: 1px solid #eaebeb; }
    @media only screen and (max-width: 1207px) {
      .video-section .video-caption {
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .video-section .video-caption {
        padding: 42px 8px 1px;
        font-size: 16px;
        line-height: 24px; } }
    .video-section .video-caption.color-green .category {
      color: #00a69e; }
      .video-section .video-caption.color-green .category a {
        color: #00a69e; }
  .video-section h1 {
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 6px; }
    @media only screen and (max-width: 1207px) {
      .video-section h1 {
        font-size: 30px;
        line-height: 34px;
        margin: 0; } }
    @media only screen and (max-width: 767px) {
      .video-section h1 {
        font-size: 20px;
        line-height: 25px; } }
  .video-section p {
    margin: 0 0 10px; 
	font-size: 1.3em;
	
	}
  .video-section .caption-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: #f8f7f8;
    font-family: walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2; }
    @media only screen and (max-width: 767px) {
      .video-section .caption-bar {
        top: 0;
        bottom: auto;
        font-size: 12px;
        letter-spacing: 1px; } }
    .video-section .caption-bar .category {
      display: block;
      overflow: hidden;
      padding: 7px 28px 8px;
      font-family: walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      white-space: nowrap;
      text-overflow: ellipsis; }
      @media only screen and (max-width: 767px) {
        .video-section .caption-bar .category {
          padding: 7px 9px 8px; } }
    .video-section .caption-bar .time {
      float: right;
      padding: 8px 23px 7px;
      background: #f0f0f0;
      color: #949494; }
      @media only screen and (max-width: 767px) {
        .video-section .caption-bar .time {
          padding: 7px 5px 8px; } }

/* visual-section */
.visual-section {
  padding: 188px 0 0;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .visual-section {
      padding: 50px 0 0; } }
  .visual-section .bg-stretch {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .visual-section .container {
    position: relative;
    z-index: 2; }
  .visual-section .text-area {
    float: left;
    padding: 26px 26px 15px;
    min-width: 471px;
    background: #f54a09;
    background: rgba(245, 74, 9, 0.9); }
    @media only screen and (max-width: 767px) {
      .visual-section .text-area {
        float: none;
        min-width: 0;
        margin: 0 -11px;
        padding: 14px 16px; } }
  .visual-section .breadcrumb {
    margin: 0 0 67px; }
    @media only screen and (max-width: 767px) {
      .visual-section .breadcrumb {
        margin: -14px -16px 32px;
        padding: 9px 13px 10px;
        background: rgba(0, 0, 0, 0.1); } }
  .visual-section h1 {
    line-height: 1.08;
    color: #fff;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .visual-section h1 {
        font-size: 33px;
        line-height: 36px; } }

/* tags-section */
.tags-section {
  padding: 34px 0 19px; }
  @media only screen and (max-width: 1207px) {
    .tags-section {
      padding: 20px 0;
      font-size: 18px; } }
  @media only screen and (max-width: 767px) {
    .tags-section {
      padding: 19px 0;
      font-size: 14px; } }
  .tags-section .container {
    padding: 0 37px; }
    @media only screen and (max-width: 1207px) {
      .tags-section .container {
        padding: 0 11px; } }
    @media only screen and (max-width: 767px) {
      .tags-section .container {
        padding: 0 16px; } }
  .tags-section h2 {
    font-size: 24px;
    line-height: 28px;
    color: #f54a09;
    margin: 0 0 10px; }
    @media only screen and (max-width: 767px) {
      .tags-section h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 6px; } }
    .tags-section h2 i {
      margin: 0 0 0 7px;
      font-size: 20px;
      line-height: 21px; }
      @media only screen and (max-width: 767px) {
        .tags-section h2 i {
          margin: 0 0 0 2px;
          font-size: 15px;
          line-height: 15px; } }
  .tags-section .tags-list {
    margin: 0 0 7px; }
    @media only screen and (max-width: 767px) {
      .tags-section .tags-list {
        margin: 0 -7px 11px 0; } }
    .tags-section .tags-list li {
      float: left; }
      @media only screen and (max-width: 767px) {
        .tags-section .tags-list li {
          margin: 0 0 2px; } }
      .tags-section .tags-list li:after {
        content: "•";
        padding: 0 11px 0 9px;
        color: #f54a09; }
        @media only screen and (max-width: 767px) {
          .tags-section .tags-list li:after {
            padding: 0 8px 0 6px; } }
      .tags-section .tags-list li:last-child:after {
        content: '';
        position: 0; }
    .tags-section .tags-list a {
      color: #222; }
      .tags-section .tags-list a:hover {
        color: #f54a09;
        text-decoration: none; }
  .tags-section .link {
    display: inline-block;
    vertical-align: top;
    font-family: walsheim-light, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #222; }
    @media only screen and (max-width: 767px) {
      .tags-section .link {
        font-size: 18px;
        line-height: 20px; } }
    .tags-section .link i {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0 0 7px;
      font-size: 9px; }

/* items-block */
.items-block .caption.hover .title {
  margin: 0 0 16px; }
  @media only screen and (max-width: 1207px) {
    .items-block .caption.hover .title {
      margin: 0 0 10px; } }
  @media only screen and (max-width: 991px) {
    .items-block .caption.hover .title {
      margin: 0 0 5px; } }
.items-block .text-slide {
  line-height: 24px;
  color: #222; }
  @media only screen and (max-width: 991px) {
    .items-block .text-slide {
      font-size: 12px;
      line-height: 16px; } }
  .items-block .text-slide p {
    margin: 0 0 29px; }
    @media only screen and (max-width: 1207px) {
      .items-block .text-slide p {
        margin: 0 0 15px; } }
    @media only screen and (max-width: 991px) {
      .items-block .text-slide p {
        margin: 0 0 5px; } }
.items-block .load-more {
  margin-top: 34px; }
  @media only screen and (max-width: 767px) {
    .items-block .load-more {
      margin: 9px 0 8px; } }

/* two-columns */
@media only screen and (min-width: 768px) {
  .two-cols .visual-gallery .slide {
    width: 50% !important; } }
@media only screen and (max-width: 1207px) {
  .two-cols .visual-gallery .caption {
    font-size: 16px;
    line-height: 20px; } }
@media only screen and (max-width: 991px) {
  .two-cols .visual-gallery .caption {
    font-size: 14px;
    line-height: 18px; } }
.two-cols .visual-gallery .caption:hover .text-slide, .two-cols .visual-gallery .caption.hover .text-slide {
  max-height: 250px; }
  @media only screen and (max-width: 1207px) {
    .two-cols .visual-gallery .caption:hover .text-slide, .two-cols .visual-gallery .caption.hover .text-slide {
      max-height: 164px; } }
  @media only screen and (max-width: 991px) {
    .two-cols .visual-gallery .caption:hover .text-slide, .two-cols .visual-gallery .caption.hover .text-slide {
      max-height: 130px; } }
  @media only screen and (max-width: 767px) {
    .two-cols .visual-gallery .caption:hover .text-slide, .two-cols .visual-gallery .caption.hover .text-slide {
      max-height: 170px; } }
.two-cols .visual-gallery p {
  margin: 0 0 16px; }
  @media only screen and (max-width: 991px) {
    .two-cols .visual-gallery p {
      margin: 0 0 10px; } }

/* footer styles */
#footer {
  background: #2d2f30;
  border-top: 1px solid #19a0cf;
  color: #fff;
  font-size: 17px;
  line-height: 24px; }
  #footer a {
    color: #fff;
    transition: all .15s; }
    #footer a:hover {
      text-decoration: none;
      color: #19a2cf; }
    #footer a:focus {
      outline: 1px dotted #fff; }
  #footer .social {
    font-size: 34px;
    padding: 8px 0 0;
    margin: 0 0 0 -3px; }
    #footer .social li {
      margin: 0 17px 17px 0; }
  @media only screen and (max-width: 1207px) {
    #footer .social li {
      margin: 0 10px 10px 0; } }
  @media only screen and (max-width: 991px) {
    #footer .social {
      font-size: 30px;
      padding: 0; }
      #footer .social li {
        margin: 0 2px 6px 0; } }
  @media only screen and (max-width: 767px) {
    #footer {
      font-size: 16px; }
      #footer .social {
        font-size: 0;
        line-height: 0;
        text-align: center;
        margin: 0 -18px 18px; }
        #footer .social li {
          font-size: 44px;
          margin: 0 16px 19px 17px; }
      #footer .sameheight {
        height: auto !important; } }

.subscribe-row {
  background: #3d3a3b;
  padding: 28px 0 23px; }
  .subscribe-row h2 {
    font: normal 22px/1.2 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0 0 14px;
    letter-spacing: 2px;
    color: #fff; }
  .subscribe-row .content-form {
    padding: 38px 0 39px 0;
    overflow: hidden;
    margin: 0; }
    .subscribe-row .content-form .form-group {
      padding: 0 177px 0 0; }
    .subscribe-row .content-form .form-control {
      height: 49px;
      font-size: 18px;
      line-height: 22px;
      padding: 12px 14px; }
    .subscribe-row .content-form .submit {
      height: 49px;
      font: normal 18px/49px walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      width: 177px;
      letter-spacing: 2px; }
  @media only screen and (max-width: 767px) {
    .subscribe-row {
      padding: 24px 0 25px; }
      .subscribe-row .text-wrap {
        padding: 0 8px; }
      .subscribe-row h2 {
        font-size: 18px;
        margin: 0 0 8px; }
      .subscribe-row p {
        margin: 0 0 18px; }
      .subscribe-row .content-form {
        padding: 0 0 65px;
        margin: 0;
        position: relative; }
        .subscribe-row .content-form .form-group {
          width: 100%;
          padding: 0 149px 0 0; }
        .subscribe-row .content-form .form-control {
          padding: 12px 8px; }
        .subscribe-row .content-form .submit {
          width: auto;
          min-width: 149px;
          position: absolute;
          bottom: 0;
          right: 0; } }

.bottom-bar {
  border-top: 2px solid #19a0cf;
  padding: 37px 0 108px; }
  .bottom-bar h2 {
    font: normal 18px/1.2 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0 0 19px;
    letter-spacing: 2px;
    color: #fff; }
  .bottom-bar .decor {
    position: relative; }
    .bottom-bar .decor:after {
      content: "";
      position: absolute;
      left: -12px;
      top: 5px;
      bottom: 0;
      width: 1px;
      background: #8c8d8e; }
  .bottom-bar .sub-holder {
    padding: 3px 10px 0 20px; }
  @media only screen and (max-width: 1207px) {
    .bottom-bar .sub-holder {
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    .bottom-bar {
      padding: 20px 8px 19px; }
      .bottom-bar h2 {
        margin: 0 0 17px; } }

/* logo-list styles */
.logo-list {
  margin: 0 -15px 20px 0;
  padding: 0 0 0 3px;
  font-size: 0;
  line-height: 0; }
  .logo-list li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    font: 23px/28px walsheim-light, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    padding: 0 42px 0 28px;
    margin: 0 0 20px;
    float: right; }
    .logo-list li p {
      text-align: left; }
    .logo-list li:after {
      content: "";
      position: absolute;
      left: 0;
      top: 5px;
      width: 1px;
      height: 53px;
      background: #8c8d8e; }
    .logo-list li:first-child {
      padding-left: 0; }
      .logo-list li:first-child:after {
        display: none; }
  .logo-list img {
    vertical-align: top; }
  .logo-list a {
    color: #fff !important; }
    .logo-list a:before {
      width: auto; }
    .logo-list a:hover {
      color: #fff !important;
      text-decoration: none; }
  .logo-list .icon-logo-nova {
    font-size: 63px;
    display: inline-block;
    vertical-align: top;
    margin: 2px 0 0 -2px; }
    @media only screen and (max-width: 1207px) {
      .logo-list .icon-logo-nova {
        font-size: 40px; } }
    @media only screen and (max-width: 767px) {
      .logo-list .icon-logo-nova {
        font-size: 51px;
        margin: -7px 0 0 6px; } }
  .logo-list .icon-logo-aas {
    font-size: 53px;
    display: inline-block;
    vertical-align: top;
    margin: 0 -9px 0 7px; }
    @media only screen and (max-width: 1207px) {
      .logo-list .icon-logo-aas {
        font-size: 40px;
        margin: 0; } }
    @media only screen and (max-width: 767px) {
      .logo-list .icon-logo-aas {
        margin: 1px 0 0 7px; } }
  @media only screen and (max-width: 1207px) {
    .logo-list {
      margin: 0 -10px 20px 0; }
      .logo-list li {
        padding: 0 10px;
        float: none;
        width: 100%; } }
  @media only screen and (max-width: 991px) {
    .logo-list li {
      font-size: 15px;
      line-height: 18px; }
    .logo-list p {
      margin: 10px 0 0; } }
  @media only screen and (max-width: 767px) {
    .logo-list {
      font-size: 0;
      line-height: 0;
      margin: 0 -11px;
      padding: 0; }
      .logo-list li {
        width: 50%;
        margin: 0;
        font-size: 14px;
        line-height: 1.2;
        text-align: center;
        padding: 0 19px; }
        .logo-list li:after {
          top: 2px; }
        .logo-list li:first-child {
          padding-left: 0; }
      .logo-list img {
        max-width: 100%;
        height: auto; } }

/* sun-nav styles */
.sun-nav {
  margin: 0;
  padding: 0;
  font-family: walsheim-light, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .sun-nav li {
    list-style: none;
    margin: 0 0 8px; }
    .sun-nav li:last-child {
      margin: 0; }
  @media only screen and (max-width: 767px) {
    .sun-nav {
      padding: 3px 3px 0;
      font-size: 18px;
      margin: 0 0 50px; }
      .sun-nav li {
        margin: 0 0 12px; } }

.bottom-line {
  background: #0c090a;
  padding: 36px 0 38px;
  color: #a9a9a9;
  border-top: 1px solid #19a0cf;
  font: 16px/1.2 walsheim-light, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .bottom-line a {
    color: #a9a9a9 !important; }
    .bottom-line a:hover {
      color: #19a2cf !important; }
  .bottom-line p {
    margin: 0 0 8px; }
  @media only screen and (max-width: 767px) {
    .bottom-line {
      font-size: 12px;
      padding: 29px 2px 21px; }
      .bottom-line p {
        margin: 0 0 18px; } }

/* sub-info styles */
.sub-info {
  margin: 0;
  padding: 0;
  color: #fff; }
  .sub-info li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 17px 10px 0;
    padding: 0 0 0 17px; }
    .sub-info li:first-child {
      padding-left: 0; }
      .sub-info li:first-child:after {
        display: none; }
    .sub-info li:after {
      content: "";
      position: absolute;
      left: 0;
      top: 3px;
      width: 1px;
      height: 16px;
      background: #8d8d8d; }
  @media only screen and (max-width: 767px) {
    .sub-info {
      font-size: 16px; }
      .sub-info li {
        display: block;
        margin: 0 0 17px;
        padding: 0; }
        .sub-info li:after {
          display: none; }
      .sub-info .updated {
        font-size: 12px;
        padding: 36px 0 0; }
        .sub-info .updated:after {
          display: block;
          top: 9px;
          width: 22px;
          height: 1px; } }

@media only screen and (max-width: 767px) {
  .mobile-hidden {
    display: none !important; } }

@media only screen and (max-width: 991px) {
  .tablet-hidden {
    display: none !important; } }

.accessibility {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 999999999; }
  .accessibility:focus {
    position: static;
    width: auto;
    height: auto; }

noscript div {
  display: block;
  text-align: center;
  border: 3px solid red;
  color: red;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  padding: 20px;
  position: fixed;
  background: #fff;
  z-index: 99999;
  left: 0;
  right: 0;
  top: 0; }

/* custom radio styles */
.jcf-radio {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: #fff;
  border: 1px solid #cfced0;
  border-radius: 50%;
  margin: 0 9px 0 0;
  height: 35px;
  width: 35px; }

.jcf-radio span {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 4px solid #FFF;
  background: #f9f8f8;
  border-radius: 100%; }

.jcf-radio input[type="radio"] {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0; }

.jcf-radio.jcf-checked span, .jcf-radio:hover span {
  background: #00a69e; }

/* common custom form elements styles */
.jcf-disabled {
  background: #ddd !important; }

/* custom checkbox styles */
.jcf-checkbox {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: #fff;
  border: 1px solid #777;
  margin: 0 3px 0 0;
  height: 16px;
  width: 16px; }

.jcf-checkbox span {
  position: absolute;
  display: none;
  height: 4px;
  width: 8px;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -6px;
  border: 3px solid #777;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"; }

:root .jcf-checkbox span {
  margin: -4px 0 0 -5px; }

.jcf-checkbox input[type="checkbox"] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0; }

.jcf-checkbox.jcf-checked span {
  display: block; }

/* custom select styles */
.jcf-select {
  display: block;
  position: relative;
  border: 1px solid #dadee1;
  background: #fff;
  margin: 0 0 10px;
  min-width: 150px;
  height: 49px;
  font: 18px/22px walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .jcf-select.jcf-drop-active .jcf-select-opener:after {
    transform: rotate(180deg);
    color: #19a0cf; }

.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0; }

.jcf-select .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  margin: 0 35px 0 10px;
  line-height: 47px;
  cursor: pointer; }

.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  width: 36px;
  bottom: 0;
  right: 0;
  top: 0;
  font: normal normal normal 14px/1 nova-icons;
  font-size: inherit;
  text-rendering: auto;
  color: #19a0cf;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  cursor: pointer; }
  .jcf-select .jcf-select-opener:after {
    content: "\f107";
    position: absolute;
    right: 17px;
    font-weight: bold;
    top: 11px;
    font-size: 27px; }

body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999; }

body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0; }

.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0px;
  z-index: 9999;
  top: 100%;
  left: -1px;
  right: -1px; }

.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto; }

.jcf-select-drop .jcf-select-drop-content {
  border: 1px solid #dadee1;
  border-width: 1px 1px 0; }

/* multiple select styles */
.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px; }

/* select options styles */
.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #fff;
  line-height: 14px;
  font-size: 12px;
  width: 100%; }

.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%; }

.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.jcf-list ul {
  background: #fff;
  border-width: 1px 1px 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font: 18px/22px walsheim-medium, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .jcf-list ul .jcf-option-orange-border {
    border-color: #f54a09; }
  .jcf-list ul .jcf-option-green-border {
    border-color: #00a69e; }
  .jcf-list ul .jcf-option-purple-border {
    border-color: #492962; }
  .jcf-list ul .jcf-option-pink-border {
    border-color: #e22c7b; }
  .jcf-list ul .jcf-option-red-border {
    border-color: #ed1c29; }

.jcf-list ul li {
  overflow: hidden;
  list-style: none;
  display: block; }

.jcf-list .jcf-overflow {
  overflow: auto; }

.jcf-list .jcf-option {
  white-space: nowrap;
  border-bottom: 2px solid #f54a09;
  padding: 14px 20px 16px;
  overflow: hidden;
  cursor: default;
  display: block;
  height: 1%; }

.jcf-list .jcf-disabled {
  background: #fff !important;
  color: #aaa !important; }

.jcf-select-drop .jcf-hover, .jcf-list-box .jcf-selected {
  background: #f7f7f7;
  color: #000; }

.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 5px 9px;
  cursor: default;
  color: #000; }

.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px; }

.jcf-focus {
  outline: 1px dotted #000; }

/* ---------------------------------------------------------
   3. Print styles
   ---------------------------------------------------------*/
@media print {
    .logo img {
    display: block;
    width: 500px!important;
    margin: 0!important;
    height: auto; }
    #main {
      width: 100%!important;
    }


  * {
    background: none !important;
    color: #000 !important; 
    overflow: visible!important;}
  #header {
    position: static !important;
    padding: 0;
    margin: 0; }
  body, .hero {
    height: auto !important; }
  #nav, .top-bar, #footer, .bg-stretch, .nav-opener, .content-form, .tags, .hero-logo, .breadcrumb, .back-yo-top, .hidden-print, .read-more {
    display: none !important; }
  #main {
    overflow: hidden; }
  .section-wrap {
    margin: 0;
    padding: 0; }
  .logo {
    margin: 0 auto 20px;
    float: none; }
  .hero {
    padding: 20px 0 !important; }
    .hero .slogan {
      margin-bottom: 20px; }
  .gallery-bar {
    display: none !important; }
  .container {
    max-width: none; }
  .section-heading {
    margin: 0 0 20px;
    border: 0;
    padding: 0; }
    .section-heading .heading {
      display: block;
      max-width: none;
      padding: 0 !important; }
      .section-heading .heading:after {
        display: none; }
    .section-heading .more-link {
      display: none; }
  .cycle-gallery, .visual-gallery {
    padding: 0;
    width: 100%;
    max-width: none; }
    .cycle-gallery .mask, .visual-gallery .mask {
      height: auto !important; }
    .cycle-gallery .slideset, .visual-gallery .slideset {
      width: auto !important;
      height: auto !important;
      margin: 0 !important;
      float: none; }
    .cycle-gallery .slide, .visual-gallery .slide {
      float: none !important;
      position: static !important;
      width: 100% !important;
      height: auto !important;
      page-break-inside: avoid;
      padding: 0 !important;
      margin: 0 0 10px; }
      .cycle-gallery .slide br, .visual-gallery .slide br {
        display: none; }
    .cycle-gallery img, .visual-gallery img {
      display: none; }
    .cycle-gallery .caption, .visual-gallery .caption {
      background: none !important;
      position: static;
      padding: 0; }
      .cycle-gallery .caption:hover, .cycle-gallery .caption.hover, .visual-gallery .caption:hover, .visual-gallery .caption.hover {
        background: none !important; }
    .cycle-gallery .text-slide, .visual-gallery .text-slide {
      max-height: 4000px !important; }
    .cycle-gallery .caption-bar, .visual-gallery .caption-bar {
      position: static !important;
      background: none !important; }
      .cycle-gallery .caption-bar .cell, .visual-gallery .caption-bar .cell {
        padding: 0 !important; }
        .cycle-gallery .caption-bar .cell.link-holder, .visual-gallery .caption-bar .cell.link-holder {
          display: none; }
  .caption, .slide-wrap {
    border: 0 !important; }
  .most-popular .section-row {
    margin: 0; }
  .most-popular .col {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
    page-break-inside: avoid; }
  .most-popular img {
    display: none; }
  .most-popular .slide-wrap {
    border: 0 !important; }
  .most-popular .caption {
    background: none !important;
    position: static;
    padding: 0; }
    .most-popular .caption br {
      display: none; }
    .most-popular .caption:after {
      display: none; }
    .most-popular .caption .caption-bar {
      position: static; }
      .most-popular .caption .caption-bar .cell {
        padding: 0 !important; }
        .most-popular .caption .caption-bar .cell.link-holder {
          display: none; }
  .most-popular .text-slide {
    max-height: 4000px; }
  .most-popular .title {
    min-height: 0; }
  .most-popular p {
    margin: 0 0 10px; }
  .top-image {
    padding: 20px 0 0;
    margin: 0 0 20px; }
  .quote-box {
    margin: 0 0 20px;
    max-width: none;
    padding: 0; }
    .quote-box:after {
      display: none; }
    .quote-box p span {
      float: none;
      display: inline;
      margin: 0;
      padding: 0; }
  .article-block {
    max-width: none; }
  .article-section {
    margin: 0 0 20px !important; }
  .key-points, .step-section, .green-section, .tag-section, .about-block, .faq, .author-bio, .list-section, .bio-style {
    padding: 0;
    margin: 0 0 20px; }
  .key-list li {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
    page-break-inside: avoid; }
  .key-list img {
    margin: 0 0 10px; }
  .thumbnail {
    display: none; }
  blockquote {
    padding: 0;
    margin: 0 0 20px; }
  .tag-section, .question-list li, .faq {
    page-break-inside: avoid; }
  .about-block .col {
    float: none !important;
    width: 100% !important; }
  .person-list li {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 20px; }
  .bio-style .most-popular .col, .list-section .most-popular .col, .bio-style .most-popular .col:nth-last-child(-n+3), .list-section .most-popular .col:nth-last-child(-n+3) {
    margin: 0 0 20px; }
  .list-section {
    border: 0; }
  .answer-question ul {
    padding-left: 10%; }
  .author-bio .img-holder img {
    float: none;
    width: auto; }
  .author-bio .row {
    margin: 0; }
  .author-bio [class^=col-] {
    float: none !important;
    width: 100% !important;
    position: static !important; }
  .filter-video-block {
    padding: 0; }
    .filter-video-block .video-slider .slideset {
      margin: 0 !important;
      width: 100% !important; }
    .filter-video-block .video-slider .slide {
      display: block;
      width: 100% !important;
      margin: 0 0 10px;
      padding: 0; }
    .filter-video-block .video-slider .slide-wrap:after {
      display: none; }
    .filter-video-block .video-slider .img-box, .filter-video-block .video-slider .video-bar {
      display: none; }
    .filter-video-block .video-slider .video-caption, .filter-video-block .video-slider .category {
      position: static;
      padding: 0; }
    .filter-video-block .video-slider .video-caption {
      border: 0;
      min-height: 50px; }
      .filter-video-block .video-slider .video-caption .video-title {
        color: #000 !important; }
  .list-block .list-area {
    overflow: visible;
    page-break-inside: avoid; }
    .list-block .list-area > .row {
      margin: 0 !important; }
  .list-block .letter {
    width: 7%; }
  .list-block ul {
    width: 31%;
    margin: 0;
    font-size: 14px; }
    .list-block ul li {
      margin-bottom: 10px; }
  .visual-section {
    padding: 0; }
    .visual-section .text-area {
      background: none;
      padding: 0;
      float: none;
      min-width: 0; }
    .visual-section h1 {
      font-size: 30px;
      line-height: 34px; }
      .visual-section h1 br {
        display: none; }
  .tags-section .container {
    padding: 0 11px; } }

.paralax-block {
  background: #000; }

/****** ********/
.logged-in #header, .page-user #header {
  position: relative !important;
  z-index: 1 !important; }

.slide .category a {
  color: inherit; }

.slide-wrap .orange-color .link-holder a:hover, .slide-wrap .orange-color .caption-bar .cell a {
  color: #f54a09 !important; }

.slide-wrap .green-color .link-holder a:hover, .slide-wrap .green-color .caption-bar .cell a {
  color: #00a69e !important; }

.slide-wrap .pink-color .link-holder a:hover, .slide-wrap .pink-color .caption-bar .cell a {
  color: #e22c7b !important; }

.slide-wrap .royalblue-color .link-holder a:hover, .slide-wrap .royalblue-color .caption-bar .cell a {
  color: #4256d9 !important; }

.slide-wrap .purple-color .link-holder a:hover, .slide-wrap .purple-color .caption-bar .cell a {
  color: #72297a !important; }

body .most-popular .slide-wrap .caption-bar .link-holder a {
  color: #474c55 !important; }

.most-popular .slide-wrap .caption .title a {
  color: inherit !important; }

.hero .content-form br {
  display: none;
  height: 0px;
  clear: none;
  font-size: 0;
  line-height: 0; }

#footer .social li {
  margin-right: 8px; }

.visual-gallery .category {
  text-transform: uppercase; }

.visual-gallery .video-caption .video-bar, .video-slider .video-caption .video-bar {
  border: 0 !important;
  background: none !important; }

.visual-gallery .video-caption .video-bar .time, .video-slider .video-caption .video-bar .time {
  background: #eaebeb; }

.visual-gallery .video-caption .video-title a, .visual-gallery .video-caption .category a, .video-slider .category a, .video-slider .video-title a {
  color: inherit !important;
  z-index: 9; }

.region-front .slider-section .gallery-bar {
  display: none; }

/*.hero {
	padding-top: 82px;
}*/
.hero.Light {
  background: #FFF; }

.hero.Light .hero-logo, .hero.Light .slogan, .hero.Light .tag-list a, .hero.Light strong, .hero.Light .tag-list a:hover, .hero.Light .tag-list a:focus {
  color: #3d3a3b; }

.hero.Light .btn-disabled {
  color: #aaa;
  background: #F7F7F7;
  border: 1px solid #CCC; }

.hero.Light .tag-list {
  text-shadow: 0 0 5px #FFF; }

.quiz-slide {
  display: none; }

.active-slide {
  display: block; }

.quiz_completion {
  display: none; }

.quote-box p {
  line-height: 1.2em; }

.take-away ul {
  list-style: none; }

.content-form .fa {
  font-family: nova-icons !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important; }

@media only screen and (max-width: 1207px) {
  .empty {
    min-height: 40px; } }

@media (max-width: 480px) {
  .step-section .radio-form .radio-area {
    padding-top: 12px; }
  #block-views-featured-infographic-block .col {
    width: 100% !important; }
  .side-menu .side-nav-list li {
    width: 40px; }
  .side-menu.condensed .side-nav-list .point::after {
    height: 10px;
    width: 10px; }
  .side-menu.condensed .side-nav-list .point:hover::after, .side-menu.condensed .side-nav-list .point.anchor-active::after {
    height: 20px;
    width: 20px; } }

@media (min-width: 767px) {
  .thumbnail-slide {
    padding-left: 100px;
    padding-right: 100px; } }

@media (max-width: 767px) {
  .empty {
    position: absolute; }
  .glossary {
    background: none repeat scroll 0 0 #e5f6f5;
    border-bottom: 1px dotted #000;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: background 0.15s ease-out 0s;
    vertical-align: top; }
  .glossary .glossary-popup::after {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #00a69e;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 100%;
    top: 8px;
    width: 0; }
  .glossary .glossary-popup::before {
    content: "";
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: 27px; }
  .glossary:hover .glossary-popup, .glossary.hover .glossary-popup {
    display: block; }
  .glossary .glossary-popup {
    background: none repeat scroll 0 0 #f8f8f8;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
    color: #222;
    display: none;
    font-size: 14px;
    left: 100%;
    line-height: 18px;
    margin: -1px 0 0 30px;
    padding: 0 21px 25px;
    position: absolute;
    top: 0;
    width: 177px;
    z-index: 999; }
  .glossary .glossary-popup .main-title {
    background: none repeat scroll 0 0 #00a69e;
    color: #f8f8f8;
    display: block;
    font: 18px/1 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 -21px 19px;
    padding: 10px 25px;
    text-transform: uppercase; }
  .glossary .glossary-popup .title {
    display: block;
    font: 18px/1.2 tisa-bold, "Times New Roman", Times, serif;
    margin: 0 0 10px; }
  .glossary .glossary-popup .sub-title {
    display: block;
    font-family: walsheim-medium-it,"Helvetica Neue",Helvetica,Arial,sans-serif; }
  .glossary .glossary-popup .p-style {
    display: block;
    margin: 0 0 10px; }
  .basic-page, .page-search #content {
    padding: 67px 0 21px !important; }
  .node-type-article .page-heading {
    color: #FFF !important; }
  .visual-block .caption .caption-bar .link-holder a {
    color: #FFF !important; }
  li.updated:before {
    background: none !important;
    width: 0 !important;
    positon: relative; }
  li.updated:after {
    position: relative !important;
    background: none !important;
    width: 0 !important; }
  .sub-info li.updated {
    padding: 0 !important; }
  .side-menu {
    z-index: 10; }
  .green-theme.node-type-article .page-heading {
    background: #00857e; }
  .purple-theme.node-type-article .page-heading {
    background: #72297a; }
  .royalblue-theme.node-type-article .page-heading {
    background: #4256d9; }
  .pink-theme.node-type-article .page-heading {
    background: #AF0048; }
  .orange-theme.node-type-article .page-heading {
    background: #f54a09; }
  .node-type-article #content .page-heading {
    color: #fff !important; } }

.green {
  background: #00a69e; }

.visual-gallery .caption.green .caption-bar, .video-slider .caption.green .caption-bar {
  background: #00958e; }

.visual-gallery .caption.green .caption-bar .link-holder, .video-slider .caption.green .caption-bar .link-holder {
  background: #00857e; }

.pink {
  background: #e22c7b; }

.visual-gallery .caption.pink .caption-bar, .video-slider .caption.pink .caption-bar {
  background: #C91362; }

.visual-gallery .caption.pink .caption-bar .link-holder, .video-slider .caption.pink .caption-bar .link-holder {
  background: #AF0048; }

.most-popular .caption.purple-color {
  color: #72297a !important; }

.royalblue-theme #footer, .royalblue-theme .bottom-bar, .royalblue-theme .bottom-line {
  border-top-color: #4256d9; }

.green-theme #footer, .green-theme .bottom-bar, .green-theme .bottom-line {
  border-top-color: #00857e; }

.purple-theme #footer, .purple-theme .bottom-bar, .purple-theme .bottom-line {
  border-top-color: #72297a; }

.pink-theme #footer, .pink-theme .bottom-bar, .pink-theme .bottom-line {
  border-top-color: #AF0048; }

.pager {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  width: 100% !important; }

body .pager-next a {
  display: block;
  border: 1px solid #19a0cf;
  border-radius: 0;
  color: #19a0cf;
  text-align: center;
  padding: 14px 14px 11px;
  font: 18px/1.2 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .7px;
  overflow: hidden;
  -webkit-transition: background .25s;
  transition: background .25s;
  width: 100%; }

.pager-load-more-empty {
  display: none; }

.logo-list a:hover {
  color: #CCC; }

.filter-form label {
  /*position:absolute;
	left:-9999px;	*/
  font-size: 18px;
  padding-left: 20px; }

#footer .sub-info {
  display: inline; }

li.updated {
  padding-left: 17px !important; }

li.updated:before {
  background: none repeat scroll 0 0 #8d8d8d;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 1px; }

/* Greem theme */
.node-type-videos h2 {
  font-size: 26px !important;
  margin-bottom: 0px !important; }
.node-type-videos .color-orange .category a, .node-type-videos .color-orange h1, .node-type-videos .color-orange h2 {
  color: #f54a09; }
.node-type-videos .color-green .category a, .node-type-videos .color-green h1, .node-type-videos .color-green h2 {
  color: #00a69e; }
.node-type-videos .color-royalblue .category a, .node-type-videos .color-royalblue h1, .node-type-videos .color-royalblue h2 {
  color: #4256d9; }
.node-type-videos .color-purple .category a, .node-type-videos .color-purple h1, .node-type-videos .color-purple h2 {
  color: #72297a; }
.node-type-videos .color-pink .category a, .node-type-videos .color-pink h1, .node-type-videos .color-pink h2 {
  color: #e22c7b; }

.green-theme h5 {
  color: #00a69e; }

.green-theme .subscribe-row .content-form .submit, .green-theme .back-to-top {
  background: #00857e; }

.Green.icon-ico-infographic {
  color: #00857e !important; }

.green-theme .visual-section .text-area {
  background: rgba(0, 133, 123, 0.9); }

.cycle-gallery .green-color {
  background: #00a69e; }

.cycle-gallery .green-color .caption-bar, .green.caption .caption-bar {
  background: #00958e; }

.cycle-gallery .green-color .caption-bar .cell.link-holder, .green.caption .caption-bar .cell.link-holder {
  background: #00857e; }

.green-theme .back-to-top:hover {
  background: #006a65 !important;
  color: #00a69e !important; }

.green-theme .tags-section h2, .green-theme .tags-section .tags-list a:hover, .green-theme .tags-section .tags-list li::after {
  color: #00a69e; }

.green-theme .step-section:after {
  background-image: url(../images/bg_quiz-environment.png); }

/*.cat_16{}*/
.green-color .tags-list:after {
  color: #00a69e !important; }

.green-theme .active-tag a {
  color: #00857e;
  font-weight: bold;
  text-decoration: underline; }

.green-theme .most-popular .tags-list:after {
  color: #00a69e; }

.green-theme #header.affix .search-opener {
  background: #00a69e; }

.green-theme .btn:focus, .green-theme .btn:hover {
  background: none repeat scroll 0 0 #00a69e;
  border-color: #00a69e;
  color: #fff; }

/*Purple Theme */
.purple-theme h5 {
  color: #72297a; }

.purple-theme .subscribe-row .content-form .submit, .purple-theme .back-to-top {
  background: #72297a; }

.Purple.icon-ico-infographic {
  color: #72297a !important; }

.purple-theme .visual-section .text-area {
  background: rgba(114, 41, 122, 0.9); }

.cycle-gallery .purple-color {
  background: #72297a; }

.cycle-gallery .purple-color .caption-bar, .purple.caption .caption-bar {
  background: #422558; }

.cycle-gallery .purple-color .caption-bar .cell.link-holder, .purple.caption .caption-bar .cell.link-holder {
  background: #3a214e; }

.purple-theme .back-to-top:hover {
  background: #3a214e !important;
  color: #72297a !important; }

.cycle-gallery .caption.purple-color:hover, .cycle-gallery .caption.purple-color.hover {
  background: #3a214e; }

.purple-color .tags-list:after {
  color: #492962 !important; }

.purple-theme .tags-section h2, .purple-theme .tags-section .tags-list a:hover, .purple-theme .tags-section .tags-list li::after {
  color: #72297a; }

.purple-theme .green-section, .purple-theme .green-section:after, .purple-theme .green-section:before, .purple-theme .faq:after, .purple-theme .faq:before, .purple-theme .faq {
  background: #eed8f0; }

.purple-theme .glossary {
  background: #eed8f0; }

.purple-theme .glossary:hover, .purple-theme .glossary .glossary-popup .main-title {
  background: #72297a; }

.purple-theme .glossary .glossary-popup:after {
  border-right-color: #72297a; }

.purple-theme .step-section:after {
  background-image: url(../images/bg_quiz-spacetime.png); }

.purple-theme .active-tag a {
  color: #72297a;
  font-weight: bold;
  text-decoration: underline; }

.purple-theme .most-popular .tags-list:after {
  color: #72297a; }

.purple-theme #header.affix .search-opener {
  background: #72297a; }

.purple-theme .content-tags li:after {
  background: #72297a; }

.purple-theme .btn:focus, .purple-theme .btn:hover {
  background: none repeat scroll 0 0 #72297a;
  border-color: #72297a;
  color: #fff; }

.cat_15 .quote-box p span {
  background: rgba(114, 41, 122, 0.9); }

.cat_15 .quote-box:after {
  background: rgba(114, 41, 122, 0.85); }

.cat_15 .side-menu .side-nav-list li:after {
  background: #72297a; }

.cat_15 .page-heading {
  color: #72297a; }

.cat_15 .side-menu .list-opener, .cat_15 .side-menu .icon-share, .cat_15 h2.intro:after {
  background: #72297a; }

.cat_15 .side-menu .side-nav-list .point:after {
  background: #72297a; }

.cat_15 .content-list .icon-bullet {
  color: #72297a; }

.cat_15 .intro, .cat_15 h3, .cat_15 h3 i {
  color: #72297a; }

.cat_15 p.intro:after {
  background: #72297a; }

.cat_15 .thumbnail .btn-opener {
  background: #72297a; }

.cat_15 .accordion .opener {
  border-color: #72297a;
  color: #72297a; }

.cat_15 .key-list a {
  color: #72297a; }

.cat_15 .jcf-radio.jcf-checked span, .cat_15 .jcf-radio:hover span, .cat_15 .jcf-focus span {
  background: #72297a; }

.cat_15 blockquote:after {
  background: #72297a; }

  .cat_15 aside:after {
  background: #72297a; }

.cat_15 .side-menu .opener-box {
  background: #72297a; }

.cat_15 .side-menu .opener-box .opener:hover {
  background: #3a214e; }

.cat_15 .counter .icon-ico-infographic, .cat_15 .icon-ico-video, .cat_15 .icon-check-circle {
  color: #72297a; }

.cat_15 .counter .number {
  color: #72297a !important; }

.cat_15 .counter i:hover {
  color: #3a214e; }

.cat_15 .side-menu .title {
  background: #72297a; }

.cat_15 .accordion .slide-text h2 {
  color: #72297a !important; }

.cat_15 .accordion li.active .opener {
  background: #72297a !important; }

.cat_15 .accordion .opener {
  border-color: #72297a;
  color: #72297a; }

.cat_15 .accordion .opener:after, .cat_15 .accordion .opener:before {
  background: #72297a; }

.cat_15 .accordion .opener:hover {
  background: #72297a;
  color: #FFF; }

.cat_15 .accordion .opener:hover:after, .cat_15 .accordion .opener:hover:before {
  color: #FFF;
  background: #FFF; }

/* Rpyal Theme */
.royalblue-theme h5 {
  color: #4256d9; }

.royalblue-color .tags-list:after, .blue-color .tags-list:after {
  color: #4256d9 !important; }

.royalblue-theme .visual-section .text-area {
  background: rgba(66, 86, 217, 0.9) !important; }

.royalblue-theme .subscribe-row .content-form .submit, .royalblue-theme .back-to-top {
  background: #4256d9; }

.Red.icon-ico-infographic {
  color: #4256d9 !important; }

.cycle-gallery .royalblue-color {
  background: #4256d9; }

.cycle-gallery .royalblue-color .caption-bar, .royalblue .visual-block .caption .caption-bar {
  background: #d31926; }

.cycle-gallery .royalblue-color .caption-bar .cell.link-holder, .royalblue.caption .caption-bar .cell.link-holder {
  background: #2B378B; }

.royalblue-theme .back-to-top:hover {
  background: #2B378B !important;
  color: #4256d9 !important; }

.cycle-gallery .caption.royalblue-color:hover, .cycle-gallery .caption.royalblue-color.hover {
  background: #2B378B; }

.royalblue-theme .tags-section h2, .royalblue-theme .tags-section .tags-list a:hover, .royalblue-theme .tags-section .tags-list li::after {
  color: #4256d9; }

.royalblue-theme .green-section, .royalblue-theme .green-section:after, .royalblue-theme .green-section:before, .royalblue-theme .faq:after, .royalblue-theme .faq:before, .royalblue-theme .faq {
  background: #DCE0F8; }

.royalblue-theme .glossary {
  background: #DCE0F8; }

.royalblue-theme .glossary:hover, .royalblue-theme .glossary .glossary-popup .main-title {
  background: #4256d9; }

.royalblue-theme .glossary .glossary-popup:after {
  border-right-color: #4256d9; }

.royalblue-theme .step-section:after {
  background-image: url(../images/bg_quiz-everythingelse.png); }

.royalblue-theme .active-tag a {
  color: #4256d9;
  font-weight: bold;
  text-decoration: underline; }

.royalblue-theme .most-popular .tags-list:after {
  color: #4256d9; }

.royalblue-theme #header.affix .search-opener {
  background: #4256d9; }

.royalblue-theme .content-tags li:after {
  background: #4256d9; }

.royalblue-theme .btn:focus, .royalblue-theme .btn:hover {
  background: none repeat scroll 0 0 #4256d9;
  border-color: #4256d9;
  color: #fff; }

/* ORANGE */
.cat_18 .quote-box p span {
  background: rgba(245, 74, 9, 0.9); }

.cat_18 .quote-box:after {
  background: rgba(245, 74, 9, 0.85); }

.cat_18 .side-menu .side-nav-list li:after {
  background: #f54a09; }

.cat_18 .page-heading {
  color: #f54a09; }

.cat_18 .side-menu .list-opener, .cat_18 .side-menu .icon-share, .cat_18 h2.intro:after {
  background: #f54a09; }

.cat_18 .side-menu .side-nav-list .point:after {
  background: #f54a09; }

.cat_18 .content-list .icon-bullet {
  color: #f54a09; }

.cat_18 .intro, .cat_18 h3, .cat_18 h3 i {
  color: #f54a09; }

.cat_18 p.intro:after {
  background: #f54a09; }

.cat_18 .thumbnail .btn-opener {
  background: #f54a09; }

.cat_18 .accordion .opener {
  border-color: #f54a09;
  color: #f54a09; }

.cat_18 .key-list a {
  color: #f54a09; }

.cat_18 .jcf-radio.jcf-checked span, .cat_18 .jcf-radio:hover span, .cat_18 .jcf-focus span {
  background: #f54a09; }

.cat_18 blockquote:after {
  background: #f54a09; }

  .cat_18 aside:after {
  background: #f54a09; }

.cat_18 .side-menu .opener-box {
  background: #f54a09; }

.cat_18 .side-menu .opener-box .opener:hover {
  background: #f54a09; }

.cat_18 .counter .icon-ico-infographic, .cat_18 .icon-ico-video, .cat_18 .icon-check-circle {
  color: #f54a09; }

.cat_18 .counter .number {
  color: #f54a09 !important; }

.cat_18 .counter i:hover {
  color: #f54a09; }

.cat_18 .side-menu .title {
  background: #f54a09; }

.cat_18 .accordion .slide-text h2 {
  color: #f54a09 !important; }

.cat_18 .accordion li.active .opener {
  background: #f54a09 !important; }

.cat_18 .accordion .opener {
  border-color: #f54a09;
  color: #f54a09; }

.cat_18 .accordion .opener:after, .cat_18 .accordion .opener:before {
  background: #f54a09; }

.cat_18 .accordion .opener:hover {
  background: #f54a09;
  color: #FFF; }

.cat_18 .accordion .opener:hover:after, .cat_18 .accordion .opener:hover:before {
  color: #FFF;
  background: #FFF; }

/* Pink Theme */
.pink-theme h5 {
  color: #e22c7b !important; }

.pink-color .tags-list:after {
  color: #e22c7b !important; }

.pink-theme .subscribe-row .content-form .submit, .pink-theme .back-to-top {
  background: #e22c7b; }

.Pink.icon-ico-infographic {
  color: #e22c7b !important; }

.pink-theme .visual-section .text-area {
  background: rgba(175, 0, 72, 0.9); }

.cycle-gallery .pink-color {
  background: #e22c7b; }

.cycle-gallery .pink-color .caption-bar, .pink.caption .caption-bar {
  background: #C91362; }

.cycle-gallery .pink-color .caption-bar .cell.link-holder, .pink.caption .caption-bar .cell.link-holder {
  background: #e22c7b; }

.pink-theme .back-to-top:hover {
  background: #C91362 !important;
  color: #AF0048 !important; }

.cycle-gallery .caption.pink-color:hover, .cycle-gallery .caption.pink-color.hover {
  background: #e22c7b; }

.pink-theme .tags-section h2, .pink-theme .tags-section .tags-list a:hover, .pink-theme .tags-section .tags-list li::after {
  color: #e22c7b; }

.pink-theme .green-section, .pink-theme .green-section:after, .pink-theme .green-section:before, .pink-theme .faq:after, .pink-theme .faq:before, .pink-theme .faq {
  background: #fbdbe9; }

.pink-theme .glossary {
  background: #fbdbe9; }

.pink-theme .glossary:hover, .pink-theme .glossary .glossary-popup .main-title {
  background: #e22c7b; }

.pink-theme .glossary .glossary-popup:after {
  border-right-color: #e22c7b; }

.pink-theme .step-section:after {
  background-image: url(../images/bg_quiz-peoplemedicine.png); }

.pink-theme .active-tag a {
  color: #e22c7b;
  font-weight: bold;
  text-decoration: underline; }

.pink-theme .most-popular .tags-list:after {
  color: #e22c7b; }

.pink-theme #header.affix .search-opener {
  background: #e22c7b; }

.pink-theme .content-tags li:after {
  background: #e22c7b; }

.pink-theme .btn:focus, .pink-theme .btn:hover {
  background: none repeat scroll 0 0 #e22c7b;
  border-color: #e22c7b;
  color: #fff; }

.cat_17 .quote-box p span {
  background: rgba(226, 44, 123, 0.9); }

.cat_17 .quote-box:after {
  background: rgba(226, 44, 123, 0.85); }

.cat_17 .side-menu .side-nav-list li:after {
  background: #e22c7b; }

.cat_17 .page-heading {
  color: #e22c7b; }

.cat_17 .side-menu .list-opener, .cat_17 .side-menu .icon-share, .cat_17 h2.intro:after {
  background: #e22c7b; }

.cat_17 .side-menu .side-nav-list .point:after {
  background: #e22c7b; }

.cat_17 .content-list .icon-bullet {
  color: #e22c7b; }

.cat_17 .intro, .cat_17 h3, .cat_17 h3 i {
  color: #e22c7b; }

.cat_17 p.intro:after {
  background: #e22c7b; }

.cat_17 .thumbnail .btn-opener {
  background: #e22c7b; }

.cat_17 .accordion .opener {
  border-color: #e22c7b;
  color: #e22c7b; }

.cat_17 .accordion .opener:after, .accordion .opener:before {
  color: #e22c7b; }

.cat_17 .key-list a {
  color: #e22c7b; }

.cat_17 .jcf-radio.jcf-checked span, .cat_17 .jcf-radio:hover span, .cat_17 .jcf-focus span {
  background: #e22c7b; }

.cat_17 blockquote:after {
  background: #e22c7b; }

  .cat_17 aside:after {
  background: #e22c7b; }

.cat_17 .side-menu .opener-box {
  background: #e22c7b; }

.cat_17 .side-menu .opener-box .opener:hover {
  background: #C91362; }

.cat_17 .counter .icon-ico-infographic, .cat_17 .icon-ico-video, .cat_17 .icon-check-circle {
  color: #e22c7b; }

.cat_17 .counter .number {
  color: #e22c7b !important; }

.cat_17 .counter i:hover {
  color: #C91362; }

.cat_17 .side-menu .title {
  background: #e22c7b; }

.cat_17 .accordion .slide-text h2 {
  color: #e22c7b !important; }

.cat_17 .accordion li.active .opener {
  background: #e22c7b !important; }

.cat_17 .accordion .opener {
  border-color: #e22c7b;
  color: #e22c7b; }

.cat_17 .accordion .opener:after, .cat_17 .accordion .opener:before {
  background: #e22c7b; }

.cat_17 .accordion .opener:hover {
  background: #e22c7b;
  color: #FFF; }

.cat_17 .accordion .opener:hover:after, .cat_17 .accordion .opener:hover:before {
  color: #FFF;
  background: #FFF; }

/* Orange Theme */
.orange-theme h5 {
  color: #f54a09; }

.orange-color .tags-list:after {
  color: #f54a09 !important; }

.cycle-gallery .orange-color {
  background: #f54a09; }

.Orange.icon-ico-infographic {
  color: #f54a09 !important; }

.cycle-gallery .orange-color .caption-bar, .orange.caption .caption-bar {
  background: #da4209; }

.cycle-gallery .orange-color .caption-bar .cell.link-holder, .orange.caption .caption-bar .cell.link-holder {
  background: #c23b08; }

.orange-theme .back-to-top:hover {
  background: #f54a09 !important;
  color: #c23b08 !important; }

.cycle-gallery .orange-color:hover, .cycle-gallery .orange-color.hover {
  background: #c23b08 !important; }

.orange-theme .tags-section h2, .orange-theme .tags-section .tags-list a:hover, .orange-theme .tags-section .tags-list li::after {
  color: #c23b08; }

.orange-theme .green-section, .orange-theme .green-section:after, .orange-theme .green-section:before, .orange-theme .faq:after, .orange-theme .faq:before, .orange-theme .faq {
  background: #fce9e2; }

.orange-theme .glossary {
  background: #fce9e2; }

.orange-theme .step-section:after {
  background-image: url(../images/bg_quiz-techfuture.png); }

.orange-theme .glossary:hover, .orange-theme .glossary .glossary-popup .main-title {
  background: #f54a09; }

.orange-theme .glossary .glossary-popup:after {
  border-right-color: #f54a09; }

.visual-block .caption.orange .caption-bar {
  background: #da4209; }

.visual-block .caption.orange {
  background: #f54a09; }

.orange-theme .active-tag a {
  color: #f54a09;
  font-weight: bold;
  text-decoration: underline; }

.orange-theme .most-popular .tags-list:after {
  color: #c23b08; }

.orange-theme #header.affix .search-opener {
  background: #f54a09; }

.orange-theme .content-tags li:after {
  background: #f54a09; }

.orange-theme .btn:focus, .orange-theme .btn:hover {
  background: none repeat scroll 0 0 #f54a09;
  border-color: #f54a09;
  color: #fff; }

.cat_14 .quote-box p span {
  background: rgba(66, 86, 217, 0.9); }

.cat_14 .quote-box:after {
  background: rgba(66, 86, 217, 0.85); }

.cat_14 .side-menu .side-nav-list li:after {
  background: #4256d9; }

.cat_14 .page-heading, .cat_14 .accordion .slide-text h2 {
  color: #4256d9 !important; }

.cat_14 .side-menu .list-opener, .cat_14 .side-menu .icon-share, .cat_14 h2.intro:after {
  background: #4256d9; }

.cat_14 .side-menu .side-nav-list .point:after {
  background: #4256d9; }

.cat_14 .content-list .icon-bullet {
  color: #4256d9; }

.cat_14 .intro, .cat_14 h3, .cat_14 h3 i {
  color: #4256d9; }

.cat_14 p.intro:after {
  background: #4256d9; }

.cat_14 .thumbnail .btn-opener {
  background: #4256d9; }

.cat_14 .accordion li.active .opener {
  background: #4256d9 !important; }

.cat_14 .accordion .opener {
  border-color: #4256d9;
  color: #4256d9; }

.cat_14 .accordion .opener:after, .cat_14 .accordion .opener:before {
  background: #4256d9; }

.cat_14 .accordion .opener:hover {
  background: #4256d9;
  color: #FFF; }

.cat_14 .accordion .opener:hover:after, .cat_14 .accordion .opener:hover:before {
  color: #FFF;
  background: #FFF; }

.cat_14 .key-list a {
  color: #4256d9; }

.cat_14 .jcf-radio.jcf-checked span, .cat_14 .jcf-radio:hover span, .cat_14 .jcf-focus span {
  background: #4256d9; }

.cat_14 blockquote:after {
  background: #4256d9; }

 .cat_14 aside:after {
  background: #4256d9; }

.cat_14 .side-menu .opener-box {
  background: #4256d9; }

.cat_14 .side-menu .opener-box .opener:hover {
  background: #4256d9; }

.cat_14 .counter .icon-ico-infographic, .cat_14 .icon-ico-video, .cat_14 .icon-check-circle {
  color: #4256d9; }

.cat_14 .counter .number {
  color: #4256d9 !important; }

.cat_14 .counter i:hover {
  color: #4256d9; }

.cat_14 .side-menu .title {
  background: #4256d9; }

.page-search-node .search-form {
  margin-top: 20px; }

.page-search-node .btn.btn-default {
  background: none repeat scroll 0 0 #1690ba;
  border: 0 none;
  color: #fff;
  margin-left: 20px !important; }

.page-search-node .btn-primary {
  background: none repeat scroll 0 0 #1690ba; }

.page-search-node .panel {
  box-shadow: none !important; }

.panel-default {
  border: 0; }

.panel-default > .panel-heading {
  background: none;
  border: 0;
  box-shadow: none !important; }

.search-advanced.panel a.panel-title:after {
  content: ">>"; }

.search-advanced.panel a.panel-title {
  background: none repeat scroll 0 0 #1690ba;
  border: 0 none;
  color: #fff;
  padding: 14px 41px 13px 50px;
  text-transform: uppercase;
  margin-left: -15px;
  font: 18px/1.2 walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.basic-page, .page-search #content {
  padding: 167px 0 51px; }

.basic-page .breadcrumb > li + li::before {
  color: #191919; }

.basic-page .breadcrumb {
  font-size: 12px;
  letter-spacing: 0;
  margin: 26px 0 31px; }

.basic-page .breadcrumb a {
  color: #191919; }

.basic-page h1 {
  font-size: 36px;
  line-height: 40px;
  margin: 0 0 6px; }

body .filter-video-block .video-slider .slideset, .visual-gallery .slideset, .video-slider .slideset {
  min-width: 100% !important; }

.filter-video-block {
  padding: 0 !important; }

.pager-load-more {
  margin-bottom: 20px !important; }

.page-search .region-content .search-form {
  display: none; }

.page-search .form-type-textfield {
  width: 30%;
  float: left;
  padding-right: 3%; }

.page-search .form-type-select {
  width: 30%;
  float: left;
  padding-right: 3%; }

.page-search .region-search .search-form {
  padding-bottom: 20px; }

.node-type-videos .video-section .video-caption {
  padding: 50px 25px 28px; }

.node-type-videos .video-section .caption-bar {
  top: 0;
  bottom: auto !important; }

.node-type-article .breadcrumb {
  background: rgba(0, 0, 0, 0.6);
  width: auto !important;
  display: inline-block;
  padding: 10px; }

.exposed_header {
  padding-top: 20px; }

.filter-search-block {
  padding: 20px 0; }

.filter-form .jcf-select .jcf-select-text:after {
  content: "Filter:" !important; }

.search-slider .views-field-title a {
  color: #00a69e;
  font: normal 26px/33px tisa-semibold, "Times New Roman", Times, serif; }

.search-slider .views-field-title {
  padding-top: 20px; }

.search-slider .views-field-title:first-child {
  padding: 0; }

.jcf-list-content li:nth-child(2) .jcf-option {
  border-color: #00a69e; }

.jcf-list-content li:nth-child(3) .jcf-option {
  border-color: #4256d9; }

.jcf-list-content li:nth-child(4) .jcf-option {
  border-color: #e22c7b; }

.jcf-list-content li:nth-child(5) .jcf-option {
  border-color: #72297a; }

#views-exposed-form-videos-page .btn {
  margin-top: 3px; }

.filter-form .form-item-sort-by .jcf-select-text::after {
  content: "Sort by:" !important; }

.true_false .col-wrap {
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: auto !important;
  height: auto; }

.question-list .time::after {
  background: none repeat scroll 0 0 #515151;
  border-radius: 50%;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 11px;
  width: 3px; }

.question-list .time {
  color: #515151;
  display: inline-block;
  font-size: 18px;
  margin: 0 0 0 4px;
  padding: 0 0 0 15px;
  position: relative;
  vertical-align: top; }

.jcf-radio, .jcf-radio span {
  curson: pointer; }

::-webkit-input-placeholder {
  color: #999; }

/* Firefox < 19 */
:-moz-placeholder {
  color: #999; }

/* Firefox > 19 */
::-moz-placeholder {
  color: #999; }

/* Internet Explorer 10 */
:-ms-input-placeholder {
  color: #999; }

.filter-form .jcf-select .jcf-select-text::after {
  content: "" !important; }

.filter-form .jcf-select .jcf-select-text {
  padding-left: 17px; }

.jcf-select:hover, .jcf-select:focus, #edit-keys:hover, #edit-keys:focus, .jcf-focus, .form-control:focus, .form-control:hover {
  background: #F7F7F7;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

.visual-gallery .caption, .video-slider .caption {
  z-index: 9; }

.video-slider a, .caption .text-slide a, .most-popular .caption .text-slide a {
  z-index: 3; }

.most-popular .caption .text-slide a:hover {
  color: #474c55; }

.infographic-wrap {
  z-index: 3;
  position: relative;
  display: block; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus:-moz-placeholder {
  color: transparent; }

/* FF 4-18 */
input:focus::-moz-placeholder {
  color: transparent; }

/* FF 19+ */
input:focus:-ms-input-placeholder {
  color: transparent; }

/* IE 10+ */
.logo a:hover, .logo a:focus {
  color: #737373; }

.results_single {
  display: none; }

.results_1.result_plural {
  display: none; }

.results_1.results_single {
  display: inline !important; }

.node-type-article .related-articles .slide-block {
  margin-bottom: 20px; }

#views-exposed-form-category-page {
  display: none; }

p a:visited {
  color: #8400A5;
  border-bottom-color: #8400A5; }

a.glossary {
  color: #222;
  border-bottom-style: dashed;
  background-color: transparent !important; }

a.glossary:hover, a.glossary:focus {
  color: #222;
  background-color: #F7F7F7 !important;
  border-bottom-style: solid; }

#header .form-wrap {
  display: none; }

#header.search-active .form-wrap {
  display: inline-block; }

/*.bg-stretch {
	display: none;
}*/
.side-menu .side-nav-list {
  overflow: auto; }

.about-row {
  clear: both; }

.about-row .col-sm-6 {
  padding-bottom: 20px; }

.about-row p {
  display: block; }

.about-row a {
  color: #222;
  border-bottom-color: #222; }

.about-row h4 {
  padding-left: 0; }

.expert, .author-link {
  float: left;
  padding-right: 15px; }

div#content:focus {
  outline: none; }

.bg-stretch .description a {
  color: #FFF;
  border-bottom: 1px solid #FFF; }

.bg-stretch .description a:focus, .bg-stretch .description a:hover {
  color: #CCC;
  border-bottom: 1px solid #CCC; }

p a:visited:hover {
  color: #222;
  border-bottom-color: #222; }

.step-section .no-images .col {
  width: 100%; }

.step-section .no-images .col-wrap {
  min-height: 100px; }

.step-section .no-images .col .radio-area {
  padding-top: 20px; }

.step-section .has-images .question-4 {
  display: none; }

.related-articles .visual-block .caption.red {
  background: #4256d9; }

.related-articles .visual-block .caption.red .caption-bar {
  background: #d31926; }

.related-articles .visual-block .caption.purple {
  background: #422558; }

.related-articles .visual-block .caption.purple .caption-bar {
  background: #422558; }

.webform-submit, .webform-client-form-22 .submit {
  margin-top: 17px; }

#messages {
  margin-top: 40px; }

.webform-client-form .error {
  border: 2px solid red; }

.webform-client-form {
  padding-bottom: 30px; }

#block-views-popular-topics-block .title:hover {
  color: inherit !important; }

.hero.Light div#block-views-popular-topics-block .title:hover, .hero.Light div#block-views-popular-topics-block .tag-list a:hover {
  color: #3d3a3b !important; }

#block-views-popular-topics-block a:hover, #block-views-popular-topics-block a:focus {
  color: inherit !important;
  border-bottom-style: solid;
  border-bottom-width: 1px; }

/* Focus links */
.top-nav li a:focus, .top-nav li.focus a {
  text-decoration: none;
  color: #19a0cf; }

html .social li .icon-ico-twitter:focus, #footer .social li .icon-ico-twitter:focus {
  color: #4099ff !important; }

html .social li .icon-ico-facebook:focus, #footer .social li .icon-ico-facebook:focus {
  color: #335795 !important; }

html .social li .icon-ico-google:focus, #footer .social li .icon-ico-google:focus {
  color: #d34836 !important; }

html .social li .icon-ico-facebook:focus, #footer .social li .icon-ico-facebook:focus {
  color: #03659a !important; }

#nav ul .tangelo a:focus {
  box-shadow: 0 -6px 0 0 #f54a09 inset;
  color: #f54a09; }

#nav ul .persian-green a:focus {
  box-shadow: 0 -6px 0 0 #00a69e inset;
  color: #00a69e; }

#nav ul .eminence a:focus {
  box-shadow: 0 -6px 0 0 #72297a inset;
  color: #72297a; }

#nav ul .cerise a:focus {
  box-shadow: 0 -6px 0 0 #e22c7b inset;
  color: #e22c7b; }

#nav ul .red a:focus {
  box-shadow: 0 -6px 0 0 #4256d9 inset;
  color: #4256d9; }

.search-opener:focus {
  color: #19a0cf;
  text-decoration: none; }

.section-heading .link-holder a:focus {
  color: #00a69e;
  text-decoration: none; }

#footer .logo-list li a:focus, #footer .logo-list li a:hover {
  color: #737373 !important; }

#footer li a:focus {
  color: #19a2cf !important;
  text-decoration: none;
  outline-color: #FFF; }

.content-tags a:focus {
  border-color: #00a69e;
  color: #00a69e;
  text-decoration: none; }

p a:focus {
  color: #737373;
  border-color: #737373;
  text-decoration: none; }

.btn:focus {
  background: none repeat scroll 0 0 #00a69e;
  border-color: #00a69e;
  color: #fff; }

/*.slide-wrap {
	overflow:hidden;
}*/
.visual-gallery a.video-wrap, .video-slider a.video-wrap, .visual-gallery a.article-wrap {
  display: unset !important; }

p a {
  border-bottom: 1px solid #00a69e !important; }

p a:hover {
  border-color: #737373 !important; }

p a:visited:focus, p a:focus {
  color: #222;
  border-bottom-color: #222; }

.side-menu.condensed .side-nav-list .point:hover:after, .side-menu.condensed .side-nav-list .point.anchor-active:after {
  width: 23px;
  height: 23px; }

.paralax-block {
  background: #000; }

.content-form .submit:focus {
  background: #1484aa; }

.thumbnail .btn-opener:focus {
  width: 76px;
  height: 76px;
  top: -34px;
  right: -35px; }

.thumbnail .btn-opener:focus:after {
  left: 23px;
  top: 18px; }

.follow-links strong {
  text-transform: uppercase;
  padding-right: 15px;
  font-weight: normal;
  font-family: walsheim-bold,"Helvetica Neue",Helvetica,Arial,sans-serif !important; }

.follow-links {
  margin-top: -10px; }

.follow-links ul {
  display: inline; }

.bottom-line {
  padding-top: 20px;
  padding-bottom: 20px; }

#footer .social {
  font-size: 28px; }

.logo-list li {
  padding: 0; }

.logo-list li:after {
  width: 0; }

.surround .side-menu {
  z-index: 99; }

.side-menu .side-nav-list {
  overflow: visible; }

.caption {
  display: block !important; }

@media only screen and (max-width: 767px) {
  .thumbnail .caption {
    background: #F8F8F8;
    opacity: 1; }
  .thumbnail .caption p, .thumbnail .caption a {
    color: #222; }
  .thumbnail .caption-opener {
    display: none; } }

.infographic-box {
  position: relative; }
  .infographic-box .btn-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .infographic-box .btn-holder {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .infographic-box .btn-frame {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }

.most-popular .caption {
  width: 100%; }

.filter-topics-block .slideset {
  padding-top: 40px; }

.all-topic-surround {
  padding-bottom: 20px; }
  .all-topic-surround .tags-list {
    margin-top: 10px; }
    .all-topic-surround .tags-list li {
      font-size: 14px;
      line-height: 18px; }

.alltopic-intro {
  font-size: 18px; }

.category-title {
  font-size: 14px;
  font-family: walsheim-bold,"Helvetica Neue",Helvetica,Arial,sans-serif; }

.category-title a {
  text-transform: uppercase;
  color: #222; }

.updated-date {
  font-size: 14px;
  padding-left: 10px; }

.all-topic-surround .topic-title a {
  color: #222;
  font: normal 26px/33px tisa-semibold, "Times New Roman", Times, serif; }

.all-topic-surround .tags-list:after {
  color: #222; }

.all-topic-surround .tags-list li:after {
  content: ", "; }

.all-topic-surround .view-topic {
  font-size: 14px;
  color: #222;
  padding-left: 15px; }

.green-title .category-title a {
  color: #00a69e; }

.orange-title .category-title a {
  color: #f54a09; }

.purple-title .category-title a {
  color: #72297a; }

.royalblue-title .category-title a {
  color: #4256d9; }

.pink-title .category-title a {
  color: #e22c7b; }

.transcript {
  font-size: 16px;
  text-transform: uppercase; 
  display:block;
  margin-top: 20px;
  }

#video-transcript {
  display: none; 
  background-color: #efefef;
  margin-top: 1em;
  padding: 1em;
  }

.featured-articles .text-slide p a {
  color: #FFF;
  border: 0 !important; }

.featured-articles .text-slide .tags-list li a {
  display: inline; }

.featured-articles .text-slide .tags-list li:last-child:after {
  content: ""; }

.bottom-line p {
  display: inline;
  float: left; }

.bottom-line .sun-nav {
  border-left: 1px solid #8d8d8d;
  padding-left: 10px;
  margin-left: 10px;
  float: left; }

.caption .tags-list li:first-child:after {
  content: ", "; }

.visual-gallery .btn-box .btn-holder, .video-slider .btn-box .btn-holder {
  z-index: 9999; }

.logo-list .icon-logo-aas {
  margin: 0; }

.content-form .submit {
  z-index: 99; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .side-menu.condensed .side-nav-list .point:after {
    -webkit-transform: translateY(-50%, 50%) !important;
    -ms-transform: translateY(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important; }
  .side-menu.condensed .side-nav-list .point {
    /*left:-5px !important;*/ }
  .side-menu.condensed .side-nav-list .point:hover:after, .side-menu.condensed .side-nav-list .point.anchor-active:after {
    /*left:5px !important;*/ } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body #header.search-active .form-wrap, body #header.search-active-focus .form-wrap {
    height: 68px !important; } }

@media only screen and (max-width: 767px) {
  .side-menu .side-nav-list li:after {
    -webkit-transform: translate(-100%, -50%) !important;
    -ms-transform: translate(-100%, -50%) !important;
    transform: translate(-100%, -50%) !important; }
  .side-menu.condensed .side-nav-list .point:focus:after, .side-menu.condensed .side-nav-list .point:hover:after {
    height: 12px !important;
    width: 12px !important; }
  .side-menu.condensed .side-nav-list .point.anchor-active:after {
    height: 23px !important;
    width: 23px !important; }
  .filter-form label {
    display: none; }
  #header.affix .search-opener {
    color: #FFF; }
    #header.affix .search-opener .fa-search, #header.affix .search-opener .icon-cancel {
      color: #FFF; }
  .node-type-article h2.intro:after {
    margin-top: 10px; }
  #footer .bottom-line .col-sm-8, #footer .bottom-line .col-sm-6, #footer .bottom-line .col-xs-12 {
    float: left !important;
    width: 100%; }
    #footer .bottom-line .col-sm-8 p, #footer .bottom-line .col-sm-6 p, #footer .bottom-line .col-xs-12 p {
      font-size: 18px;
      padding-right: 10px; }
    #footer .bottom-line .col-sm-8 ul.sun-nav, #footer .bottom-line .col-sm-6 ul.sun-nav, #footer .bottom-line .col-xs-12 ul.sun-nav {
      margin-left: 0; }
    #footer .bottom-line .col-sm-8 strong, #footer .bottom-line .col-sm-6 strong, #footer .bottom-line .col-xs-12 strong {
      font-size: 18px; }
  .follow-links {
    margin-top: 0; }
  .bottom-line .sun-nav {
    padding-top: 0; } }

@media only screen and (max-width: 600px) {
  .bottom-line .col-md-8 .sun-nav {
    margin-bottom: 20px; }
  .social {
    font-size: 40px !important;
    margin-left: 0 !important; }
    .social li {
      font-size: 40px !important;
      margin-left: 0 !important;
      margin-right: -4px !important; }
  .follow-links strong {
    display: inline-block;
    padding-top: 15px;
    font-size: 16px;
    padding-right: 10px !important; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
  .bottom-line .sun-nav {
    border-left: 0 !important;
    padding-left: 0;
    margin-left: 0; }
  .infographic-content {
    padding-top: 60px !important; } }

.side-menu.condensed .side-nav-list li:first-child::before, .side-menu.condensed .side-nav-list li:last-child::before {
  background: none !important; }

.caption-active .caption-opener {
  display: none; }

.accordion h4, .accordion h3, .accordion h5, .accordion h6, .article-section h3, .article-section h4, .article-section h5, .article-section h6 {
  margin-bottom: 13px; }

.announcement {
  background: #F6F4F5;
  border: 1px solid #EBEBEB;
  padding: 10px 20px 10px 20px;
  margin-bottom: 10px; }
  .announcement p {
    font-size: 14px;
    margin-bottom: 10px; }
  .announcement strong {
    font-family: walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1b2734;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: normal; }

.infographic-wide {
  text-align: center;
  margin-top: 20px; }
  .infographic-wide img {
    max-width: 100%; }

.infographic-content {
  padding-bottom: 28px !important; }
  .infographic-content h2 {
    margin-bottom: 10px;
    font-size: 11px;
    font-family: walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1b2734;
    text-transform: uppercase;
    line-height: 1em; }
  .infographic-content a.related-topic {
    font-size: 20px;
    font-family: tisa-bold,"Times New Roman",Times,serif; }
  .infographic-content .cell {
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px; }
  .infographic-content.purple h1, .infographic-content.purple a {
    color: #72297a; }
  .infographic-content.orange h1, .infographic-content.orange a {
    color: #f54a09; }
  .infographic-content.royalblue h1, .infographic-content.royalblue a {
    color: #4256d9; }
  .infographic-content.green h1, .infographic-content.green a {
    color: #00a69e; }
  .infographic-content.pink h1, .infographic-content.pink a {
    color: #e22c7b; }

.view-featured-infographic .col-wrap img {
  max-height: 243px; }
.view-featured-infographic .caption {
  min-height: 77px !important; }
.view-featured-infographic .bar .purple-color {
  color: #72297a !important; }
.view-featured-infographic .bar .orange-color {
  color: #f54a09 !important; }
.view-featured-infographic .bar .royalblue-color {
  color: #4256d9 !important; }
.view-featured-infographic .bar .green-color {
  color: #00a69e !important; }
.view-featured-infographic .bar .pink-color {
  color: #e22c7b !important; }

.topic-title a:hover, .topic-title a:focus {
  border-bottom: 1px solid #222; }

.video-section .video-caption h2.related-topic-heading {
  margin-bottom: 10px !important;
  font-size: 14px !important;
  font-family: walsheim-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #1b2734;
  text-transform: uppercase;
  line-height: 1em; 
  margin-top: 30px; }

a.related-topic {
  font-size: 20px;
  font-family: tisa-bold,"Times New Roman",Times,serif; }

.color-purple a.related-topic {
  color: #72297a; }

.color-orange a.related-topic {
  color: #f54a09; }

.color-royalblue a.related-topic {
  color: #4256d9; }

.color-green a.related-topic {
  color: #00a69e; }

.color-pink a.related-topic {
  color: #e22c7b; }

.front #header.affix .search-opener .fa-search, .front #header.affix .search-opener .icon-cancel {
  color: #515151; }

.node-type-page #header.affix .search-opener .fa-search, .node-type-page #header.affix .search-opener .icon-cancel {
  color: #515151; }

.btn-primary {
  background: #1690ba !important; }

.btn-primary:hover {
  background: #1484aa !important; }

@media only screen and (max-width: 767px) {
  .article-block img {
    max-width: 100%;
    height: auto !important; }
  .side-menu .side-nav-list li {
    width: 34px; }
  .view-infographics .info-blocks .col {
    width: 100%; }
  .video-section .infographic-content .caption-bar {
    bottom: 0;
    top: auto;
    margin-top: 10px; }
  .video-section .infographic-content .video-caption {
    padding-bottom: 59px; }
  .video-section .infographic-content {
    padding-bottom: 0 !important;
    padding-top: 10px !important; }
  .video-section .infographic-content > .row {
    padding-bottom: 50px; } }

@media only screen and (max-width: 991px) {
  .step-section .radio-form .radio-area .jcf-radio {
    margin-left: 20px; }
  .step-section .radio-form .success-message, .step-section .radio-form .error-message {
    padding-left: 20px; }
  .step-section .no-images .col .radio-area {
    padding-top: 0; }
  .radio-area {
    padding-top: 20px !important; }
  .step-section .radio-form .title {
    width: 70% !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sub-holder {
    padding-right: 5px !important; }
  .radio-area {
    padding-top: 20px !important; }
  .step-section .radio-form .title {
    width: 80% !important; } }

.article-section:focus {
  outline: 0 !important; }

.thumbnail .caption a {
  border-bottom: 1px solid #00a69e !important;
  text-decoration: none !important; }

.thumbnail .caption a:hover, .thumbnail .caption a:active {
  border-bottom: 1px solid #737373 !important; }

.front #header.affix .search-opener .fa-search, .front #header.affix .search-opener .icon-cancel {
  color: #FFF !important; }

.basic-content-area h1, .basic-content-area h2, .basic-content-area h3 {
  color: #19A0CF; }

.caption .text-slide a {
  display: block;
  line-height: 22px;
  margin-bottom: 10px; }

.video-slider .category {
  padding: 7px 17px 6px 17px !important; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .visual-gallery .slide .title, .most-popular .title {
    font-size: 22px; }
  .author-bio .col-sm-pull-1 {
    width: 100%;
    right: 0; } }

@media only screen and (max-width: 768px) {
  .info-blocks .caption {
    min-height: 100px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .visual-gallery .slide .title, .most-popular .title {
    font-size: 22px; } }

.form-item label {
  margin-top: 5px; }
#views-exposed-form-featured-category-content-block {
	display:none;	
}
/*# sourceMappingURL=all.css.map */

#views-exposed-form-all-topics-page .filter-form label{float:left;margin-right: 9px;margin-top:10px;}
#views-exposed-form-all-topics-page .filter-form .views-widget,#views-exposed-form-all-topics-page .filter-form .jcf-select{float:left;width: 70%;}
#views-exposed-form-all-topics-page .filter-form .views-widget .jcf-select,#views-exposed-form-all-topics-page .filter-form .jcf-select .jcf-select-text{width:100%;}

.filter-block.hidden-print .section-heading h1{background:none; /*border-right:1px solid #000;*/width:30%; float:left}
.filter-block.hidden-print .section-heading ul{padding:0; width:60%; float:right;text-align: right;}
.filter-block.hidden-print .section-heading ul li:first-child{display:none;}
.filter-block.hidden-print .section-heading ul li{display:inline-block;}

.filter-topics-block {
	padding-top: 20px;	
}

#view-modes li {
	margin: 0;
	padding: 0;	
}
.grid a,
.list a  {
	background: #FFF;
	font-size: 24px;
	padding: 5px 10px;	
}
.grid a i,
.list a i {
	color: #333;	
}
/*# Apply button  */
.form-submit.btn{height:47px;padding:0;width:100%;max-width:189px;}

/*# reset button  */
.views-reset-button .btn {
    box-shadow: none !important;
    font: 18px/1.2 walsheim-bold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 0.7px;
    outline: medium none !important;
    text-transform: uppercase;
    transition: all 0.15s ease 0s;
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff;
    height:47px;
    width:100%;
    max-width:189px;
}
.views-reset-button .btn:hover {
    background: none repeat scroll 0 0 #00a69e;
    border-color: #00a69e;
    color: #fff;
}
#view-modes li a.views-modes-active{
    background: #5bc0de;
}
#view-modes li a.views-modes-active i {
	color: #FFF;	
}
#views-exposed-form-all-topics-page .filter-form .col-sm-2 ,#views-exposed-form-infographics-page .filter-form .col-sm-2, #views-exposed-form-videos-page .filter-form .col-sm-2{
  width:15.867%;
}


/*custom media Query */

@media only screen and (max-width: 991px){
.views-exposed-widget{width:50%;}

.filter-form label {padding-left: 0;}
.apply-btn{margin-left: 47px;}
.views-exposed-widget{min-height: 105px;}
.view-id-infographics .apply-btn{ margin-left: 0px;}
#views-exposed-form-videos-page .filter-form .col-sm-2.apply-btn,#views-exposed-form-videos-page .filter-form .col-sm-2.views-reset-button{width: 25% !important;min-width: 140px;float: left;clear: both;}
#views-exposed-form-videos-page .filter-form .col-sm-2.apply-btn{ margin-left: 0;}
}

@media only screen and (max-width: 767px){
.views-exposed-widget{width:60%;}
.filter-form .col-sm-2.apply-btn,.filter-form .col-sm-2.views-reset-button,
#views-exposed-form-infographics-page .filter-form .col-sm-2.apply-btn,#views-exposed-form-infographics-page .filter-form .col-sm-2.views-reset-button,
#views-exposed-form-videos-page .filter-form .col-sm-2.apply-btn,#views-exposed-form-videos-page .filter-form .col-sm-2.views-reset-button{width: 25% !important;min-width: 140px;float: left;clear: both;}
.apply-btn { margin-left: 0px;margin-bottom:10px;}
.views-exposed-widget{min-height:auto;}

}

@media only screen and (max-width: 480px){
.views-exposed-widget{width:100%;}
.filter-block.hidden-print .section-heading h1.heading{padding:0;width: 50%;}

}

.view-all-topics .form-item,
.view-all-topics .form-select {
	margin-top: 0;	
}
.view-all-topics .tags-list a {
	color: #222;	
}
.view-infographics .views-reset-button,
.view-videos .views-reset-button{
	display: none;	
}






/********* Custom, post-launch classes *********/


/* Topic: miscellaneous */

.article-block p.small {
	font-size: 0.8em;
	line-height: 1.3em;	
}


/* Topic: Drop-down sections */

.article-block .accordion li li {
	list-style: inherit;	
}

.article-block .accordion li ul, .article-block .accordion li ol {
	margin-bottom: 1em;
}

.article-block .accordion li img {
	max-width: 100%;	
}

/* Topic: 'Info box' sections, e.g. in digestive system article */

.info-box { /* Defaults, including green */
	padding: 15px 25px;
	margin-bottom: 30px;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-position: top 18px left 20px;
	padding-left: 55px;
	background-color: #e5f6f5;
	background-image: url(/curious/sites/default/files/images/misc/icons/infobox-icon-green.png);
}

.info-box.no-exclamation {
	background-image: none !important;
	padding-left: 25px !important;	
}

.info-box.grey {
	background-color: #dedede !important;
}

.cat_15 .info-box { /* Purple */
	background-color: #eed8f0;
	background-image: url(/curious/sites/default/files/images/misc/icons/infobox-icon-purple.png);
}
.cat_17 .info-box { /* Pink */
	background-color: #f9e7ef;
	background-image: url(/curious/sites/default/files/images/misc/icons/infobox-icon-pink.png);
}
.cat_14 .info-box { /* Blue */
	background-color: #dce0f8;
	background-image: url(/curious/sites/default/files/images/misc/icons/infobox-icon-blue.png);
}
.cat_18 .info-box { /* Orange */
	background-color: #fce9e2;
	background-image: url(/curious/sites/default/files/images/misc/icons/infobox-icon-orange.png);
}

/* Topic: Definition lists */
.article-section dd {
    	margin-bottom: 20px;
    	margin-left: 30px;
    	font-size: 0.9em;
}
.article-section dt {
    	font-family: walsheim-bold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    	font-size:0.9em;
    	font-weight: normal;
}

/* Topic: interactives */

.article-section .interactive {
	width: 100%;
}

.interactive .border-green {
	padding: 0px 15px;
    border-left: 10px solid #00A69E;
    border-right: 10px solid #00A69E;
}

.interactive .border-purple {
	padding: 0px 15px;
	border-left: 10px solid #72297a;
    border-right: 10px solid #72297a;
}

.interactive .border-pink {
	padding: 0px 15px;
	border-left: 10px solid #e22c7b;
    border-right: 10px solid #e22c7b;
}

.interactive .border-orange {
	padding: 0px 15px;
	border-left: 10px solid #f54a09;
    border-right: 10px solid #f54a09;
}

.interactive .border-blue {
	padding: 0px 15px;
	border-left: 10px solid #405CD6;
    border-right: 10px solid #405CD6;
}

.interactive h3 {
	padding: 0px 15px;
    margin-top: 0px;
    font-size: 1em;
    font-family: walsheim-bold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #222 !important;
	padding-left: 0px !important;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}

.interactive-marker {
	text-transform: uppercase;
	font-size: 0.6em;
	text-align: right;
	font-family: walsheim-medium,"Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 4px 10px 4px 32px;
	line-height: 35px;
	display: inline-block;
	float: right;	
	color: #FFF;
	background-color: #292929;
	background-image: url(/curious/sites/default/files/images/misc/interactive-hand.png);
	background-repeat: no-repeat;
	background-position: left center;
}


/* Topic: embedded videos */
.article-block .margin-bottom-30 {
	margin-bottom: 30px;
}
.article-block .video-icon:before {
	content: "\f144 ";
	font-family: nova-icons;
}

/* Topic: infographic teasers */
.article-block .infographic-icon {
display: inline-block;
padding-right: 2px;
font-family: nova-icons;
}

.article-block .infographic-icon:before {
content: "\f201 ";
}

.article-block .infographic-caption {
font-size: 15px;
padding-top: 10px;
}

.article-block .infographic-container {
width: 100%;
margin: 0 auto;
}

.article-block .infographic-wrapper {
background: #000000;
}

.article-block .infographic-container img {
max-width: 100%;
width: 100%;
transition: opacity 0.3s;
}

.article-block .infographic-container a:hover img, .article-block .infographic-container a:focus img {
opacity: 0.8;
}

/* Topic: pull quotes */
.article-block blockquote q {
	font-size: 0.75em;
	line-height: 1.5em;
}
.article-block blockquote cite {
	font-size: 0.7em;
	line-height: 1.2em;
	text-transform: none;
}
.article-block blockquote cite:after {
	top: 10px;
}

/* Topic: bold */
.article-block strong {
	font-family: walsheim-medium,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
}

/* Topic: tables */
.article-block table.fullwidth {
width: 100%;
}

.article-block table th {
	font-family: walsheim-medium,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
}

/* Topic: reviewers */
.about-block#reviewers .expert img {
	max-width: 80px;
	max-height: 80px;
}

.about-block#reviewers .about-row p {
	margin-left: 100px;
	font-size: 0.7em;
	line-height: 1.2em;
}

.about-block#reviewers {
	padding: 0;	
}

.about-block#reviewers, .about-block#reviewers:before {
	background: none;
}

.about-block#reviewers .about-row .col-sm-6 {
	min-height: 130px;	
}

.about-block#reviewers .about-row p a {
	font-size: 1.2em;
}

/* Topic: graphs, captions and labels */

.article-block .side-padding-15 {
	padding-left: 15px;
	padding-right: 15px;
}

.article-block .diagram-box {
	border: 1px solid #ccc;
	margin-bottom: 30px;
}
.article-block .diagram-description {
    background-color: #ececec;
    text-align: left;
    font-size: 17px;
    width: 100%;
    padding: 15px 20px;
    margin-top: 10px;
}

.article-block .diagram-description p {
	margin-bottom: 0px;
}

.article-block .diagram-title {
	background-color: #cccccc;
	font-family: walsheim-bold,"Helvetica Neue",Helvetica,Arial,sans-serif;
	display: block;
	padding: 10px;
	margin-bottom: 10px;
}

.article-block .diagram-img {
	text-align: center;	
}

.article-block .full-width {
	width: 100%;
	max-width: 100%;
}

.article-block .bordered-image {
	text-align: center;
	border: 6px solid #ececec;	
}

.article-block .grey-box {
	background-color: #ececec;
	text-align: left;
	font-size: 17px;
	width: 100%;
	padding: 15px 20px;
	margin-top: 10px;
	margin-bottom: 40px;	
}


/* Topic: Coloured captions, e.g. the GBR threats before/after images */

.coloured-caption { /* Defaults, including green */
	font-family: walsheim-medium,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
	color: #fff;
	padding: 0.2em 0.5em;
	font-size: 0.85em;
	display: inline-block;
	background-color: rgba(0,133,126,0.9);
}
.cat_15 .coloured-caption { /* Purple */
	background-color: rgba(58,33,78,0.9);
}
.cat_17 .coloured-caption { /* Pink */
	background-color: rgba(201,19,98,0.9);
}
.cat_14 .coloured-caption { /* Blue */
	background-color: rgba(43,55,139,0.9);
}
.cat_18 .coloured-caption { /* Orange */
	background-color: rgba(245,74,9,0.9);
}

/* Person page */

.author-bio .img-holder img {
	max-width: 120px;
	max-height: 120px;
}

/* Academy logo in top bar */

.top-bar a.icon-logo-aas2 {
    color: #515252;
    margin-left: 0.5em;
    font-size: 3em;
    line-height: 1em;
    margin-top: -0.25em;
    position: relative;
    float: right;
    transition: color 0.2s;
}

.logged-in .top-bar a.icon-logo-aas2 {
	margin-top: -0.75em;
}

.top-bar a.icon-logo-aas2:hover, .top-bar a.icon-logo-aas2:focus {
    color: #189bc8;
    text-decoration: none !important;
}

/* Sneak peeks (home page) */

ul.sneak-peeks {
	padding-left: 0;
}

ul.sneak-peeks li {
	list-style-type: none;
	width: 25%;
	float: left;
}

ul.sneak-peeks li h3 {
	padding-right: 1.2em;
	font-size: 0.85em;
	color: #444;
}

ul.sneak-peeks li h3:after {
	content: 'Coming soon';
	display: block;
	clear: both;	
	text-transform: uppercase;
	font-size: 0.8em;
	line-height: 1.1em;
	margin: 0.5em 0;
	font-family: walsheim-medium,"Helvetica Neue",Helvetica,Arial,sans-serif;
	background-repeat: no-repeat;
	background-size:contain;
	background-position:left;
	padding-left: 1.5em;
}

ul.sneak-peeks li p {
	font-size: 0.8em;
	line-height: 1.3em;
	padding-right: 1.2em;
}

ul.sneak-peeks li.technology-future h3:after {
	background-image: url(/curious/sites/default/files/images/misc/blue-clock.png);
	color: #2a3591;
}

ul.sneak-peeks li.technology-future h3 {
	color: #2a3591;
}

ul.sneak-peeks li.people-medicine h3:after {
	background-image: url(/curious/sites/default/files/images/misc/pink-clock.png);
}

ul.sneak-peeks li.people-medicine h3 {
	color: #c91362;
}

ul.sneak-peeks li.earth-environment h3:after {
	background-image: url(/curious/sites/default/files/images/misc/green-clock.png);
	
}

ul.sneak-peeks li.earth-environment h3 {
	color: #00736f;
}


ul.sneak-peeks li.space-time h3:after {
	background-image: url(/curious/sites/default/files/images/misc/purple-clock.png);
}

ul.sneak-peeks li.space-time h3 {
	color: #3c204f;
}

ul.sneak-peeks li.everything-else h3:after {
	background-image: url(/curious/sites/default/files/images/misc/orange-clock.png);
}

ul.sneak-peeks li.everything-else h3 {
	color: #c23b08;
}

@media (max-width: 990px) {
	ul.sneak-peeks li {
		width: 100%;
	}
	ul.sneak-peeks {
		margin-top: 1em;
	}
	ul.sneak-peeks li p {
		font-size: 0.75em;
	}
}

/* Toolbar: logged in */
.logged-in #toolbar {
	position: relative;
}
.logged-in {
	padding-top: 0px !important;
}

/* Home: announcements */
.announcement {
	display: none;	
}

/* Category: tags */
.view-popular-topics {
	padding-left: 0px;
}

/* Article: tags */
.node-type-article .tag-section .container {
	padding-top: 0px;
}
@media (max-width: 768px) {
	.node-type-article .tag-section .container .row {
		width: 90%;
		margin-left: 0;	
	}
}
@media (min-width: 768px) {
	.node-type-article .tag-section .container .row {
		width: 85%;
		margin-left: 15%;	
	}
}
.node-type-article .tag-section {
	padding-top: 0px;	
	background: #f8f8f8;
}

/* Article: Q&A */
@media (max-width: 768px) {
	.faq .container {
		width: 90%;
		margin-left: 5%;	
	}
}
@media (min-width: 768px) {
	.faq .container {
		width: 53%;
		margin-left: 28%;	
	}
}
.faq .question-form {
	max-width: none;
	font-size: 0.8em;
}
.faq .question-form h4 {
	display: none;	
}
.faq h4 {
	margin-bottom: 10px;
}
.faq p {
	font-size: 1em !important;	
}
.faq .question-list {
	margin-bottom: 23px;	
}

/* Article: related articles */
.node-type-article .related-articles .title a {
	font-size: 0.85em;	
}
.node-type-article .related-articles {
	background: #f8f8f8;	
	padding-top: 1em;
}
@media (min-width: 768px) {
	.related-articles .col-sm-offset-1 {
		margin-left: 15%;
	}
	.related-articles .col-sm-11 {
		width: 85%;
	}
}


/* Infographic page: general tidy-up */

.node-type-featured-infographics .related-articles .col-sm-11 {
	width: 100%;	
	margin-left: 0px;
}

.node-type-featured-infographics .infographic-wide {
	background-color: #fff;	
	margin-top: 0px;
	padding: 20px 0;
}

.node-type-featured-infographics .caption-bar {
	background-color: #fff;
	border: 0px;
}

.node-type-featured-infographics .caption.royalblue .caption-bar {
	background-color: #2f3e99;	
}


/* Infographic page: transcript container */

.node-type-featured-infographics .transcript {
	margin-top: 0px;
}

.node-type-featured-infographics a.transcript {
	display: inline-block !important;	
}

.node-type-featured-infographics .video-caption {
	border: 0px;
}

.node-type-featured-infographics .transcript-container {
	background-color: #efefef;
	padding: 10px 20px 10px 20px;	
}

.node-type-featured-infographics #video-transcript {
	margin-top: 0px;
	padding-top: 0px;
}



/* Infographic page: transcript headings and text size */

.node-type-featured-infographics #video-section p {
	font-size: 1em !important;;
}

.node-type-featured-infographics #video-transcript {
	font-size: 0.8em !important;
}

.node-type-featured-infographics #video-transcript h3 {
	margin-top: 30px !important;	
}

.node-type-featured-infographics #video-transcript h4 {
	margin-bottom: 5px !important;	
	margin-top: 20px !important;
	font-size: 0.95em !important;
}


/* Footer area */

.bottom-bar .decor:after {
	opacity: 0.3;	
}

@media only screen and (min-width: 1207px) {
	.bottom-bar .row {
		margin-left: -33px;	
	}
	.bottom-line .sameheight {
		margin-left: -20px;
	}
	
	.bottom-line .container {
		padding-right: 0px;	
	}
	.bottom-line .follow-links {
		text-align: right;
		padding-right: 0px;
		margin-left: 0px;
	}
	#footer .social li {
		margin: 3px 0px 0px 10px;
	}
	#footer .logo-list li {
		text-align: right;	
	}
	#footer .sub-holder .logo-list {
		width: 100%;	
	}
}

















/************************************************************ BELOW: New style for thumbnails: responsive, independent of JavaScript, etc. ********************/

/* Thumbnail layout: common across screens */

.TOPIC-A, .TOPIC-B, .TOPIC-C, .VIDEO-A, .INFOGRAPHIC-A {
	position: relative;	
	transition: opacity 0.3s;
	float: left;
	margin-bottom: 1em;
}

.TOPIC-A-CONTAINER {
	width: 100%;
	background-color: #fff;
	min-height: 10em;	
}

.TOPIC-A:hover, .TOPIC-B:hover, .TOPIC-C:hover, .VIDEO-A:hover, .INFOGRAPHIC-A:hover {
	opacity: 0.87;	
}

.TOPIC-A .thumb-text-container, .TOPIC-B .thumb-text-container, .TOPIC-C .thumb-text-container, .VIDEO-A .thumb-text-container, INFOGRAPHIC-A .thumb-text-container {
	font-size: 0.95em;
	position: relative;	
	min-height: 4em;
}

.TOPIC-A .thumb-image-container-large, .TOPIC-A .thumb-image-container-medium, .TOPIC-A .thumb-image-container-small, .TOPIC-B .thumb-image-container-medium, .TOPIC-C .thumb-image-container-medium, .VIDEO-A .thumb-image-container {
	background-size: cover;	
	background-position: center;
	display: none;
}

.TOPIC-A .thumb-bottom-strip, .TOPIC-B .thumb-bottom-strip, .TOPIC-C .thumb-bottom-strip {
	padding: 0.2em 0.6em;
	position: relative;
	font-size: 0.9em;
}

.TOPIC-A h3.topic-title, .TOPIC-B .topic-title {
	color: #fff;	
}

.TOPIC-A .thumb-text-container {
	font-size: 0.8em;	
}

.TOPIC-A .topic-description {
	font-size: 0.95em;	
}

.TOPIC-A .topic-read-more, .TOPIC-B .topic-read-more, .TOPIC-C .topic-read-more, .VIDEO-A .video-watch, .INFOGRAPHIC-A .infographic-view {
	text-transform: uppercase;
	font-size: 0.8em;
	text-align: right;
}

.VIDEO-A .video-time, .INFOGRAPHIC-A .infographic-thumb-icon {
	font-size: 0.8em;	
	padding: 0.4em;
	padding-left: 1.8em;
	margin-left: 0.8em;
}

.VIDEO-A .thumb-bottom-strip {
	padding: 0;
	position: relative;
	font-size: 0.85em;
}

.TOPIC-B .thumb-text-container {
	font-size: 0.86em;	
}

.TOPIC-C .thumb-text-container {
	font-size: 0.86em;	
}

.VIDEO-A .thumb-text-container {
	font-size: 0.86em;	
}

.INFOGRAPHIC-A .thumb-text-container {
	font-size: 1.05em;	
}

.INFOGRAPHIC-A .thumb-image-container img {
	max-width: 100%;
	display: block;
}

.INFOGRAPHIC-A .bottom-strip-colour {
	width: 100%;
	position: absolute;
	height: 1.6em;	
	left: 0;
	bottom: 0;
	z-index: -1;
}


/* The link that covers the thumb */

.inner-div-link {
	display: block; /* TODO */
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
	z-index: 10;
	transition: all 0.3s;
	border: 0.1em solid transparent;
}

.inner-div-link:focus {
	border: 0.2em solid #fff;
}

.TOPIC-C .inner-div-link:focus, .VIDEO-A .inner-div-link:focus, .INFOGRAPHIC-A .inner-div-link:focus {
	border-color: #fff;	
}

.TOPIC-A .inner-div-link:hover, .TOPIC-B .inner-div-link:hover {
	border-color: #fff;	
}

.TOPIC-C .inner-div-link:hover, .VIDEO-A .inner-div-link:hover, .INFOGRAPHIC-A .inner-div-link:hover {
	border-color: #fff;	
}

.inner-div-link:active {
	border: none;	
}

/* The background image div, used for small screens or to display a border */

.inner-div-bg {
	display: block; /* TODO */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
	opacity: 0.15;	
	
}

.VIDEO-A .inner-div-bg, .INFOGRAPHIC-A .inner-div-bg {
	z-index: 9;	
}


/* Icons courtesy of Font Awesome */

.topic-read-more, .video-watch, .infographic-view {
	background-image: url('/curious/sites/default/files/images/misc/icons/arrow-icon-dark.png');
	background-repeat: no-repeat;
}

.topic-read-more {
	background-position: right top 0.4em;
	background-size: 1.8em;
	padding-right: 2.2em;
}

.video-watch {
	background-position: right bottom 0.65em;
	background-size: 1.95em;
	margin-right: 0.2em;
	padding-right: 2.2em;
}

.infographic-view {
	background-position: right bottom 0.65em;
	background-size: 1.7em;
	padding-right: 2.2em;
}

.TOPIC-A .topic-read-more, .TOPIC-B .topic-read-more {
	background-image:url('/curious/sites/default/files/images/misc/icons/arrow-icon-white.png');
}

.video-time {
	background-image:url('/curious/sites/default/files/images/misc/icons/video-icon-dark.png');
	background-position: left top 0.7em;
	background-repeat: no-repeat;
	background-size: 1.2em;
	
}

.infographic-thumb-icon {
	background-image:url('/curious/sites/default/files/images/misc/icons/infographic-icon-dark.png');
	background-position: left top 0.45em;
	background-repeat: no-repeat;
	background-size: 1.6em;
}

.thumb-bottom-strip {
	font-family: walsheim-medium,"Helvetica Neue",Helvetica,Arial,sans-serif;	
}

/* Category colours: green (and default) */

.TOPIC-A, .TOPIC-B {
	background-color: #00847e;
	color: #fff;
	width: 100%;
}

.TOPIC-A .thumb-bottom-strip, .TOPIC-B .thumb-bottom-strip {
	background-color: #00736f;
	clear: both;
}

.TOPIC-C, .VIDEO-A, .INFOGRAPHIC-A {
	color: #353535;
}

.TOPIC-C .topic-title, .VIDEO-A .video-title, .INFOGRAPHIC-A .infographic-title {
	color: #00736f;
}

.TOPIC-C .thumb-bottom-strip, .VIDEO-A .thumb-bottom-strip, .INFOGRAPHIC-A .bottom-strip-colour  {
	background-color: #e1e1e1;	
}

.TOPIC-C .inner-div-bg, .VIDEO-A .inner-div-bg, .INFOGRAPHIC-A .inner-div-bg {
	border: 0.15em solid #e1e1e1;
	z-index: 3;
}

/* Category colours: purple */

.TOPIC-A.space-time, .TOPIC-B.space-time {
	background-color: #492a62;
	color: #fff;	
}

.TOPIC-A.space-time .thumb-bottom-strip, .TOPIC-B.space-time .thumb-bottom-strip {
	background-color: #3c204f;	
}

.TOPIC-C.space-time .topic-title, .VIDEO-A.space-time .video-title, .INFOGRAPHIC-A.space-time .infographic-title {
	color: #3c204f;
}

/* Category colours: blue */

.TOPIC-A.technology-future, .TOPIC-B.technology-future {
	background-color: #2f3e9a;
	color: #fff;	
}

.TOPIC-A.technology-future .thumb-bottom-strip, .TOPIC-B.technology-future .thumb-bottom-strip {
	background-color: #2a3591;	
}

.TOPIC-C.technology-future .topic-title, .VIDEO-A.technology-future .video-title, .INFOGRAPHIC-A.technology-future .infographic-title {
	color: #2a3591;
}


/* Category colours: pink */

.TOPIC-A.people-medicine, .TOPIC-B.people-medicine {
	background-color: #e22c7b;
	color: #fff;	
}

.TOPIC-A.people-medicine .thumb-bottom-strip, .TOPIC-B.people-medicine .thumb-bottom-strip {
	background-color: #c91362;	
}

.TOPIC-C.people-medicine .topic-title, .VIDEO-A.people-medicine .video-title, .INFOGRAPHIC-A.people-medicine .infographic-title {
	color: #c91362;
}


/* Category colours: orange */

.TOPIC-A.everything-else, .TOPIC-B.everything-else {
	background-color: #da4209;
	color: #fff;	
}

.TOPIC-A.everything-else .thumb-bottom-strip, .TOPIC-B.everything-else .thumb-bottom-strip {
	background-color: #c23b08;	
}

.TOPIC-C.everything-else .topic-title, .VIDEO-A.everything-else .video-title, .INFOGRAPHIC-A.everything-else .infographic-title {
	color: #c23b08;
}


/* Links */

.TOPIC-A a, .TOPIC-B a {
	color: #fff;
	text-decoration: none;
}

.TOPIC-C a, .VIDEO-A a, .INFOGRAPHIC-A a {
	color: 	#353535;
	text-decoration: none;
}

/* Category labels */

.topic-category {
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size: 0.8em;
	text-transform: uppercase;
}

.topic-category .long-category {
	display: none;
}

.topic-category .short-category {
	display: block;
}

.TOPIC-B .topic-category, .TOPIC-C .topic-category {
	display: none;
	float: left;	
	position: relative;
}

/* Accessibility tweaks */

.screen-reader-only {
	position: absolute;
	opacity: 0.01;
}

/* Responsive */

@media (max-width: 449px) {
	
	
	/* Common: extra small */
	
	.topic-read-more, .video-watch, .infographic-view {
		background-color: transparent !important;	
	}
	
	.video-watch {
		background-position: right bottom 0.6em;
	}
	
	/* Topic A: extra small screens */
	
	.TOPIC-A .thumb-image-container-large, .TOPIC-A .thumb-image-container-small {
		display: none;	
	}
	
	.TOPIC-A .thumb-image-container-large {
		display: block;	
		min-height: 8em;
	}

	.TOPIC-A .topic-title, .TOPIC-A .topic-description {
		padding: 0.3em 0.6em 0;	
		margin:0.2em 0;
	}

	.TOPIC-A .topic-description {
		padding-bottom: 0.6em;
	}	
	
	.TOPIC-A .topic-category {
		float: left;	
	}
	
	/* Topic B: extra small screens */
	
	.TOPIC-B {
		width: 100%;
		margin-right: 0;	
	}
	
	.TOPIC-B .thumb-image-container-medium {
		display: none;	
	}

	.TOPIC-B .topic-title {
		padding: 0.3em 0.6em 0;	
		margin:0.2em 0;
	}
	
	.TOPIC-B .thumb-bottom-strip {
		background: none !important;	
	}
	
	
	/* Topic C: extra small screens */
	
	.TOPIC-C {
		width: 100%;
		margin-right: 0;	
	}
	
	.TOPIC-C .thumb-image-container-medium {
		display: none;	
	}
	
	.TOPIC-C .topic-category {
		float: left;
	}

	.TOPIC-C .topic-title {
		padding: 0.3em 0.6em 0;	
		margin: 0.2em 0;
	}
	
	.TOPIC-C .thumb-bottom-strip {
		background: none !important;
	}
	
	
	/* Video A: extra small screens */
	
	.VIDEO-A {
		width: 100%;
		margin-right: 0;	
	}
	
	.VIDEO-A .thumb-image-container {
		display: none;	
	}

	.VIDEO-A .video-title {
		padding: 0.3em 0.6em 0;	
		margin: 0.2em 0;
	}
	
	.VIDEO-A .video-watch {
		position: absolute;
		right: 0.6em;
		bottom: 0;
		padding: 0.4em 0;
		padding-right: 2.2em;
	}
	
	
	
	.VIDEO-A .thumb-bottom-strip {
		background-color: transparent;
	}
	
	
	/* Infographic A: extra small screens */
	
	.INFOGRAPHIC-A {
		width: 100%;
		margin-right: 0;	
	}
	
	.INFOGRAPHIC-A .thumb-image-container {
		display: block;	
	}
	
	.INFOGRAPHIC-A .thumb-text-container, .INFOGRAPHIC-A .thumb-bottom-strip, .INFOGRAPHIC-A .bottom-strip-colour, .INFOGRAPHIC-A .thumb-title {
		display: none;	
	}
	
	.INFOGRAPHIC-A .inner-div-bg {
		background: transparent !important;	
		opacity: 1;
	}
	
}



@media (min-width: 450px) {
	
	/* Topic A: small screens */
	
	.TOPIC-A .thumb-image-container-small {
		display: block;	
	}
	.TOPIC-A .thumb-image-container-large, .TOPIC-A .thumb-image-container-medium {
		display: none;	
	}
	
	.TOPIC-A .inner-div-bg {
		display: none;	
	}
	
	.TOPIC-A .topic-tags {
		display: block;	
	}
	
	.TOPIC-A {
		width: 100%;
		margin-right: 0%;		
	}
	
	.TOPIC-A .topic-read-more {
		position: absolute;
		bottom: 0;
		right: 0.6em; /* Match padding of .thumb-bottom-strip */
		padding-bottom: 0.4em;
	}
	
	.TOPIC-A .thumb-image-container-small {
		float: left;
		height: 9em;
		width: 35%;
		margin-right: 0.6em; /* Match padding of .thumb-text-container */
	}
	
	.TOPIC-A .thumb-text-container {
		padding: 0 0.6em 0.5em;
	}
	
	.TOPIC-A .topic-title {
		margin: 0;	
		padding: 0.4em 0 0.1em 0;
		line-height: 1.2em;
		font-size: 1em;
	}
	
	.TOPIC-A .topic-description {
		margin:0.2em 0 0 0;	
		line-height: 1.2em;
	}
	
	.TOPIC-A .topic-category .long-category {
		display: block;
	}
	
	.TOPIC-A .topic-category .short-category {
		display: none;
	}
	
	
	/* Topic B: small screens */
	
	.TOPIC-B .thumb-image-container-medium {
		display: block;	
	}
	
	.TOPIC-B .inner-div-bg {
		display: none;	
	}
		
	.TOPIC-B .thumb-image-container-medium {
		width: 50%;
		height: 6.5em;
		z-index: 1;
		position: relative;
	}
	
	.TOPIC-B {
		width: 100%;
		margin-right: 0%;		
	}
	
	.TOPIC-B .thumb-bottom-strip {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 0;
	}
	
	.TOPIC-B .topic-read-more {
		position: relative;
	}
	
	.TOPIC-B .topic-category {
		display: block;
		left: 35%;
		padding-left: 0.5em;
	}
	
	.TOPIC-B .thumb-image-container-medium {
		float: left;
		width: 35%;
		margin-right: 0.6em; /* Match padding of .thumb-text-container */
	}
	
	.TOPIC-B .thumb-text-container {
		min-height: 5.4em;	
		padding: 0 0.6em;
	}
	
	.TOPIC-B .topic-title {
		margin: 0;	
		padding: 0.4em 0 0 0;
		line-height: 1.2em;
		font-size: 1.05em;
	}

	
	/* Topic C: small screens */
	
	.TOPIC-C .thumb-image-container-medium {
		display: block;	
	}
	
	.TOPIC-C .inner-div-bg {
		background: transparent !important;	
		opacity: 1;
	}
		
	.TOPIC-C .thumb-image-container-medium {
		width: 50%;
		height: 6.5em;
		z-index: 1;
		position: relative;
	}
	
	.TOPIC-C {
		width: 100%;
		margin-right: 0%;		
	}
	
	.TOPIC-C .thumb-bottom-strip {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 0;
	}
	
	.TOPIC-C .topic-read-more {
		position: relative;
	}
	
	.TOPIC-C .topic-category {
		display: block;
		left: 35%;
		padding-left: 0.6em;
	}
	
	.TOPIC-C .thumb-image-container-medium {
		float: left;
		width: 35%;
		margin-right: 0.6em; /* Match padding of .thumb-text-container */
	}
	
	.TOPIC-C .thumb-text-container {
		min-height: 7em;	
		padding: 0 0.6em;
	}
	
	.TOPIC-C .topic-title {
		margin: 0;	
		padding: 0.4em 0 0 0;
		line-height: 1.2em;
		font-size: 1.05em;
	}
	
	
	
	/* Video A: small screens */
	
	.VIDEO-A .thumb-image-container {
		display: block;	
	}
	
	.VIDEO-A .inner-div-bg {
		background: transparent !important;	
		opacity: 1;
	}
		
	.VIDEO-A .thumb-image-container {
		height: 6.5em;
		z-index: 1;
		position: relative;
		float: left;
		width: 35%;
		margin-right: 0.6em; /* Match padding of .thumb-text-container */
	}
	
	.VIDEO-A {
		width: 100%;
		margin-right: 0%;		
	}
	
	.VIDEO-A .thumb-bottom-strip {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 0;
		padding-left: 35%; /* Match width of .thumb-image-container */
	}
	
	.VIDEO-A .video-watch {
		position: relative;
		padding: 0.4em 0;
		bottom: 0;
		padding-right: 2.2em;
	}
	
	.VIDEO-A .video-time {
		padding-left: 1.7em;
		margin-left: 0.7em;	
		position: absolute;
		bottom: 0;
	}

	.VIDEO-A .thumb-text-container {
		height: 6.5em;	
		padding: 0 0.6em;
	}
	
	.VIDEO-A .video-title {
		margin: 0;	
		padding: 0.4em 0 0 0;
		line-height: 1.2em;
		font-size: 1.05em;
	}
	
	
	/* Infographic A: small screens */
	
	.INFOGRAPHIC-A .thumb-text-container {
		display: block;	
	}
	
	.INFOGRAPHIC-A img.spacer {
		float: left;
	}
	
	.INFOGRAPHIC-A .inner-div-bg {
		background: transparent !important;	
		opacity: 1;
	}
		
	.INFOGRAPHIC-A .thumb-image-container {
		z-index: 1;
		position: relative;
		float: left;
		margin-right: 0.6em; /* Match padding of .thumb-text-container */
		border-right: 1px solid #cdcdcd;
	}
	
	.INFOGRAPHIC-A {
		width: 100%;
		margin-right: 0%;		
	}
	
	.INFOGRAPHIC-A .thumb-bottom-strip {
		bottom: 0;
		z-index: 0;
		font-size: 0.85em;
	}
	
	.INFOGRAPHIC-A .infographic-view {
		position: absolute;
		padding: 0 2.1em 0.4em 0;
		bottom: 0;
		right: 0;
		margin-right: 0.5em;
	}
	
	.INFOGRAPHIC-A .infographic-thumb-icon {
		position: absolute;
		bottom: 0.35em;
		padding-left: 0;
		height: 1.8em;
		width: 2em;
		margin-left: 0;
	}
	
	.INFOGRAPHIC-A .infographic-thumb-icon span {
		display: none;	
	}

	.INFOGRAPHIC-A .thumb-text-container {
		padding: 0;
		overflow: hidden;
	}
	
	.INFOGRAPHIC-A .infographic-title {
		margin: 0;	
		padding: 0.4em 0 0 0;
		line-height: 1.2em;
		font-size: 1em;
		position: absolute;
	}
	
	.INFOGRAPHIC-A .thumb-image-container img, .INFOGRAPHIC-A img.spacer {
		max-height: 5em;
	}

}



@media (min-width: 570px) {
	
	/* Extra break point between x-small and small */
	.INFOGRAPHIC-A .thumb-image-container img, .INFOGRAPHIC-A img.spacer {
		max-height: 7.5em;
	}
	
	.TOPIC-A .topic-title {
		font-size: 1.2em;	
	}

}


@media (min-width: 990px) {
	
	/* Topic A: medium screens */
	
	.TOPIC-A .thumb-image-container-medium {
		display: block;	
	}
	
	.TOPIC-A .thumb-image-container-large, .TOPIC-A .thumb-image-container-small {
		display: none;	
	}
	
	.TOPIC-A {
		width: 49%;
		margin-right: 2%;
	}
	
	.TOPIC-A:nth-child(2n) {
		margin-right: 0%;	
	}
	
	.TOPIC-A:nth-child(2n+1) {
		clear: left;	
	}
	
	.TOPIC-A .thumb-image-container-medium {
		float: left;
		height: 9em;
		width: 35%;
		margin-right: 10px; /* Match padding of .thumb-text-container */
	}
	
	
	
	/* Topic B: medium screens */

	.TOPIC-B {
		width: 32%;
		margin-right: 2%;
	}
	
	.TOPIC-B:nth-child(3n) {
		margin-right: 0%;	
	}
	
	.TOPIC-B:nth-child(3n+1) {
		clear: left;	
	}
	
	.TOPIC-B .thumb-image-container-medium {
		width: 100%;
		min-height: 10em;
		margin-right: 0;
		float: none;
	}
	
	.TOPIC-B .thumb-text-container {
		height: 6.5em;
	}
	
	.TOPIC-B .topic-category {
		left: 0;
		margin-left: 0;	
		padding-left: 0;
	}
	
	
	/* Topic C: medium screens */
	
	.TOPIC-C {
		width: 32%;
		margin-right: 2%;
	}
	
	.TOPIC-C:nth-child(3n) {
		margin-right: 0%;	
	}
	
	.TOPIC-C:nth-child(3n+1) {
		clear: left;	
	}
	
	.TOPIC-C .thumb-image-container-medium {
		width: 100%;
		min-height: 5em;
		margin-right: 0;
		float: none;
	}
	
	.TOPIC-C .thumb-text-container {
		min-height: 7.4em;
	}
	
	.TOPIC-C .topic-category {
		left: 0;
		margin-left: 0;	
		padding-left: 0;
	}
	
	
	/* Video A: medium screens */
	
	.VIDEO-A {
		width: 32%;
		margin-right: 2%;
	}
	
	.VIDEO-A:nth-child(3n) {
		margin-right: 0%;	
	}
	
	.VIDEO-A:nth-child(3n+1) {
		clear: left;	
	}
	
	.VIDEO-A .thumb-image-container {
		width: 100%;
		min-height: 5em;
		margin-right: 0;
		float: none;
	}
	
	.VIDEO-A .thumb-bottom-strip {
		padding-left: 0;	
	}
	
	.VIDEO-A .thumb-text-container {
		height: 6.5em;
	}
	
	
	/* Infographic A: medium screens */
	
	.INFOGRAPHIC-A {
		width: 49%;
		margin-right: 2%;
		float: left;	
	}

	.INFOGRAPHIC-A:nth-child(2n) {
		margin-right: 0%;	
	}
	
	.INFOGRAPHIC-A:nth-child(2n+1) {
		clear: left;	
	}
	
	.INFOGRAPHIC-A .thumb-image-container {
		width: 100%;
		float: none;	
		border-right: none;
	}
	
	.INFOGRAPHIC-A .thumb-text-container {
		float: none;	
		padding: 0 0.6em 3.3em;
		border-top: 1px solid #cdcdcd;
	}
	
	.INFOGRAPHIC-A img.spacer {
		display: none;	
	}
	
	.INFOGRAPHIC-A .thumb-image-container img {
		max-height: none;	
		width: 100%;
	}
	
	.INFOGRAPHIC-A .infographic-title, .INFOGRAPHIC-A .infographic-thumb-icon, .INFOGRAPHIC-A .infographic-view {
		position: relative;	
	}
	
	.INFOGRAPHIC-A .infographic-thumb-icon {
		position: absolute;	
		bottom: 0.5em;
		left: 0.5em;
		padding-left: 1.8em;
	}
	
	.INFOGRAPHIC-A .infographic-view {
		position: absolute;	
		bottom: 0;
		right: 0;
		padding: 0.4em 2em 0.4em 0;
		margin-right: 0.5em;
	}
	
	.INFOGRAPHIC-A .infographic-thumb-icon span {
		display: inline-block;	
	}
	
	.INFOGRAPHIC-A h3.infographic-title {
		padding-top: 0.6em;	
	}
	
	
}


@media (min-width: 1208px) {

	/* Topic A: large screens */
	
	.TOPIC-A .thumb-image-container-large {
		display: block;	
	}
	.TOPIC-A .thumb-image-container-medium, .TOPIC-A .thumb-image-container-small {
		display: none;	
	}
	
	.TOPIC-A {
		width: 49%;
		margin-right: 2%;
	}
	
	.TOPIC-A:nth-child(2n) {
		margin-right: 0%;	
	}
	
	.TOPIC-A:nth-child(2n+1) {
		clear: left;	
	}
	
	.TOPIC-A .thumb-image-container-large {
		width: 100%;
		min-height: 12em;
	}
	
	.TOPIC-A .thumb-text-container {
		min-height: 8.5em;	
		padding: 0.6em;
		font-size: 0.9em;
	}
	
	.TOPIC-A .topic-title {
		margin: 0;	
		font-size: 1.35em;
		line-height: 1.2em;
		padding-top: 0;
	}
	
	.TOPIC-A .topic-description {
		margin: 0.4em 0;	
	}
	
	.TOPIC-A .topic-read-more {
		position: absolute;
		bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0.4em;
		right: 0.6em; /* Match padding of .thumb-bottom-strip */
		padding-right: 2.2em;
	}
	
	
	/* Topic B: large screens */

	.TOPIC-B {
		width: 32%;
		margin-right: 2%;
	}
	
	.TOPIC-B:nth-child(3n) {
		margin-right: 0%;	
	}
	
	.TOPIC-B:nth-child(3n+1) {
		clear: left;	
	}
	
	.TOPIC-B .thumb-image-container-medium {
		height: 160px;
	}
	
	.TOPIC-B .thumb-text-container {
		height: 6.5em;
	}
	
	.TOPIC-B .topic-read-more {
		position: absolute;
		bottom: 0.2em;
		right: 0.6em;
	}
	
	.TOPIC-B .topic-title {
		font-size: 1.2em;
		line-height: 1.2em;	
		margin-top: 0.2em;
	}
	
	/* Topic C: large screens */

	.TOPIC-C {
		width: 32%;
		margin-right: 2%;
	}
	
	.TOPIC-C:nth-child(3n) {
		margin-right: 0%;	
	}
	
	.TOPIC-C:nth-child(3n+1) {
		clear: left;	
	}
	
	.TOPIC-C .thumb-image-container-medium {
		height: 10em;
	}
	
	.TOPIC-C .topic-category {
		display: block;	
	}

	.TOPIC-C .thumb-text-container {
		height: 6.5em;
	}
	
	.TOPIC-C .topic-read-more {
		position: absolute;
		bottom: 0.2em;
		right: 0.6em;	
	}
	
	.TOPIC-C .topic-title {
		font-size: 1.2em;
		line-height: 1.2em;	
		margin-top: 0.2em;
	}
	
	
	/* Video A: large screens */

	.VIDEO-A {
		width: 32%;
		margin-right: 2%;
	}
	
	.VIDEO-A:nth-child(3n) {
		margin-right: 0%;	
	}
	
	.VIDEO-A:nth-child(3n+1) {
		clear: left;	
	}
	
	.VIDEO-A .thumb-image-container {
		height: 10em;
	}
	
	.VIDEO-A .topic-category {
		display: block;	
	}
	
	.VIDEO-A .thumb-text-container {
		height: 6.5em;
	}
	
	.VIDEO-A .topic-read-more {
		position: absolute;
		bottom: 0.2em;
		right: 0.6em;	
	}
	
	.VIDEO-A .video-title {
		font-size: 1.2em;
		line-height: 1.2em;	
		margin-top: 0.2em;
	}


}



/************************************************************ ABOVE: New style for thumbnails: responsive, independent of JavaScript, etc. ********************/


.view-category {
    background: #f6f5f5;
}