/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Thu, 02 Oct 2025 20:00:16 -0700 and its name will change */

test {
  test;
}

/*---------------------------------------------*/
/* Stylesheet: Defaults*/

* {margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box;}
html {height: 101%;}
a img {border: none; outline: none;}
img {border: none; outline: none;}
.clear {clear:both; display:block; height:0;}

/*--------------- reset browser defaults--------------- */
.main-home { color: #000; font-family: 'Cabin', sans-serif; font-size: 15px; padding: 0 ; 
           background: white;  -webkit-font-smoothing: antialiased;}
.main-home a { color: #3D3F7C; text-decoration: none; }
.main-home a:hover { color:  #E76825;/*text-decoration: underline; */}

.main-home h1   { font-size: 2.5em; color: #000; font-family: 'Cabin', sans-serif !important; font-weight: bold; margin-bottom: 10px; }

.main-home h2 { font-size: 1.8em; color: #000; font-family: 'Cabin', sans-serif; margin-bottom: 10px; font-weight: bold;text-transform: none;}
.main-home h2.big { font-size: 2.5em; font-weight: normal;}
.main-home h2 a { color: inherit; text-decoration: none !important; }
.main-home h3 { font-size: 1.2em; color: #000; font-family: 'Cabin', sans-serif; font-weight: bold; margin-bottom: 10px; }
.main-home h3 a { color: inherit; text-decoration: none !important; }
.main-home h3.alt { font-size: .9em !important; font-family: 'Cabin', sans-serif !important; color: #4c92ce; font-weight: bold;margin-bottom: 10px; text-transform: none;}
.main-home h4 { font-size: 1.1em; color: #000; font-family: 'Cabin', sans-serif; font-weight: bold;margin-top: 0; margin-bottom: 10px; }
.main-home h4 a { color: inherit; text-decoration: none !important; }
.main-home h5 { font-size: 1em; color: #000; font-family: @main-h5-fontfamily@; font-weight: bold;margin-top: 0; margin-bottom: 10px; font-style: italic; }
.main-home h5 a { color: inherit; text-decoration: none !important; }
.main-home h6 { font-size: .9em; color: #000; font-family: @main-h6-fontfamily@; font-weight: normal;margin-top: 0; margin-bottom: 10px; }
.main-home h6 a { color: inherit; text-decoration: none !important; }

.main-home p, .main-home ul, .main-home ol { line-height: 1.3em;  margin-bottom: 15px;}
.main-home table { font-size: inherit;  margin-bottom: 5px;}
.main-home ol, .main-home ul  {margin-left: 0; }
.main-home li {margin-left: 20px; }

.margincenter { margin-left: auto; margin-right: auto;}

/* ------ color classes ---------*/
.dark { color: #0e4d8e !important; }
.red { color: #eb2035 !important; }
.serif { font-family: 'Cabin', sans-serif !important; }
.sans { font-family: 'Cabin', sans-serif !important; }
.larger { font-size: 1.5em;}
.double { font-size: 2em;}
.date { font-family: 'Cabin', sans-serif; font-size: .8em; margin-bottom: 10px; color: #4d4d4d; }
small { font-size: .8em;}
 .margin-bottom { 15px; }

  /*read more button */
/*.readmore  {display: inline-block; background: #91ba8a; color: #fff !important; padding: 10px 10px; text-transform: uppercase; font-size: .8em; line-height: 1em;}*/
.readmore {display: inline-block; text-transform: uppercase;color: #fff;font-family: 'Cabin', sans-serif; font-size: .9em; text-decoration: none !important; font-weight: bold !important;}
 .readmore::first-letter {text-transform: uppercase ;  } /* first letter requires inline-block on element */ 
.readmore-small {display: inline-block;text-transform: lowercase;color: #fff ;font-family: 'Cabin', sans-serif; font-size: .7em; text-decoration: none !important; font-weight: normal !important;}
  .readmore-small::first-letter {text-transform: uppercase ; }/* first letter requires inline-block on element */
.readmore a {  text-decoration: none !important; font-weight: normal !important;}
 .readmore a:hover,.readmore:hover { color: #E76825 !important;text-decoration: none !important; }
/*.readmore:hover, .readmore-small:hover {background-color: #85ab7f;}*/
::-webkit-input-placeholder,:-moz-placeholder , ::-moz-placeholder, :-ms-input-placeholder {  color: #f7f7f7 !important; font-family: 'Cabin', sans-serif; font-size: .7em; text-align: left; }

.error-box { color: Red; background-color: #fee; padding: 10px 20px; border-radius: 5px;  margin-bottom: 15px;}
.success-box { color: Green; background-color: #efe; padding: 10px 20px; border-radius: 4px;  margin-bottom: 15px;}

 .arrow-right-white { background: url(/pub/photo/icon_arrow_right_white.png) no-repeat center right; padding-right: 10px;}
 .arrow-right { background: url(/pub/photo/icon_arrow_right.png) no-repeat center right; padding-right: 10px;}
 .arrow-right-large { background: url(/pub/photo/icon_arrow_right_large.png) no-repeat center right; padding-right: 25px;}
 .arrow-left-white { background: url(/pub/photo/icon_arrow_left_white.png) no-repeat center left; padding-left: 10px;}
 .arrow-left { background: url(/pub/photo/icon_arrow_left.png) no-repeat center left; padding-left: 10px;}
 .arrow-left-large { background: url(/pub/photo/icon_arrow_left_large.png) no-repeat center left; padding-left: 25px;}
 
 .nomargin-horizontal { margin-left: 0 !important; margin-right: 0 !important;}
 .nomargin-vertical { margin-top: 0 !important; margin-bottom: 0 !important;}
 .nomargin { margin: 0 !important;}
 .margin-bottom { margin-bottom: 15px;}
 .nopadding { padding: 0 !important;}
 

/*---------------------------------------------*/
/* Stylesheet: Layout*/

.main-home  { }
.main-home       .template {  margin: 0 auto; }

.x-block { position: relative; width: 100%; padding: 0;}
.x-block > .x-cell { margin: 0 auto; width: 960px; }
.x-block > .x-cell-container { margin: 0 auto; width: 960px; }
.x-clear { clear: both; }
.x-cell > .inner {  padding: 30px 0; }
.x-cell-container  > .inner { padding:  25px 0; }
/* see themes.css for custom bg classes and for x-slice and x-slice-inner */

.col-left { float: left !important; }
.col-right { float: right !important; }

/*--------- generic templating --------- */
.master-col-left { float: left; margin-right: 20px;}
.master-col-right { float: right; }
.layout-col-left { float: left; margin-right: 20px;}
.layout-col-right { float: right; }

.col-double { width: 640px; }
.col-single { width: 300px; }

/* ------------- slices ----------------------*/
.bg-top-header p { margin-bottom: 0px; }
.bg-top-header { position: fixed; z-index: 100; }
  .bg-top-header .x-cell {position: relative;  height: 25px; }
  .bg-top-header + .x-clear { height: 25px; } /* = x-clear DIRECTLY following .bg-header: because the top two are fixed. We need the "x-clear" element after the block to adjust for padding */

.bg-ads {margin-top: 10px;}
.bg-ads .cms-ad { display: inline-block;}
.bg-header  {}
.bg-menu {} /* not used */
.bg-map { background: url('/pub/photo/map-bg850.jpg') top left no-repeat; background-size: cover; }
.bg-slideshow { overflow: hidden; background: #62b0fa; color: white; }
 .bg-slideshow .x-cell { width: 100%; margin: 0 auto; /* use default */ }
.bg-light { background-color: #ebf0f1; background-image: radial-gradient(circle, #f7f7f7, #ebf0f1); }
.bg-green {background-color: #337743; padding: 10px 20px; margin-bottom: 10px;}
.bg-green h2 {color: #fff; margin: 0;}
.bg-clear { background:  white;  margin-bottom: 15px;}
.bg-footer { background: #fff;  }
.bg-full {  }
.bg-full .x-cell { width: 100% !important;}
.bg-nopad  { padding-bottom: 0 !important;}

/* see Theme.css for theme specific slices */
  
/* ----- top strip header -----*/
#top-text { color: #ebf0f1 !important; text-align: right; font-weight: 700; font-size: .8em; }
#top-text a{ color: #b1b2b3 !important; } 

.bg-mesh { background: url(/pub/photo/bg-mesh-pink.png); padding: 20px; }

.bg-ads a:first-child img {REMmargin-right: 16px;}

/* ----- main header ---- */
.bg-header {  }
.bg-header .x-cell { position: relative !important; height: 160px;}

.bg-header #toplogo { position: absolute; top: 10px; left: 0; width: 480px; }
.bg-header #toptext { position: absolute; right: 0px; top: 10px; }
.bg-header #toptagline { position: absolute; left: 0px; top: 113px; font-size: .6em !important; }

.bg-header #topsearch { position: absolute; top: 73px; right: 0px; font-size: .8em; width: }
 .bg-header #topsearch input[type=textbox] { position: absolute; right: 69px !important; width: 200px; height: 36px; }
 .bg-header #topsearch input:focus {outline: 0}
 .bg-header #topsearch button { position: absolute; right: 0px; top: 0px; border: none;  width: 69px; height: 36px; margin: 0;
     background:  url(/pub/photo/icon-search.png) no-repeat top center !important; background-size: cover; cursor: pointer; }
 .bg-header #topsearch button:hover {background-position: 0 -13px; }
.bg-header #topmenu { position: absolute; bottom: 0px; left: 0px;  }


/*---------- home -------------*/
 

/* Lead Story Slider */

.home-lead-stories { position: relative; width: 100%; height: 400px; margin-bottom: 15px; }

.home-lead-story { position: relative; width: calc(100% - 300px); z-index: 2;  }
.home-lead-image.active { z-index: 3; }
.home-lead-image { position: absolute; height: 400px; margin: 0 auto; overflow: hidden; background: white;  border-right: solid 2px #000;}
.home-lead-image img { height: 100%; overflow: hidden; }
.home-lead-caption { position: absolute; background: rgba(216,147,35,0.6); padding: 10px; color: white; bottom: 0; left: 0; right: 0;}
.home-lead-caption h2 { margin: 0; }
.home-lead-caption h2 a { color: white; }


.home-lead-story-thumb { position: relative; overflow: hidden; width: 328px;  color: #000 !important;
						float: right; clear: right; display: block; height:98.5px; margin-bottom: 2px; 
						margin-right: -300px; border-bottom: 1px solid #333; -webkit-transition: -webkit-transform 0.2s; padding: 5px 12px;
						transition: transform 0.2s;  background: #EFD488; border-top-right-radius: 50px; border-bottom-right-radius: 50px; 
}
.home-lead-story-thumb.active { background: #D89323; }

.home-lead-story-thumb h2 {
  z-index: 2; text-decoration: none; display: block; color: #000; font-size: 1.6em;
}

.nomargin-left { margin-left: 0px !important;} 
.home-box-container { margin-bottom: 15px; }

.home-box { height: 100%; border-left: solid 3px #000; border-bottom: solid 3px #000;  padding-bottom: 10px; margin-bottom: 15px !important;   }
.home-box-container > .home-box:first-child { margin-left: 0px !important; }
.home-box-content { padding-left: 10px;   }
.featured-box { min-height: 354px; }
#template-input-MArticleCategoryPostBrowser0 .featured-box:first-child { margin-left: 0px; }
.featured-box img { max-height: 320px; }
.featured-box h2 {  padding-left: 10px;
  margin-bottom: 0px }

.blog-post { padding-left: 10px; margin-bottom: 20px !important;}
.dark-title { background: #000; color: #fff !important; width: 100%; padding-left: 10px; margin-bottom: 10px !important; font-size: 1.3em !important; padding: 5px 0px 4px 10px; font-weight: normal !important;}

.flex-container { }
.flex-top { width: 100%; }
.flex-bottom { }

.sidebar-item { margin-bottom: 15px !important; }


.ui-photo-list-container { overflow: hidden; padding: 25px 25px; position: relative;}
@media screen and (max-width:641px) {
	.ui-photo-list-container { padding: 0; }
}
.ui-photo-list-container .ui-photo-list { display: table; border-collapse: separate; /*border-spacing: 20px;*/position: relative;}
.ui-photo-list-container .ui-photo-list-item { display: table-cell;  position: relative;}
.ui-photo-list-container .ui-photo-list-item img { height: 150px; width: auto;}

.nopadding { padding: 0px !important; } 
.nopadding-bottom { padding-bottom: 0px !important; } 

.photo-center {height: 350px; display: flex; align-items: center;}

.quote-container { width:80%; margin-left: auto; margin-right: auto;  font-style: italic; }
.quote-container p:before { content: "\201C"; }
.quote-container p:after { content: "\201D"; }

.margin-center { margin-left: auto; margin-right: auto; } 
.no-margin { margin: 0px !important;}


/* article */
.article-summary-lead-in { font-size: 1.2em; text-align: center; }
.article-feature-box { background: #f7f7f7; margin-bottom: 15px;  }
.article-slideshow { position: relative; max-width: 940px; margin-left: auto; margin-right: auto; /*padding-top: 30px;*/  }
.article-slideshow h1{ position: absolute; top: 225px; background: #fff; padding: 10px; font-weight: bold;}
.feature-body { padding: 25px; }
.feature-body h3{ font-weight: bold; }
.feature-header { height: 100px;  color: #fff !important; }
.feature-header h2{ color: #fff !important; margin-left: 100px; font-size: 1.7em; font-weight: bold; }

.flex-center { }

.article-summary-box p {margin: 0;}

/* testimonials */
.testimonial-container { align-self: center; }
.testimonial { font-size: 1.2em !important; }
.testimonial-signature { font-size: 1.3em !important; font-weight: bold;}

.home-section {  }
.home-section-img {  }
.home-section-text {  }


.home-slice-light .testimonial { color: #62b0fa; font-weight: 400; }
.home-slice-light .testimonial::before {  content:open-quote; color: #0e4d8e; font-size: 1.5em; padding-right: 5px;}
.home-slice-light .testimonial::after {  content: close-quote; color: #0e4d8e; font-size: 1.5em; padding-left: 5px;}

.home-slice-dark .testimonial { color: #62b0fa; font-weight: 400;}
.home-slice-dark .testimonial::before {  content: open-quote; color: white; font-size: 1.5em; padding-right: 5px; }
.home-slice-dark .testimonial::after {  content: close-quote; color: white; font-size: 1.5em; padding-left: 5px;}


.quote-text a:hover {color: #62b0fa;}
.quote-text p {margin: 0;}
.quote-kick a:hover {color: #62b0fa;}
.quote-kick a { font-size: .8em; }

.bg-map-content { max-width: 700px; }
/* try boxes */
.try-box { width: calc(100%/3 - 2px); float: left; text-align: center; }
.try-box img { display: block; }
@media screen and (max-width:768px) {
        .try-box { width: calc(100%/2 - 2px) !important; }
        .try-box img { max-width: 300px; }
}


/*-------------- 404 page ----------------*/

#search404 { position: relative; background: #f7f7f7; margin-bottom: 15px;}
 #search404 input { width: 100% !important; border:none; padding: 10px 20px ; font-family: 'Cabin', sans-serif; background: #f7f7f7;}
 #search404 input:focus {outline: 0}
 #search404 button { position: absolute; right: 0px; top: 0px; border: none; width:36px; height: 36px; background: #ebf0f1 url(/pub/photo/icon_search.png) no-repeat center center; cursor: pointer; }
/* #search404 button:hover {background-position: 0 -13px; }  */

/*-------------- inner pages --------------*/
.col-side { font-size: .8em;}



.inner-slideshow-container {position: relative;}
 .inner-slideshow-img {position: relative; z-index: 1; width: 100%; height: auto; min-height: 150px;}
 .inner-slideshow-img > img {width: 100%; height: auto; min-height: 150px;min-width: 1920px;} /* when there's only one photo */
 .inner-slideshow-copy {position: absolute; bottom: 40px; width: 100%; z-index: 2; }
   .inner-slideshow-inner {  max-width: 960px; margin: 0 auto; text-align: left; color: white; text-shadow: 0px 0px 4px rgba(0,0,0,.2);}
   .inner-slideshow-inner p { margin: 0; margin-left: 20px; padding: 0; line-height: 1; color: white; text-shadow: 0px 0px 4px rgba(0,0,0,.2); font-size: 3em; }
   .inner-slideshow-inner h1 { margin: 0; margin-left: 20px; padding: 0; line-height: 1; color: white; text-shadow: 0px 0px 4px rgba(0,0,0,.2); font-size: 3em;}

.inside-banner { padding: 10px; }   
.inside-banner h1 { font-size: 3em !important; margin-top: 50px; }  
.inside-banner img { margin-top: 20px !important; } 

.list-container {border: 5px solid #D6DCDF; padding: 20px; max-width: 100%;}

.sidebar-top .btn-img {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.sidebar-top img {float: left; position: relative; right: 36px; bottom: 10px;}
.sidebar-top p {padding: 20px 60px !important;}
.sidebar-container {background-color: #EBF0F1;}
.sidebar-button a {padding: 10px 35px; display: block;}
.sidebar-content {background-color: #EBF0F1; padding: 10px;}
.sidebar-button p {padding: 0;}
.sidebar-bottom p {font-size: 1.25em;}

/* contact */
 .contact-intro .contact-title { color: #0e4d8e; font-size: 1.1em; font-family: 'Cabin', sans-serif; }
 .contact-intro p { color: @color-primary-1-dark2@; font-family: 'Cabin', sans-serif; font-size: 1em;}

 /* blog */
 .sidebar { padding: 0 20px; font-size: .9em;}
 .blog-container {}
 .blog-post .blog-author{ color: #ff6c12; }
 .blog-post .blog-date {}
 .blog-post .blog-comment-count { color: #ff6c12;}
 .blog-post .blog-subheader { color:#ebf0f1; }
 .blog-post h2 { color: #0e4d8e;}
/* .blog-post p { color: @color-primary-1-dark2@; /*font-family: 'Cabin', sans-serif;*/ }
 .blog-post a { color: #ff6c12;}

 .data-discovery { padding: 75px 0px; }
 .data-discovery .x-slice-inner{ background: #fff; }
 .data-discovery .x-slice-inner h2{ color: #9abd3b; }
 

.facebook-lg {display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url(/pub/photo/icon_blog_facebook.gif) no-repeat;}
.twitter-lg {display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url(/pub/photo/icon_blog_twitter.gif) no-repeat;}
.youtube-lg {display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url(/pub/photo/icon_blog_youtube.gif) no-repeat;}
.google-lg {display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url(/pub/photo/icon_blog_google.gif) no-repeat;}
.instagram-lg {display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url(/pub/photo/icon_blog_instagram.gif) no-repeat;}
.linkedin-lg {display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url(/pub/photo/icon_blog_linkedin.gif) no-repeat;}
.pinterest-lg { display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url(/pub/photo/icon_blog_pinterest.gif) no-repeat;}

.blog-post-content {padding-right: 10%;}

.home-bottom-text { text-align: center; font-size: .9em; }

/*---------- splash -------------*/


.main-home.splash-page {overflow: hidden;}
.splash-block {position: static; display: none;}
.splash-page .splash-block {display: block;}
.splash {background: #000; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000000000;}
.splash-table {width: 100%; height: 100%; border-spacing: 0;}
.splash-table td {vertical-align: middle; text-align: center;}
.splash-table td img {width: auto !important;}

/*-------------- bottom footer --------------*/

.bg-yellow .date { margin-bottom: 0 !important; font-size: .6em !important;}


.bg-footer { padding: 20px 0; font-size: .9em; /*background: url('/pub/photo/footer-bg.jpg') top left no-repeat; background-size: cover;*/}
.bg-footer .x-cell { width: 960px; }

.bg-footer p { line-height: 1em; }
.bg-footer a { color: @primary-1-dark@; font-weight: 400;}
.bg-footer h2 { color: @primary-1-darker@ !important; font-size: 1.2em; text-transform: uppercase;}
.bg-footer h2 a {font-weight: 700;}
.bg-footer h3 { color: @primary-1-darker@ !important; font-size: 1.2em;text-transform: uppercase;}

.bg-footer .tagline {text-align: center; font-style: italic; font-size: 1.4em;}
.bg-footer .tagline h2 {text-transform: none !important; color: #000 !important;}

/*.bg-footer .button-cta { background-color: #404040; color: #d97b5e !important; font-weight: bold;}
.bg-footer .button-cta:hover { background-color: #595959; }*/
/*.bg-footer .button-cta { padding: 5px 10px !important; font-size: .7em !important; letter-spacing: .2em; font-weight: normal;}*/

.hover-fade { opacity: .5; }
.hover-fade:hover { opacity: 1; }
.bg-footer .facebook {display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(/pub/photo/footer_icon_facebook.png) no-repeat;}
.bg-footer .facebook:hover { background-position: 0 -18px; }
.bg-footer .google {display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(/pub/photo/footer_icon_google.png) no-repeat;}
.bg-footer .google:hover { background-position: 0 -18px;}
.bg-footer .instagram {display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(/pub/photo/footer_icon_instagram.png) no-repeat;}
.bg-footer .instagram:hover { background-position: 0 -18px;}
.bg-footer .linkedin {display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(/pub/photo/footer_icon_linkedin.png) no-repeat;}
.bg-footer .linkedin:hover { background-position: 0 -18px;}
.bg-footer .pinterest { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(/pub/photo/footer_icon_pinterest.png) no-repeat;}
.bg-footer .pinterest:hover { background-position: 0 -18px;}
.bg-footer .twitter { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(/pub/photo/footer_icon_twitter.png) no-repeat;}
.bg-footer .twitter:hover { background-position: 0 -18px;}
.bg-footer .youtube { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(/pub/photo/footer_icon_youtube.png) no-repeat;}
.bg-footer .youtube:hover { background-position: 0 -18px;}

#signature { display: none; background-color: none; color: white; margin-bottom: 0; font-size: .8em; margin: 0 auto; color: #FFF; text-align: right; padding: 20px 0; padding-top: 0;}

a.shifted_anchor {
  position: relative;
  top: -85px;
  margin: 0;
  padding: 0;
  float: left;
}
a.shifted_anchor2 {
  position: relative;
  top: -75px;
  margin: 0;
  padding: 0;
  float: left;
}

/*---------------------------------------------*/
/* Stylesheet: Menus*/

/* top menu all pages */   
#topmenu ul { list-style-type: none !important; margin: 0;}
#topmenu li { background: none; margin: 0;}

 #topmenu { font-size: 1.3em; font-family: 'Cabin', sans-serif; margin: 0 !important; /*text-transform: uppercase; font-weight: 700;*/ width: 100%; margin-left: auto; margin-right: auto;}
  #topmenu > li { position: relative; color: #fff;  float: left; line-height: 12px;  display: inline-block; /**/ width: calc(960px / 5 - 2px); }
  #topmenu > li { margin-left: 2px; }
   #topmenu > li:not(.islast)::after { content: " "; color: #3a327c; display: inline-block; margin-left: 50px;} /* add a \ after each menu item */
  #topmenu > li.isfirst { margin-left: 0px; } /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #topmenu > li.ispadding {}
  
  #topmenu > li > a { position: relative; font-style: normal; text-align: center; display: block; background: #000; padding: 15px 30px; }  
  #topmenu > li > a.isfirst { border-left: none; }  
  #topmenu > li > a.islast { } 

   #topmenu a { display: inline-block;color:  #fff; border: solid 0px red;}
   #topmenu a.selected { border-bottom: none;  color: #61b1fa !important; }
   #topmenu a.hover { border-bottom: none; color: #000 !important; background: #fff;   }

  /* following is to fix the table layout for IE < 8 */
	#topmenu {display:inline-block;}
	#topmenu > li {display:inline-block; }
	#topmenu > li > a{ /*height: 48px; line-height:48px; */}
	
	/* menu drop down prep */
	  #topmenu ul {  position: absolute; display: none; 
                       left: 0; margin: 0; padding: 0; 
                       font-family: @submenu-fontfamily@; border: 5px solid #fff !important; }
	  * html #topmenu ul { line-height: 0;} /* IE6 "fix" */
  		#topmenu ul a { display: inline-block; width: 100%;} /* IE6/7 fix */
		#topmenu ul li {  padding: 6px 10px; height: auto; text-align: left; display: block; 
		border-bottom: 0px solid #ebebeb; border-left: none; border-right: none; line-height:1.5em;}
		#topmenu ul li.isfirst { border-top: solid 0px inherit; }
		#topmenu ul li.hover {background-color: #fff; font-weight: bold;}
		#topmenu ul li a.hover { background:none; color: #3a327c !important;}
		#topmenu ul li.selected { color: #000; }
		#topmenu ul a.selected {color: #000; }
		                  
		#topmenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#topmenu ul { width: calc(960px / 5); text-align: left;}
	#topmenu ul ul { left: 161px; } 

	/* menu drop down positioning */
	#topmenu ul > li > a {  }
	  #topmenu ul { top: @dropdown-top@; border: none; }	
	  
	/* drop shadows and central background */
	#topmenu ul { box-shadow: 0 0 0px #777; }
        #topmenu ul { background-color: #3a327c; }

/*---------------------------------------------*/
/* Stylesheet: Forms Buttons*/

.button-frame { display: inline-block; border: solid 1px white; border-radius: 8px; padding: 0px 10px; color: white !important; cursor: pointer; }
.button-frame:hover { background: white; color: #E76825 !important;  }

.button-frame-inverted { display: inline-block; border: solid 1px #0e4d8e; border-radius: 8px; padding: 0px 10px; color: #0e4d8e !important; cursor: pointer; }
.button-frame-inverted:hover { background: #0e4d8e; color: white !important;  }

.button-frame-large-white{ display: inline-block; background: #fff; border-radius: 8px; font-size: 2em; font-weight: normal; padding: 10px 10px; color: #0e4d8e !important; cursor: pointer; }
/*.button-frame-large-white:hover { background: #0e4d8e; color: white !important;  }*/

/* our own styling */
input[type]:not([type=submit]), select, textarea { 
	font-family: 'Cabin', sans-serif !important; Border-radius: 2px; 
	border: solid 1px #ebf0f1; padding: 5px 10px; background: #f7f7f7; width: 100%;
}

input[type=textbox], input[type=text], textarea {box-shadow: 0px 0px 4px #4d4d4d;}

/* ------------- bootstrap conventions ---------------- */
form[role="form"] { }
/* items with .form-control use 100% of their space */
input[type].form-control:not([type=submit]), .form-control select, .form-control textarea { width: 80%;}
input[type=checkbox] {width: 13px !important;}

.input-group {display: block;} /* match the height of all elements inside */

.btn, .button, input[type=submit] {font-size: 1em; padding: 10px 45px; border: none;
	font-family: 'Cabin', sans-serif; font-weight: bold; text-transform: uppercase;
	background: #3a327c; color: white;  }
.btn:hover, .button:hover, input[type=submit]:hover { background:  #4c92ce ; }
.btn-orange-shadow:hover {background: #DB5517 !important;}
.btn-padded { padding: 0 20px !important; }
.btn-block { display: block; width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; vertical-align: middle;}
.btn-lg {font-size: 1.1em !important; padding: 20px 35px !important;}
.btn-sm {font-size: .8em !important; padding: 10px 20px !important;}
.btn-xs {font-size: .7em !important; padding: 5px 10px !important;}
.btn-learn-more {  }
.btn-default {}
.btn-primary {}
.btn-success {}
.btn-info {}
.btn-warning {}
.btn-danger {}
.btn-link { }
.btn-rounded { border-radius: 5px; }
.btn-green { background: #9abd3b; color: #fff !important; width: 60%; display: block; margin-left: auto; margin-right: auto;}
.btn-green:hover { color:  #E76825 !important; border: solid 1px #9abd3b;}
.btn-light { background: #4c92ce !important; color: #fff !important; }
.btn-dark { background: #333c4e !important; color: #fff !important; }
.btn-orange{ background: #f16522 !important; color: #fff !important; display: block; width: 40%; margin-top: 20px;}
.btn-orange-shadow{ background: #f16522 !important; color: #fff !important; display: block; width: 40%; margin-top: 20px; border-bottom: 2px solid #c1511b !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; /*box-shadow: 0 5px 5px -3px #c1511b !important;*/ }
.btn-img { display: block; position: relative; background: #3a327c; text-align: left !important; color: #fff !important; padding: 10px 45px !important; text-decoration: none !important; margin-bottom: 15px; border-bottom: 2px solid #0e4d8e !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.btn-img img {width:33px; height:49px;}
.btn-center { text-align: center !important; margin-left: auto; margin-right: auto;}
.btn-cta { display: block; text-align: center; width: 80%; }
.button-image { position: absolute; top: 5px; left:15px; }
.btn-download { display: block; position: relative; background: #3a327c; text-align: left !important; color: #fff !important; text-decoration: none !important; padding: 10px 20px !important; margin-bottom: 15px; border-bottom: 2px solid #0e4d8e; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 40%;}
.btn-text-center {text-align: center !important;}
.btn-normal-pad {padding: 10px 45px !important;}
.btn-normal {width: 60% !important; max-width: 300px;}

/*--------------- LEGACY -------------------*/
/* system forms */
.ui-form-table { width: 100%; /*margin-left: auto; margin-right: auto;*/ }
.ui-form-cell-input { padding-bottom: 10px; }
.ui-form-cell-input textarea { width: 80%; height: 75px; }
/*
.ui-form-cell-submit input { width: 150px; height:25px; background: url('/pub/photo/arrow_right_white.png')  no-repeat; background-position: right 40px center;   font-family: 'Cabin', sans-serif; font-weight:bold; text-transform: uppercase; Background-color: #e9a83a; Border-radius: 2px; border: .1px solid #000; color: #ffffff;} 
.ui-form-cell-submit input:hover { background-color: #f9c46a !important; } 
*/
/*.ui-form-label { color: #000 !important; font-family : 'Cabin', sans-serif; font-size:16.5px;}*/

/* buttons */

/*---------------------------------------------*/
/* Stylesheet: slideshow*/

.home-slideshow .slideshow { margin-left: auto; margin-right: auto; width: 100% !important;}
.home-slideshow .slideshow > div { }
.home-slideshow .slideshow > div > img {}

/* slideshow pager */
.home-slideshow .slideshow-pager a img { border: solid 2px white; margin-right: 5px; background-color: #fff; margin-left: auto; margin-right: auto;}
.home-slideshow .slideshow-pager a.activeSlide img { border: solid 2px black; background-color: #fff; margin-left: auto; margin-right: auto;}

/* captions */
.photo-list .caption { position: absolute;top: 154px;left: 0;right: 0;color: #fff;text-shadow: 0px 0px 10px rgba(0,0,0,.2);display: block;width: 800px;padding: 5px;font-size: 4.8em;text-align: center;margin: 0 auto 0;font-weight: 300;line-height: 1.44em;}

/* pager */
.custompager { text-align: right; }
.custompager img { display: none; }
.custompager a { display: inline-block; background: #e1e1e1; border-radius: 50%; width: 12px; height:  12px; margin-right: 12px;}
.custompager a.activeSlide { background: #7a7a7a; }

/* images */
.thumb, .ui-photo-list-item {}
.thumb, .ui-photo-list-item { margin-bottom: 10px;}
.thumb img,.ui-photo-list-item img{padding: 5px;}

div[panelType] { position: relative; }
div[panelType] img {/* display: block;*/ }
.bg-slideshow .caption { padding: 5px 10px; color: white; line-height: 18px; background: rgba(0,0,0,.7); position: absolute; bottom: 0; height: 50px;
	margin-left: auto; margin-right: auto; left: 0; right: 0;
	width: 100%; max-width: 960px; font-family: 'Cabin', sans-serif; }
.bg-slideshow .caption { padding: 0 10px !important; background: none !important; }
.bg-slideshow .caption-inner { padding: 5px 15px; background: rgba(0,0,0,.3); width: auto; display: inline-block;}

.article-slideshow .caption{  }

.slideshow-right { float: right; margin-left: 15px; margin-bottom: 15px; max-width: 350px; /*height: auto;*/ }
.slideshow-right img { width: 350px !important; height: auto; }

.article-slideshow  .caption {
  padding-top: 5px;
  font-size: .9em;
  text-align: left;
}
.article-slideshow  .caption-credit {
  display:block;
  font-size: .9em;
  clear: left;
  font-weight: bold;
  font-style: normal;
}

/*---------------------------------------------*/
/* Stylesheet: Styles for Editor AND Website*/

/* home text */

.dash-wrap { display: block; font-family: 'Cabin', sans-serif; letter-spacing: .2em;}
.dash-wrap::before {  display: inline-block;content: "-"; transform:scale(12,1); margin-right: 40px; letter-spacing: 0;}
.dash-wrap::after {  display: inline-block;content: "-"; transform:scale(12,1);margin-left: 40px; letter-spacing: 0;}
/*.ruler { border-bottom: solid 1px #ebf0f1; height: 1px; overflow: hidden; margin-bottom: 20px;}*/
.ruler { background: #0e4d8e; height: 2px; overflow: hidden; margin-bottom: 20px; clear: both;}
.ruler-dark { border-bottom: solid 1px #4d4d4d; height: 1px; overflow: hidden; margin-bottom: 20px;}
.ruler-darker { border-bottom: solid 1px #333c4e; height: 1px; overflow: hidden; margin-bottom: 20px;}

.font-serif { font-family: 'Cabin', sans-serif; }
.font-sans { font-family: 'Cabin', sans-serif; }

.quote-large { font-size: 1.5em; font-weight: bold;line-height: 1.2em !important;}
.quote-large-center { font-size: 1.5em; font-weight: bold; text-align: center; line-height: 1.2em !important;}

/* paragraph styles */
.intro { font-style: italic; color: #4d4d4d; font-size: 1.2em;}
.intro-big-letter { font-style: italic; color: #4d4d4d; font-size: 1.2em;}
.intro-big-letter::first-letter { font-size: 3em; color: white; background: #ebf0f1; display: block; float: left; margin: 10px; margin-left: 0; padding: 20px; font-style: normal; }
.intro-big-letter::after {  content: " "; visibility: hidden; display: block; height: 0; clear: both;} /* clearfix because of big letter */

.paragraph-cta { color: #3a327c; font-weight: bold; padding:14px 0;}
.paragraph-fineprint { font-size: .5em; font-family: 'Cabin', sans-serif; font-weight: bold;}
.paragraph-small { font-size: .8em; line-height: 24px; color: #333c4e;}
.paragraph-small-alt { font-size: .5em; font-family: 'Cabin', sans-serif; font-weight: bold; line-height: 16px; color: #333c4e;}
.paragraph-large { font-size: 1.2em; line-height: 32px; color: #4d4d4d;}

/* callouts - rest of the styling is in Callout.css.*/
.callout-quote { }
.callout-gray{}
.service-box {}

/* images */
.has-caption {}

.button-cta {color: white !important; font-family: 'Cabin', sans-serif !important; font-size: 14px !important; font-weight: bold; text-transform: Uppercase; 
	background: #3a327c; border-radius: 2px; min-width: 150px; padding: 10px 20px !important;}
.button-cta:hover {  background: #97c5eb;}

/* iconography */
.icon-adoption { display: inline-block; width: 64px; height: 64px; background: url(/pub/photo/icon-adoption-pink.png) no-repeat top center; }
.icon-behavior { display: inline-block; width: 64px; height: 64px; background: url(/pub/photo/icon-behavior-pink.png) no-repeat top center; }
.icon-consulting { display: inline-block; width: 64px; height: 64px; background: url(/pub/photo/icon-consulting-pink.png) no-repeat top center; }
.icon-contact { display: inline-block; width: 64px; height: 64px; background: url(/pub/photo/icon-contact-pink.png) no-repeat top center; }
.icon-night { display: inline-block; width: 64px; height: 64px; background: url(/pub/photo/icon-night-pink.png) no-repeat top center; }
.icon-sunshine { display: inline-block; width: 64px; height: 64px; background: url(/pub/photo/icon-sunshine-pink.png) no-repeat top center; }
.icon-adoption:hover { opacity: 1;}
.icon-behavior:hover { opacity: 1;}
.icon-consulting:hover { opacity: 1;}
.icon-contact:hover { opacity: 1;}
.icon-night:hover {  opacity: 1;}
.icon-sunshine:hover {  opacity: 1;}
.service-box *[class*="icon-"] {  opacity: 1;} /* required for hover effect of icon */
.service-box:hover *[class*="icon-"] {  opacity: 1;} /* required for hover effect of icon */

/*---------------------------------------------*/
/* Stylesheet: Responsive*/

.img-responsive { width: 100%; height: auto; }
.img-responsive img { width: 100%; height: auto; }
.img-center { text-align: center; } 
.img-rounded, .img-rounded img { border-radius: 4px; }
.img-circle, .img-circle img { border-radius: 50%; overflow: hidden; }
.circle-shadow, .circle-shadow img { box-shadow: 5px 5px #c8cccd; }
.img-thumbnail, .img-thumbnail img { border-radius: 2px; background: white; padding: 4px; box-shadow: 0 0 1px rgba(0,0,0,.2);}
.img-placeholder { border: solid 1px #ebf0f1; display: block;}
/* large screens */
@media screen and (min-width:768px) {
	.mobile-hide {display:none;}
	#mobilemenu-drop { display: none; }
	.responsive-left { float: left; margin-right: 10px; margin-bottom: 10px;}
	.responsive-right { float: right; margin-left: 10px; margin-bottom: 10px;}	
	.responsive-lg {}
	.responsive-sm {display: none;}
}

/* mobile screens */
@media screen and (max-width:768px) {
	.responsive-left { float: none !important; margin-right: 0 !important;}
	.responsive-right { float: none !important; margin-right: 0 !important;}
	.responsive-lg {display: none;}
	.responsive-sm {}

	/*.img-placeholder { display: none; }*/
	/*.img-responsive, .img-responsive img  { max-width: 300px; }*/
	img {max-width: 100% !important; }
	
	.template { min-width: 300px; }

	.bg-header { /*position: relative !important;*/ height: 140px; padding: 5px 0 !important;text-align: center; border-bottom: none;}
	.bg-header > .x-cell{ height: 140px; }
	.bg-header + .x-clear { height: 140px; }
	.bg-top-header {display: none !important;}
	.bg-top-header .x-cell {height: 0 !important; }
	.bg-top-header + .x-clear { height: 0 !important; }

	#toplogo  { display: block;  z-index: 2; position: relative !important; margin-left: auto; margin-right: auto; height: 65px; width: auto !important;} /* 175 x 48 */ 
	#topintro { position: static !important;  }
	#toptext { display: none; }
	#top-text {text-align: center; padding: 3px 0 !important;}
	#topsearch { display: none; }
	#topmenutext { display: block; position: relative !important; width: 100%; top: 0px !important; height: 50px; text-align: right;}
      #topmenutext table.mobilemenu{ position: absolute; right: 10px; height: 100%;}
	  #mobilemenu-grip { padding: 0 10px; }
	  #mobilemenu-drop-shadow { opacity: 0.5; background: #000;  position: absolute; top: 50px; width: 100%;} 
	  #mobilemenu-drop { display: none; position: absolute; top: 50px; width: auto; right: 0; 
		background: #0e4d8e; color: white; text-align: left; box-shadow: 0 8px 12px rgba(0,0,0,.5);
		overflow-y: auto; overflow-x: hidden; /* height will be set in javascript */
		}
	  #mobilemenu-drop a { color: white !important; }
	  #mobilemenu-drop a:hover { color: #61b1fa !important; }
	  #mobilemenu-drop a.selected { color: #61b1fa !important; }
	  #mobilemenu-drop ul { list-style-type: none; border: solid 0px red; margin: 0 !important;}
	  #mobilemenu-drop li { border: solid 0px red; margin: 0 !important; padding: 2px 15px; min-width: 200px; text-align: left;}
	  #mobilemenu-drop .ruler { border-bottom: solid 2px #3a327c; height: 1px; padding-top: 10px; margin-bottom: 10px; }
	  
	/* menu is moved into toptext and transformed into dropdown*/

	.bg-header .selectcontainer { display: block;  margin-left: auto; margin-right: auto; margin-top: 15px; }
	.bg-header .selectcontainer select { width: 90%; }
	.bg-header { height: 75px;}
	/* hide logins and other useless elements on a mobile device */
	#topsearch  {display: none;position: static !important; padding: 10px;}
	.bg-menu  {padding: 0 10px; margin-bottom: 30px; /*display: none;*/}
	
	.bg-ads a:first-child img {margin: 0;}
	.bg-ads a:last-of-type {display: block; text-align: center;}
	
	/* home */
	
	.home-lead-story {width: 100%;}
	.home-lead-image {height: auto; position: relative; margin: 0 10px 10px; border: none; /*max-width: 630px;*/}
	.home-lead-image img {width: 100%;}
	.home-lead-caption-container {position: relative; height: 0px;}
	.home-lead-caption {bottom: 5px;}
	.home-lead-story-thumb {display: none;}
	
	#template-input-MArticleCategoryPostBrowser0 .featured-box {margin-left: 10px !important;}
	
	.ui-photo-list {width: 200%; display: block !important; padding: 25px;}
	.ui-photo-list img {height: 135px !important;}
	
	.bg-slideshow { overflow: visible !important; }
	.home-slideshow .copy { display: block; position: relative !important; width: 100% !important;}
	.home-slideshow .copy-inner {  width: 100% !important; max-width: 100%; height: auto !important;}
	.home-section { display: block; }
	
	.flex-container {display: block;}
	.home-box {border: none;}
	.featured-box {height: auto !important;}
	.featured-box img {max-height: none;}
	.home-box-container > .home-box:first-child {margin: 0 10px !important;}
	
	.sidebar-item {margin: 0 10px 15px;}
	
	.article-slideshow h1 {display: none;}
	
	.why-flex {display: block; height: auto;}
	.btn {width: 100% !important;}
	.photo-center {display: block; height: auto;}
	
	.feature-body {height: auto !important;}
	
	/* form */
	.form { width: 100%; }
	
	/* generic layout review */
	.inner { padding: 20px 20px !important; } /* 1px prevents bottom margin errors on chrome */
	table.elastic, .table {  display: block; } /* bootstrap uses .table too */
	.table { margin-left: auto; margin-right: auto; }
	table.elastic tbody, .table tbody { display: block; width: 100%;}
	table.elastic tr, .table tr { display: block; width: 100%;}
	table.elastic td, .table td {  display: block; width: 100%;}
	.x-block > .x-cell { width: 100% !important; }
	.x-block > .x-cell-container { width: 100% !important; }
	.x-block > .x-cell > .inner { width: 100% !important; }
	.x-slice-inner { width: 100% !important; }
	.master-col-left,.master-col-right,.layout-col-left,.layout-col-right { float: none!important;}
	.col-single, .col-double, .col-half, .col-third, .col-quarter { width: 100% !important;}
	.thumb { float: none;  width: 100%; text-align: center;}
	/*.ui-photo-list { width: 100% !important;  text-align: center;}*/
	
	/* slideshows */
	/*.slideshow .caption {width: 85%;font-size: 3.2em;top: 45px;line-height: 1.3em;}*/
	.slideshow  {}
	.slideshow > div {height: auto !important;}
	.slideshow > div > img {height: auto !important; /*width: 100% !important;*/ min-height: 0 !important; min-width: 0 !important;}
	
	/* home page */
	.button-cta { display: block; margin-bottom: 10px; }
	.our-story { padding: 0; }
	.focus img { width: 100%; height: auto; }
	.testimonial-box { width: 100%; margin-bottom: 20px; float: none; box-sizing: border-box; -moz-box-sizing: border-box; }
	.home-slide { width: 100%; }
	.service-box {width: 100% !important;}
	
	.slide-box-container { display: block; width: 100% !important; }
	.slide-box { display: block; }
	.bg-map { background: #ebf0f1 !important; }
	
	.article-row { display: block; } 
	.article-row-reverse { display: block; }
	.article-slideshow h1{ position:relative !important; top: 0 !important; text-align: center; }
	
	#template-input-Mmainarticle {padding: 0 10px;}
	
	.caption {float: none !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important;}
	
	/* form */
	.ui-form-table { width: 100%;}
	.ui-form-cell-input { width: 100%; }
	.ui-form-cell-input textarea { width: 100%; }
	input[type].form-control:not([type=submit]), .form-control select, .form-control textarea { width: 100%;}
	
	/* footer */
	.bg-footer .x-cell { padding: 0 10px !important; box-sizing: border-box; -moz-box-sizing: border-box;}
	.footer-menu { float: left; margin-left: 0px; display: table-row; margin-bottom: 20px !important;	}
	.footer-menu a { display: -webkit-box; }
	.bg-footer {text-align: center !important; }
	.bg-footer div {text-align: center !important; }
	.footer-text { margin-left: 10px; } 
	#footer-logo {margin-bottom: 20px !important; margin-top: 30px; }
	
	.social-icons img {max-width: 100px !important;}
}

/*---------------------------------------------*/
/* Stylesheet: Grid for Editor AND Website*/

/* regular grid definition here - must be after above overrides */
/* grid definition 960px - bootstrap style */
*[class*="col-md-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="len-md-"] { padding: 0 10px; } /* 20px gutter, no float */
.len-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.len-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.len-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.len-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.len-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.len-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.len-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.len-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.len-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.len-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.len-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.len-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="col-xs-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-xs-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-xs-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-xs-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-xs-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-xs-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-xs-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-xs-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-xs-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-xs-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-xs-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-xs-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-xs-12 { width: calc(100% / 12 * 12 - 20px); } 

.clearfix { margin: 0 !important; }
.clearfix::after {  
	content: " "; /* Older browser do not support empty content */
	visibility: hidden; display: block; height: 0px;  clear: both;
}
/* margin fix when we don't want margins  */
.nomargin[class*="col-md-"] { margin: 0 ; }
.nomargin.col-md-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-md-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-md-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-md-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-md-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-md-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-md-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-md-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-md-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-md-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-md-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-md-12 { width: calc(100% / 12 * 12) ; }

.nomargin[class*="col-xs-"] { margin: 0 ; }
.nomargin.col-xs-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-xs-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-xs-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-xs-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-xs-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-xs-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-xs-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-xs-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-xs-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-xs-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-xs-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-xs-12 { width: calc(100% / 12 * 12) ; }

/* responsiveness fold */
@media screen and (max-width:768px) {
	*[class*="col-md-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 10px !important;} /* keep the margin gutter of 10px on either side */
	*[class*="len-md-"] { width: calc(100% - 20px) !important; padding: 0 10px !important;} /* keep the padding gutter of 10px on either side */
	/* don't do anything to -xs- columns. They need to keep their sizes */
}


/*
Bootstrap:
Extra small devices
Phones (<768px)		- col-xs. Horizontal at all times
Small devices
Tablets (&ge;768px)	- col-sm (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints
Medium devices
Desktops (&ge;992px) 	- col-md (LVSYS default). Collapsed to start, horizontal above breakpoints
Large devices
Desktops (&ge;1200px) 	- col-lg (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints
http://getbootstrap.com/css/
*/

/* mobile screens */
@media screen and (max-width:768px) {
	*[class*="visible-xs"] {}
	*[class*="visible-sm"] {display: none !important;}
	*[class*="visible-md"] {display: none !important;}
	*[class*="visible-lg"] {display: none !important;}
	*[class*="hidden-xs"] { display: none !important;} /* lvsys grid */
	*[class*="hidden-sm"] {}
	*[class*="hidden-md"] {} /* lvsys grid */
	*[class*="hidden-lg"] {}
}

/* large screens */
@media screen and (min-width:768px) {
	*[class*="visible-xs"] {display: none !important;}
	*[class*="visible-sm"] {}
	*[class*="visible-md"] {}
	*[class*="visible-lg"] {}
	*[class*="hidden-xs"] { } /* lvsys grid */
	*[class*="hidden-sm"] {display: none !important;}
	*[class*="hidden-md"] {display: none !important;} /* lvsys grid */
	*[class*="hidden-lg"] {display: none !important;}
}

/*---------------------------------------------*/
/* Stylesheet: Ratios*/

.ratio-box-1-1 { position: relative; width: 100%; height: 0; padding-top: 100%; box-sizing: border-box;}
.ratio-box-1-1 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

.ratio-box-1-2 { position: relative; width: 100%; height: 0; padding-top: 200%; box-sizing: border-box;}
.ratio-box-1-2 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

.ratio-box-2-1 { position: relative; width: 100%; height: 0; padding-top: 50%; box-sizing: border-box;}
.ratio-box-2-1 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

.ratio-box-4-3 { position: relative; width: 100%; height: 0; padding-top: 75%; box-sizing: border-box;}
.ratio-box-4-3 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

.ratio-box-16-9 { position: relative; width: 100%; height: 0; padding-top: 56.25%; box-sizing: border-box;}
.ratio-box-16-9 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

.ratio-box-5-4 { position: relative; width: 100%; height: 0; padding-top: 80%; box-sizing: border-box;}
.ratio-box-5-4 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

.ratio-box-3-2 { position: relative; width: 100%; height: 0; padding-top: 66%; box-sizing: border-box;}
.ratio-box-3-2 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}


/* custom ratios */
.ratio-box-1 { position: relative; width: 100%; height: 0; padding-top: 1%; box-sizing: border-box;}   .ratio-box-1 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-2 { position: relative; width: 100%; height: 0; padding-top: 2%; box-sizing: border-box;}   .ratio-box-2 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-3 { position: relative; width: 100%; height: 0; padding-top: 3%; box-sizing: border-box;}   .ratio-box-3 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-4 { position: relative; width: 100%; height: 0; padding-top: 4%; box-sizing: border-box;}   .ratio-box-4 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-5 { position: relative; width: 100%; height: 0; padding-top: 5%; box-sizing: border-box;}   .ratio-box-5 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-6 { position: relative; width: 100%; height: 0; padding-top: 6%; box-sizing: border-box;}   .ratio-box-6 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-7 { position: relative; width: 100%; height: 0; padding-top: 7%; box-sizing: border-box;}   .ratio-box-7 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-8 { position: relative; width: 100%; height: 0; padding-top: 8%; box-sizing: border-box;}   .ratio-box-8 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-9 { position: relative; width: 100%; height: 0; padding-top: 9%; box-sizing: border-box;}   .ratio-box-9 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-10 { position: relative; width: 100%; height: 0; padding-top: 10%; box-sizing: border-box;}   .ratio-box-10 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-11 { position: relative; width: 100%; height: 0; padding-top: 11%; box-sizing: border-box;}   .ratio-box-11 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-12 { position: relative; width: 100%; height: 0; padding-top: 12%; box-sizing: border-box;}   .ratio-box-12 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-13 { position: relative; width: 100%; height: 0; padding-top: 13%; box-sizing: border-box;}   .ratio-box-13 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-14 { position: relative; width: 100%; height: 0; padding-top: 14%; box-sizing: border-box;}   .ratio-box-14 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-15 { position: relative; width: 100%; height: 0; padding-top: 15%; box-sizing: border-box;}   .ratio-box-15 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-16 { position: relative; width: 100%; height: 0; padding-top: 16%; box-sizing: border-box;}   .ratio-box-16 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-17 { position: relative; width: 100%; height: 0; padding-top: 17%; box-sizing: border-box;}   .ratio-box-17 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-18 { position: relative; width: 100%; height: 0; padding-top: 18%; box-sizing: border-box;}   .ratio-box-18 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-19 { position: relative; width: 100%; height: 0; padding-top: 19%; box-sizing: border-box;}   .ratio-box-19 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-20 { position: relative; width: 100%; height: 0; padding-top: 20%; box-sizing: border-box;}   .ratio-box-20 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-21 { position: relative; width: 100%; height: 0; padding-top: 21%; box-sizing: border-box;}   .ratio-box-21 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-22 { position: relative; width: 100%; height: 0; padding-top: 22%; box-sizing: border-box;}   .ratio-box-22 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-23 { position: relative; width: 100%; height: 0; padding-top: 23%; box-sizing: border-box;}   .ratio-box-23 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-24 { position: relative; width: 100%; height: 0; padding-top: 24%; box-sizing: border-box;}   .ratio-box-24 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-25 { position: relative; width: 100%; height: 0; padding-top: 25%; box-sizing: border-box;}   .ratio-box-25 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-26 { position: relative; width: 100%; height: 0; padding-top: 26%; box-sizing: border-box;}   .ratio-box-26 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-27 { position: relative; width: 100%; height: 0; padding-top: 27%; box-sizing: border-box;}   .ratio-box-27 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-28 { position: relative; width: 100%; height: 0; padding-top: 28%; box-sizing: border-box;}   .ratio-box-28 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-29 { position: relative; width: 100%; height: 0; padding-top: 29%; box-sizing: border-box;}   .ratio-box-29 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-30 { position: relative; width: 100%; height: 0; padding-top: 30%; box-sizing: border-box;}   .ratio-box-30 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-31 { position: relative; width: 100%; height: 0; padding-top: 31%; box-sizing: border-box;}   .ratio-box-31 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-32 { position: relative; width: 100%; height: 0; padding-top: 32%; box-sizing: border-box;}   .ratio-box-32 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-33 { position: relative; width: 100%; height: 0; padding-top: 33%; box-sizing: border-box;}   .ratio-box-33 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-34 { position: relative; width: 100%; height: 0; padding-top: 34%; box-sizing: border-box;}   .ratio-box-34 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-35 { position: relative; width: 100%; height: 0; padding-top: 35%; box-sizing: border-box;}   .ratio-box-35 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-36 { position: relative; width: 100%; height: 0; padding-top: 36%; box-sizing: border-box;}   .ratio-box-36 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-37 { position: relative; width: 100%; height: 0; padding-top: 37%; box-sizing: border-box;}   .ratio-box-37 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-38 { position: relative; width: 100%; height: 0; padding-top: 38%; box-sizing: border-box;}   .ratio-box-38 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-39 { position: relative; width: 100%; height: 0; padding-top: 39%; box-sizing: border-box;}   .ratio-box-39 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-40 { position: relative; width: 100%; height: 0; padding-top: 40%; box-sizing: border-box;}   .ratio-box-40 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-41 { position: relative; width: 100%; height: 0; padding-top: 41%; box-sizing: border-box;}   .ratio-box-41 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-42 { position: relative; width: 100%; height: 0; padding-top: 42%; box-sizing: border-box;}   .ratio-box-42 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-43 { position: relative; width: 100%; height: 0; padding-top: 43%; box-sizing: border-box;}   .ratio-box-43 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-44 { position: relative; width: 100%; height: 0; padding-top: 44%; box-sizing: border-box;}   .ratio-box-44 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-45 { position: relative; width: 100%; height: 0; padding-top: 45%; box-sizing: border-box;}   .ratio-box-45 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-46 { position: relative; width: 100%; height: 0; padding-top: 46%; box-sizing: border-box;}   .ratio-box-46 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-47 { position: relative; width: 100%; height: 0; padding-top: 47%; box-sizing: border-box;}   .ratio-box-47 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-48 { position: relative; width: 100%; height: 0; padding-top: 48%; box-sizing: border-box;}   .ratio-box-48 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-49 { position: relative; width: 100%; height: 0; padding-top: 49%; box-sizing: border-box;}   .ratio-box-49 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-50 { position: relative; width: 100%; height: 0; padding-top: 50%; box-sizing: border-box;}   .ratio-box-50 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-51 { position: relative; width: 100%; height: 0; padding-top: 51%; box-sizing: border-box;}   .ratio-box-51 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-52 { position: relative; width: 100%; height: 0; padding-top: 52%; box-sizing: border-box;}   .ratio-box-52 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-53 { position: relative; width: 100%; height: 0; padding-top: 53%; box-sizing: border-box;}   .ratio-box-53 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-54 { position: relative; width: 100%; height: 0; padding-top: 54%; box-sizing: border-box;}   .ratio-box-54 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-55 { position: relative; width: 100%; height: 0; padding-top: 55%; box-sizing: border-box;}   .ratio-box-55 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-56 { position: relative; width: 100%; height: 0; padding-top: 56%; box-sizing: border-box;}   .ratio-box-56 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-57 { position: relative; width: 100%; height: 0; padding-top: 57%; box-sizing: border-box;}   .ratio-box-57 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-58 { position: relative; width: 100%; height: 0; padding-top: 58%; box-sizing: border-box;}   .ratio-box-58 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-59 { position: relative; width: 100%; height: 0; padding-top: 59%; box-sizing: border-box;}   .ratio-box-59 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-60 { position: relative; width: 100%; height: 0; padding-top: 60%; box-sizing: border-box;}   .ratio-box-60 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-61 { position: relative; width: 100%; height: 0; padding-top: 61%; box-sizing: border-box;}   .ratio-box-61 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-62 { position: relative; width: 100%; height: 0; padding-top: 62%; box-sizing: border-box;}   .ratio-box-62 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-63 { position: relative; width: 100%; height: 0; padding-top: 63%; box-sizing: border-box;}   .ratio-box-63 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-64 { position: relative; width: 100%; height: 0; padding-top: 64%; box-sizing: border-box;}   .ratio-box-64 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-65 { position: relative; width: 100%; height: 0; padding-top: 65%; box-sizing: border-box;}   .ratio-box-65 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-66 { position: relative; width: 100%; height: 0; padding-top: 66%; box-sizing: border-box;}   .ratio-box-66 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-67 { position: relative; width: 100%; height: 0; padding-top: 67%; box-sizing: border-box;}   .ratio-box-67 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-68 { position: relative; width: 100%; height: 0; padding-top: 68%; box-sizing: border-box;}   .ratio-box-68 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-69 { position: relative; width: 100%; height: 0; padding-top: 69%; box-sizing: border-box;}   .ratio-box-69 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-70 { position: relative; width: 100%; height: 0; padding-top: 70%; box-sizing: border-box;}   .ratio-box-70 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-71 { position: relative; width: 100%; height: 0; padding-top: 71%; box-sizing: border-box;}   .ratio-box-71 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-72 { position: relative; width: 100%; height: 0; padding-top: 72%; box-sizing: border-box;}   .ratio-box-72 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-73 { position: relative; width: 100%; height: 0; padding-top: 73%; box-sizing: border-box;}   .ratio-box-73 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-74 { position: relative; width: 100%; height: 0; padding-top: 74%; box-sizing: border-box;}   .ratio-box-74 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-75 { position: relative; width: 100%; height: 0; padding-top: 75%; box-sizing: border-box;}   .ratio-box-75 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-76 { position: relative; width: 100%; height: 0; padding-top: 76%; box-sizing: border-box;}   .ratio-box-76 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-77 { position: relative; width: 100%; height: 0; padding-top: 77%; box-sizing: border-box;}   .ratio-box-77 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-78 { position: relative; width: 100%; height: 0; padding-top: 78%; box-sizing: border-box;}   .ratio-box-78 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-79 { position: relative; width: 100%; height: 0; padding-top: 79%; box-sizing: border-box;}   .ratio-box-79 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-80 { position: relative; width: 100%; height: 0; padding-top: 80%; box-sizing: border-box;}   .ratio-box-80 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-81 { position: relative; width: 100%; height: 0; padding-top: 81%; box-sizing: border-box;}   .ratio-box-81 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-82 { position: relative; width: 100%; height: 0; padding-top: 82%; box-sizing: border-box;}   .ratio-box-82 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-83 { position: relative; width: 100%; height: 0; padding-top: 83%; box-sizing: border-box;}   .ratio-box-83 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-84 { position: relative; width: 100%; height: 0; padding-top: 84%; box-sizing: border-box;}   .ratio-box-84 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-85 { position: relative; width: 100%; height: 0; padding-top: 85%; box-sizing: border-box;}   .ratio-box-85 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-86 { position: relative; width: 100%; height: 0; padding-top: 86%; box-sizing: border-box;}   .ratio-box-86 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-87 { position: relative; width: 100%; height: 0; padding-top: 87%; box-sizing: border-box;}   .ratio-box-87 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-88 { position: relative; width: 100%; height: 0; padding-top: 88%; box-sizing: border-box;}   .ratio-box-88 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-89 { position: relative; width: 100%; height: 0; padding-top: 89%; box-sizing: border-box;}   .ratio-box-89 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-90 { position: relative; width: 100%; height: 0; padding-top: 90%; box-sizing: border-box;}   .ratio-box-90 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-91 { position: relative; width: 100%; height: 0; padding-top: 91%; box-sizing: border-box;}   .ratio-box-91 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-92 { position: relative; width: 100%; height: 0; padding-top: 92%; box-sizing: border-box;}   .ratio-box-92 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-93 { position: relative; width: 100%; height: 0; padding-top: 93%; box-sizing: border-box;}   .ratio-box-93 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-94 { position: relative; width: 100%; height: 0; padding-top: 94%; box-sizing: border-box;}   .ratio-box-94 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-95 { position: relative; width: 100%; height: 0; padding-top: 95%; box-sizing: border-box;}   .ratio-box-95 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-96 { position: relative; width: 100%; height: 0; padding-top: 96%; box-sizing: border-box;}   .ratio-box-96 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-97 { position: relative; width: 100%; height: 0; padding-top: 97%; box-sizing: border-box;}   .ratio-box-97 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-98 { position: relative; width: 100%; height: 0; padding-top: 98%; box-sizing: border-box;}   .ratio-box-98 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-99 { position: relative; width: 100%; height: 0; padding-top: 99%; box-sizing: border-box;}   .ratio-box-99 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-100 { position: relative; width: 100%; height: 0; padding-top: 100%; box-sizing: border-box;}   .ratio-box-100 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-101 { position: relative; width: 100%; height: 0; padding-top: 101%; box-sizing: border-box;}   .ratio-box-101 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-102 { position: relative; width: 100%; height: 0; padding-top: 102%; box-sizing: border-box;}   .ratio-box-102 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-103 { position: relative; width: 100%; height: 0; padding-top: 103%; box-sizing: border-box;}   .ratio-box-103 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-104 { position: relative; width: 100%; height: 0; padding-top: 104%; box-sizing: border-box;}   .ratio-box-104 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-105 { position: relative; width: 100%; height: 0; padding-top: 105%; box-sizing: border-box;}   .ratio-box-105 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-106 { position: relative; width: 100%; height: 0; padding-top: 106%; box-sizing: border-box;}   .ratio-box-106 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-107 { position: relative; width: 100%; height: 0; padding-top: 107%; box-sizing: border-box;}   .ratio-box-107 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-108 { position: relative; width: 100%; height: 0; padding-top: 108%; box-sizing: border-box;}   .ratio-box-108 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-109 { position: relative; width: 100%; height: 0; padding-top: 109%; box-sizing: border-box;}   .ratio-box-109 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-110 { position: relative; width: 100%; height: 0; padding-top: 110%; box-sizing: border-box;}   .ratio-box-110 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-111 { position: relative; width: 100%; height: 0; padding-top: 111%; box-sizing: border-box;}   .ratio-box-111 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-112 { position: relative; width: 100%; height: 0; padding-top: 112%; box-sizing: border-box;}   .ratio-box-112 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-113 { position: relative; width: 100%; height: 0; padding-top: 113%; box-sizing: border-box;}   .ratio-box-113 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-114 { position: relative; width: 100%; height: 0; padding-top: 114%; box-sizing: border-box;}   .ratio-box-114 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-115 { position: relative; width: 100%; height: 0; padding-top: 115%; box-sizing: border-box;}   .ratio-box-115 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-116 { position: relative; width: 100%; height: 0; padding-top: 116%; box-sizing: border-box;}   .ratio-box-116 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-117 { position: relative; width: 100%; height: 0; padding-top: 117%; box-sizing: border-box;}   .ratio-box-117 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-118 { position: relative; width: 100%; height: 0; padding-top: 118%; box-sizing: border-box;}   .ratio-box-118 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-119 { position: relative; width: 100%; height: 0; padding-top: 119%; box-sizing: border-box;}   .ratio-box-119 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-120 { position: relative; width: 100%; height: 0; padding-top: 120%; box-sizing: border-box;}   .ratio-box-120 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-121 { position: relative; width: 100%; height: 0; padding-top: 121%; box-sizing: border-box;}   .ratio-box-121 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-122 { position: relative; width: 100%; height: 0; padding-top: 122%; box-sizing: border-box;}   .ratio-box-122 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-123 { position: relative; width: 100%; height: 0; padding-top: 123%; box-sizing: border-box;}   .ratio-box-123 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-124 { position: relative; width: 100%; height: 0; padding-top: 124%; box-sizing: border-box;}   .ratio-box-124 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-125 { position: relative; width: 100%; height: 0; padding-top: 125%; box-sizing: border-box;}   .ratio-box-125 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-126 { position: relative; width: 100%; height: 0; padding-top: 126%; box-sizing: border-box;}   .ratio-box-126 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-127 { position: relative; width: 100%; height: 0; padding-top: 127%; box-sizing: border-box;}   .ratio-box-127 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-128 { position: relative; width: 100%; height: 0; padding-top: 128%; box-sizing: border-box;}   .ratio-box-128 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-129 { position: relative; width: 100%; height: 0; padding-top: 129%; box-sizing: border-box;}   .ratio-box-129 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-130 { position: relative; width: 100%; height: 0; padding-top: 130%; box-sizing: border-box;}   .ratio-box-130 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-131 { position: relative; width: 100%; height: 0; padding-top: 131%; box-sizing: border-box;}   .ratio-box-131 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-132 { position: relative; width: 100%; height: 0; padding-top: 132%; box-sizing: border-box;}   .ratio-box-132 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-133 { position: relative; width: 100%; height: 0; padding-top: 133%; box-sizing: border-box;}   .ratio-box-133 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-134 { position: relative; width: 100%; height: 0; padding-top: 134%; box-sizing: border-box;}   .ratio-box-134 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-135 { position: relative; width: 100%; height: 0; padding-top: 135%; box-sizing: border-box;}   .ratio-box-135 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-136 { position: relative; width: 100%; height: 0; padding-top: 136%; box-sizing: border-box;}   .ratio-box-136 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-137 { position: relative; width: 100%; height: 0; padding-top: 137%; box-sizing: border-box;}   .ratio-box-137 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-138 { position: relative; width: 100%; height: 0; padding-top: 138%; box-sizing: border-box;}   .ratio-box-138 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-139 { position: relative; width: 100%; height: 0; padding-top: 139%; box-sizing: border-box;}   .ratio-box-139 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-140 { position: relative; width: 100%; height: 0; padding-top: 140%; box-sizing: border-box;}   .ratio-box-140 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-141 { position: relative; width: 100%; height: 0; padding-top: 141%; box-sizing: border-box;}   .ratio-box-141 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-142 { position: relative; width: 100%; height: 0; padding-top: 142%; box-sizing: border-box;}   .ratio-box-142 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-143 { position: relative; width: 100%; height: 0; padding-top: 143%; box-sizing: border-box;}   .ratio-box-143 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-144 { position: relative; width: 100%; height: 0; padding-top: 144%; box-sizing: border-box;}   .ratio-box-144 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-145 { position: relative; width: 100%; height: 0; padding-top: 145%; box-sizing: border-box;}   .ratio-box-145 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-146 { position: relative; width: 100%; height: 0; padding-top: 146%; box-sizing: border-box;}   .ratio-box-146 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-147 { position: relative; width: 100%; height: 0; padding-top: 147%; box-sizing: border-box;}   .ratio-box-147 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-148 { position: relative; width: 100%; height: 0; padding-top: 148%; box-sizing: border-box;}   .ratio-box-148 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-149 { position: relative; width: 100%; height: 0; padding-top: 149%; box-sizing: border-box;}   .ratio-box-149 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-150 { position: relative; width: 100%; height: 0; padding-top: 150%; box-sizing: border-box;}   .ratio-box-150 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-151 { position: relative; width: 100%; height: 0; padding-top: 151%; box-sizing: border-box;}   .ratio-box-151 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-152 { position: relative; width: 100%; height: 0; padding-top: 152%; box-sizing: border-box;}   .ratio-box-152 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-153 { position: relative; width: 100%; height: 0; padding-top: 153%; box-sizing: border-box;}   .ratio-box-153 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-154 { position: relative; width: 100%; height: 0; padding-top: 154%; box-sizing: border-box;}   .ratio-box-154 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-155 { position: relative; width: 100%; height: 0; padding-top: 155%; box-sizing: border-box;}   .ratio-box-155 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-156 { position: relative; width: 100%; height: 0; padding-top: 156%; box-sizing: border-box;}   .ratio-box-156 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-157 { position: relative; width: 100%; height: 0; padding-top: 157%; box-sizing: border-box;}   .ratio-box-157 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-158 { position: relative; width: 100%; height: 0; padding-top: 158%; box-sizing: border-box;}   .ratio-box-158 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-159 { position: relative; width: 100%; height: 0; padding-top: 159%; box-sizing: border-box;}   .ratio-box-159 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-160 { position: relative; width: 100%; height: 0; padding-top: 160%; box-sizing: border-box;}   .ratio-box-160 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-161 { position: relative; width: 100%; height: 0; padding-top: 161%; box-sizing: border-box;}   .ratio-box-161 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-162 { position: relative; width: 100%; height: 0; padding-top: 162%; box-sizing: border-box;}   .ratio-box-162 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-163 { position: relative; width: 100%; height: 0; padding-top: 163%; box-sizing: border-box;}   .ratio-box-163 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-164 { position: relative; width: 100%; height: 0; padding-top: 164%; box-sizing: border-box;}   .ratio-box-164 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-165 { position: relative; width: 100%; height: 0; padding-top: 165%; box-sizing: border-box;}   .ratio-box-165 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-166 { position: relative; width: 100%; height: 0; padding-top: 166%; box-sizing: border-box;}   .ratio-box-166 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-167 { position: relative; width: 100%; height: 0; padding-top: 167%; box-sizing: border-box;}   .ratio-box-167 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-168 { position: relative; width: 100%; height: 0; padding-top: 168%; box-sizing: border-box;}   .ratio-box-168 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-169 { position: relative; width: 100%; height: 0; padding-top: 169%; box-sizing: border-box;}   .ratio-box-169 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-170 { position: relative; width: 100%; height: 0; padding-top: 170%; box-sizing: border-box;}   .ratio-box-170 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-171 { position: relative; width: 100%; height: 0; padding-top: 171%; box-sizing: border-box;}   .ratio-box-171 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-172 { position: relative; width: 100%; height: 0; padding-top: 172%; box-sizing: border-box;}   .ratio-box-172 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-173 { position: relative; width: 100%; height: 0; padding-top: 173%; box-sizing: border-box;}   .ratio-box-173 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-174 { position: relative; width: 100%; height: 0; padding-top: 174%; box-sizing: border-box;}   .ratio-box-174 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-175 { position: relative; width: 100%; height: 0; padding-top: 175%; box-sizing: border-box;}   .ratio-box-175 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-176 { position: relative; width: 100%; height: 0; padding-top: 176%; box-sizing: border-box;}   .ratio-box-176 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-177 { position: relative; width: 100%; height: 0; padding-top: 177%; box-sizing: border-box;}   .ratio-box-177 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-178 { position: relative; width: 100%; height: 0; padding-top: 178%; box-sizing: border-box;}   .ratio-box-178 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-179 { position: relative; width: 100%; height: 0; padding-top: 179%; box-sizing: border-box;}   .ratio-box-179 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-180 { position: relative; width: 100%; height: 0; padding-top: 180%; box-sizing: border-box;}   .ratio-box-180 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-181 { position: relative; width: 100%; height: 0; padding-top: 181%; box-sizing: border-box;}   .ratio-box-181 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-182 { position: relative; width: 100%; height: 0; padding-top: 182%; box-sizing: border-box;}   .ratio-box-182 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-183 { position: relative; width: 100%; height: 0; padding-top: 183%; box-sizing: border-box;}   .ratio-box-183 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-184 { position: relative; width: 100%; height: 0; padding-top: 184%; box-sizing: border-box;}   .ratio-box-184 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-185 { position: relative; width: 100%; height: 0; padding-top: 185%; box-sizing: border-box;}   .ratio-box-185 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-186 { position: relative; width: 100%; height: 0; padding-top: 186%; box-sizing: border-box;}   .ratio-box-186 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-187 { position: relative; width: 100%; height: 0; padding-top: 187%; box-sizing: border-box;}   .ratio-box-187 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-188 { position: relative; width: 100%; height: 0; padding-top: 188%; box-sizing: border-box;}   .ratio-box-188 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-189 { position: relative; width: 100%; height: 0; padding-top: 189%; box-sizing: border-box;}   .ratio-box-189 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-190 { position: relative; width: 100%; height: 0; padding-top: 190%; box-sizing: border-box;}   .ratio-box-190 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-191 { position: relative; width: 100%; height: 0; padding-top: 191%; box-sizing: border-box;}   .ratio-box-191 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-192 { position: relative; width: 100%; height: 0; padding-top: 192%; box-sizing: border-box;}   .ratio-box-192 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-193 { position: relative; width: 100%; height: 0; padding-top: 193%; box-sizing: border-box;}   .ratio-box-193 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-194 { position: relative; width: 100%; height: 0; padding-top: 194%; box-sizing: border-box;}   .ratio-box-194 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-195 { position: relative; width: 100%; height: 0; padding-top: 195%; box-sizing: border-box;}   .ratio-box-195 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-196 { position: relative; width: 100%; height: 0; padding-top: 196%; box-sizing: border-box;}   .ratio-box-196 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-197 { position: relative; width: 100%; height: 0; padding-top: 197%; box-sizing: border-box;}   .ratio-box-197 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-198 { position: relative; width: 100%; height: 0; padding-top: 198%; box-sizing: border-box;}   .ratio-box-198 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-199 { position: relative; width: 100%; height: 0; padding-top: 199%; box-sizing: border-box;}   .ratio-box-199 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ratio-box-200 { position: relative; width: 100%; height: 0; padding-top: 200%; box-sizing: border-box;}   .ratio-box-200 *:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

/*---------------------------------------------*/
/* Stylesheet: Article*/

.facts-left {border-left: 3px solid #000; border-bottom: 3px solid #000; float: left; padding: 0 0 20px 20px; margin: 20px 20px 20px 0; width: 300px; }
.facts-right {border-right: 3px solid #000; border-bottom: 3px solid #000; float: right; padding: 0 20px 20px; margin: 20px 0 20px 20px; width: 300px; }

.article-slideshow {margin-bottom: 5px; position: relative; text-align: center;}
.article-slideshow .slideshow {text-align: center;}
.article-slideshow .slideshow > div {max-height: 420px; text-align: center;}
.article-slideshow img {max-height: 400px; text-align: center; width: auto !important;}
.slideshow-pager a {border-radius: 0; width: calc(640px/5 - 10px); float: left; margin-bottom: 10px; margin-right: 10px;}
.slideshow-pager a img {width: calc(640px/5 - 10px); height: 78px;}
.slideshow-pager a:nth-child(5n) {margin-right: 0;}

.slideshow-prev {background: rgba(216,147,35,0.7); position: absolute; bottom: 0; top: 0; margin: auto 0; z-index: 20; float: left; padding: 10px 5px 10px 2px; height: 74px; font-size: 3em; opacity: 0; transition: .5s;}
.slideshow-next {background: rgba(216,147,35,0.7); position: absolute; bottom: 0; top: 0; margin: auto 0; z-index: 20; float: right; padding: 10px 2px 10px 5px; right: 0; height: 74px; font-size: 3em; opacity: 0; transition: .5s;}
.slideshow-prev a, .slideshow-next a {color: #fff;}
.article-slideshow:hover .slideshow-prev, .article-slideshow:hover .slideshow-next {opacity: 1; transition: .5s;}

.inner-caption {position: static; font-size: initial; width: 300px; padding: 0; background: #5c5c5c; color: white;}
.caption-right {float: right; margin-left: 20px; margin-bottom: 20px;}
.caption-left {float: left; margin-right: 20px; margin-bottom: 20px;}
.caption-text {padding: 10px; font-size: .9em;}
.caption-credit {font-size: .8em; font-style: italic;}

.title-image-container {position: relative; height: 0px;}
.title-image {position: absolute; top: -43px; right: 0; background: #fff; width: 58px; height: 33px;}