body {
	font-size: 12px;
}
/* ==========================================================================
   Navigation
   ========================================================================== */
.en-us #navigation, #navigation{
  height: 40px;
  margin-top: 12px;
  z-index: 1;
  background-position: 0 0;
  background-size: 100% 40px;
}
.for-kids-container,
#navigation div #nav-mobile-btn,
#navigation .logo,
#navigation > div > #nav-menu{
  margin-top: -12px;
  background-color: transparent;
}
#navigation div #nav-menu{
  z-index: -1;
  background-color: #dc5326;
}
#navigation div #nav-menu div{
  padding: 0;
  margin-top: 14px;
  background-color: #dc5326;
}
#navigation.expanded > div > #nav-menu > ul li{
  background-color: #dc5326;
}
#navigation > div > #nav-close-btn{
  top: -12px;
}
#navigation > div > #nav-menu > div a{
  top: 20px;
}
/* ==========================================================================
   Slideshow carousel module
   ========================================================================== */
#content {
  top:0px;
}
.carousel.slideshow .carousel-item {
  height: 264px;
}
.carousel.slideshow.small .carousel-item,
.carousel.slideshow.small .carousel-item .slide {
  height: 200px;
}
.carousel.slideshow .carousel-item .slide .content {
  padding: 88px 35% 30px 5%;
}
.carousel.slideshow.no-breadcrumb-space .carousel-item a.content .slide {
  width: 90%;
  position: relative;
  top: 50%;
  bottom: auto;
  padding: 0;
  left: 20px;
}
.carousel.slideshow.no-breadcrumb-space .carousel-item a.content .slide h1{ font-size: 32px; line-height: 1;}
.carousel.slideshow.no-breadcrumb-space .carousel-item a.content .slide h3{ font-size: 18px; margin: 0;}
.carousel.slideshow.no-breadcrumb-space .carousel-item a.content .slide span{
  font-size: 20px;
  line-height: 1;
}
.carousel.slideshow.small .carousel-item .slide .content {
  padding: 90px 5% 32px 5%;
}
.carousel.slideshow .carousel-item a.content .slide strong {
  font-size: 46px;
  line-height: 35px;
  letter-spacing: 0px;
  text-shadow: 2px 3px #000;
}

.ru-ru .carousel.slideshow .carousel-item a.content .slide strong,
.el-gr .carousel.slideshow .carousel-item a.content .slide strong {
  font-size: 20px;
}

.de-de .carousel.slideshow .carousel-item a.content .slide strong {
  font-size: 30px;
}
.carousel.slideshow .carousel-item a.content .slide em {
  font-size: 12.5px;
  letter-spacing: 0px;
  margin-top: 7px;
  line-height: 14px;
  text-shadow: 2px 3px #000;
}
.carousel.slideshow .pagination span{
  width: 23px;
  height: 20px;
}
.carousel.slideshow .pagination span.active{
  width: 23px;
  height: 20px;
}
.carousel.slideshow.small .carousel-item .slide h1{
  font-size: 36px;
  transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -webkit-transform: translateY(-40%);
}
.carousel.slideshow.small .carousel-item .slide h1 sup{
  top: auto;
}
.carousel.slideshow .carousel-item .slide .youtube-subscribe-btn{
  margin: 0;
}
/* ==========================================================================
   Collection carousel (used in hero module)
   ========================================================================== */
.hero-promo .content.carousel-only .carousel-item{
  height: 120px;
}
.hero-promo .carousel.with-pagination.pagination-small .pagination span { 
margin: 0 6px;
border-radius: 0;
}
.hero-promo .carousel.collection-carousel .carousel-item .description{
  font-size: 14px;
  min-height: auto;
  max-height: 56px;
  overflow-y: scroll;
}
.hero-promo.btb-blue.events .carousel{
  max-width: 600px;
}
.hero-promo.right .content.carousel-only .carousel-item a, .hero-promo.left .content.carousel-only .carousel-item a{
  left: 150px;
}
/* ==========================================================================
   Image carousel with text under the image
   ========================================================================== */
.carousel.images-carousel.with-text .carousel-item a span {
  font-size: 10px;
  line-height: 12px;
}
.carousel.images-carousel.with-text .carousel-item a span em {
  width: 10px;
  height: 10px;
  margin-left: 4px;
  display: inline-block;
  margin-bottom: -2px;
  background-size: contain;
}
.carousel.images-carousel.with-text .controls span {
  margin-top: -30px;
}

/*HITE-158*/

.carousel.images-carousel.with-text .carousel-item span {
  font-size: 10px;
  line-height: 12px;
}

.carousel.logos-carousel .controls span.previous{
  left: 0;
}
/* ==========================================================================
   Kids banner
   ========================================================================== */
.kids-banner-container{
  height: 306px;
  background: transparent;
}
#kids-banner #kids-actions,
#kids-banner .kids-introducing{
  width: 100%;
  height: 150px;
}
#kids-banner > #kids-actions{
  background: url(../img/btb_kids_spot_border.png) repeat-x left bottom, url(../img/btb_kidsbanner_left.png) repeat-x;
  margin-bottom: 6px;
}
#kids-banner > #kids-actions .ka-title, .kids-banner-container div.carousel.activities-carousel.images-carousel.with-controls{
  display: none;
}
#kids-banner #kids-actions .for-kids-buttons{ right: auto; margin: 0; }
/* .kids-banner-container div.carousel.activities-carousel.images-carousel.with-controls,
#kids-banner #kids-actions .ka-title{ display: block; width: 40%;} */
#kids-banner .kids-introducing{
  bottom: 0;
  background: url(../img/btb_kids_spot_border.png) repeat-x left bottom, url(../img/btb_kidsbanner_right.png) repeat-x;
}
#kids-banner .for-kids-buttons{
  height: 150px;
  width: 179px;
}
#kids-banner .for-kids-buttons .ki-container p {
  top: 20px;
  font-size: 26px;
}
#kids-banner .for-kids-buttons .ki-container a{
  bottom: 20px;
  font-size: 14px;
  line-height: 28px;
  height: 29px;
  width: 110px;
  padding: 0 !important;
}
#kids-banner .kids-introducing .ki-title p{
  padding: 0;
  line-height: 1;
}
#kids-banner .kids-introducing .ki-title h3{
  font-family: 'Diamante', sans-serif;
  font-size: 45px;
  color: #fff;
}
#kids-banner .kids-introducing .ki-title-container .ki-title{
  display: block;
}
#kids-banner .kids-introducing .character{
  bottom: 0;
  height: auto;
  width: auto;
}
#kids-banner .kids-introducing .character a img{
  width: 170px;
  height: auto;
}
.endless-fun-banner > div:nth-of-type(2) {
	margin-top: 0;
}

.carousel .activities-carousel {
  display: none;
}
/*
.carousel.images-carousel.activities-carousel a img{
  height: 70px;
  width: 86px;
}
.activities-carousel{
  top: 0px;
}
.kids-banner-container div.carousel.activities-carousel.images-carousel.with-controls{
  padding-top: 0px;
  -webkit-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
}
@media only screen and (max-width: 420px){
  #kids-banner #kids-actions .for-kids-buttons{ right: 0; margin: 0 auto; }
  .kids-banner-container div.carousel.activities-carousel.images-carousel.with-controls,
  #kids-banner #kids-actions .ka-title{ display: none;}
  #kids-banner .kids-introducing .ki-title-container{ left: 80px; width: 40%;}
  #kids-banner .kids-introducing .character{ right: 0; }
}
*/
#kids-banner .kids-introducing .ki-title-container{ 
  left: 20px;
  width: 200px;
}
/* ==========================================================================
   Spot promos
   ========================================================================== */
.spot-promos{margin: 0; height: 480px;}
.spot-promos .spot-promo-2 { top: 240px; }
.spot-promo-1, .spot-promo-2 { width: 100%; }
/*.spot-promos .spot-promo-2 a.like{ transform: none; -webkit-transform: none; -moz-transform: none; transition: transform .5s; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s;}
.spot-promos .spot-promo-2 a.like:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }*/
.spot-promos .spot-promo-1 h3, .spot-promos .spot-promo-2 h3{font-size: 20px;}
.spot-promos .spot-promo-1 p, .spot-promos .spot-promo-2 p{font-size: 14px;}
.spot-promos .spot-promo-1 a{font-size: 16px; width: 243px; height: auto; background: transparent url("../img/btb_button_sign_up.png") no-repeat scroll left center / 100% auto}
.spot-promos .social-wrapper{ padding: 30px 40px; }
.spot-promos .spot-promo-2 a.like{ 
  font-size: 20px; 
  top: 30px;
  transform: scale(.50);
  -moz-transform: scale(.50);
  -webkit-transform: scale(.50);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
}
/* ==========================================================================
   Hero Promotions
   ========================================================================== */
.hero-promo{margin: 0; height: 512px;}
.hero-promo .background {
	height: 256px;
  background-position: left;
}
.hero-promo.watch .background{
  background: url(../img/btb_parents_watch_background_mobile.jpg) no-repeat right top / auto 100% !important;
}
.hero-promo.watch .background,
.hero-promo.events .background{
  background-position: right;
}
.hero-promo.right .content-wrapper, 
.hero-promo.left .content-wrapper,
.about-main .hero-promo.about .content-wrapper{
  height: 256px;	
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
}
.hero-promo .title,
.where .hero-promo .title{
  padding: 0px 20px;
  height: 110px;
}
.hero-promo .bob img{
  height: 250px;
  width: auto;
}
.hero-promo.events.home .title{
  padding: 0px 0px 0px 20px;
}
.hero-promo .title img{
  height: 110px; 
  width: auto;
}
.hero-promo.events .title h2{
  margin-top: 0px;
}
.hero-promo .title h1{
  font-size: 19px;
}
.hero-promo .title h2{
  font-size: 28px;
}
.hero-promo .title h3{
  font-size: 20px;
  line-height: 1.1;
}
.hero-promo.left.events h1, .hero-promo.left.events h2{
  text-align: left;
}
.hero-promo.events.home .title .titles-container{
  right: auto;
}
.hero-promo.left .content .channels{
  margin: 10px 0 0 0;
}
.hero-promo .content .channels a{
  margin: 0;
}
.hero-promo.left .content .channels img, .hero-promo.right .content .channels div,
.hero-promo.left .content .channels a{
  height: 60px;
  width: 60px;
}
.hero-promo .content,
.where .hero-promo.left.trailer .content-wrapper .content, 
.where .hero-promo.left.online .content-wrapper .content, 
.where .hero-promo .content,
.where #watch-online.hero-promo .content-wrapper .content{
  padding: 0px;
  bottom: auto;
  height: 146px;
}

.hero-promo.right.title-large .content-wrapper .content .where-to-watch-container
{
  position: absolute;
  right:0px;
  text-align: right;
  top:-102px;

   -ms-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;

  -ms-transform:scale(0.5);
  -moz-transform:scale(0.5);
  -webkit-transform:scale(0.5);
  transform:scale(0.5);
}

.hero-promo.right.title-large .content-wrapper .content
{
  width: 100%;
}


.hero-promo.left.title-large .content-wrapper .content .where-to-watch-container
{
  position: absolute;
  width: 100%;
  top: 65px;
  right: 0px;
  
  -ms-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;

  -ms-transform:scale(0.5);
  -moz-transform:scale(0.5);
  -webkit-transform:scale(0.5);
  transform:scale(0.5);

  text-align: right;
}

.hero-promo.title-large div.content.where-to-watch
{
  top: 100px;
  width: 100%;
}

.where .where-to-watch-container img{
  height: 120px;
  width: auto;
}
.hero-promo .content.description-only p{
  font-size: 16px;
  height: 80px;
  overflow-y: scroll;
}
.hero-promo .content a{
  margin: 5px;
}
.hero-promo.left .title h1{
  top: 6%;
}
.hero-promo .quote{
  top: 7%;
  height: auto;
  width: 100%;
}
.hero-promo .quote p{
  width: 65%;
  font-size: 20px;
  margin: 5% auto;
  padding: 40px;
}
.hero-promo .quote p:before,
.hero-promo .quote p:after{
  height: 30px;
  width: 30px;
  margin: 0 10px;
}
.hero-promo .no-quote{
  height: auto;
  width: 100%;
  top: 0;
}
.hero-promo .no-quote div h1{margin-top: 10px; font-size: 30px;}
.hero-promo .no-quote div h2{font-size: 20px;}
.hero-promo .no-quote div p{font-size: 14px; max-height: 100px; overflow-y: scroll; }
.hero-promo .no-quote div {padding: 10px 20px 0 20px;}
.hero-promo .carousel{
  margin: 0 auto;
}
.stationary-character img{
  height: 250px;
  width: auto;
}
.spot-promos .spot-promo-1 h2{
  font-size: 26px;
}
.description-only .actions{
  left: 10px;
}
/* ==========================================================================
   Activities
   ========================================================================== */

.carousel-menu-controls a.cm-prev::before{
  height: 60px;
  width: 60px;
  left: -12px;
  top: -29px;
}
.carousel-menu-controls a.cm-next:before{
  height: 60px;
  width: 60px;
  left: -48px;
  top: -29px;
}
.carousel-menu-controls .cm-prev{
  top: 30px;
  left: 3%;
}
.carousel-menu-controls .cm-next{
  top: 30px;
  right: 3%;
}
/* ==========================================================================
   Where
   ========================================================================== */
.where .hero-promo.left.trailer .content-wrapper{
  background: url("../img/btb_module_icon_tv.png") no-repeat scroll 102% -5px / 115px 100px, rgba(0, 0, 0, 0) url("../img/btb_module_bg_blue_tall.png") repeat-x scroll left top / 100% 100%;
}
.where .hero-promo.left.online .content-wrapper{
  background: url("../img/btb_module_icon_crane.png") no-repeat scroll 100% 0px / 81px 100px, rgba(0, 0, 0, 0) url("../img/btb_module_bg_blue_tall.png") repeat-x scroll left top / 100% 100%;
}
.where .hero-promo.right.tv .content-wrapper{
  background: url("../img/btb_module_icon_plug.png") no-repeat scroll 100% 0px / 82px 100px, rgba(0, 0, 0, 0) url("../img/btb_module_bg_yellow_tall.png") repeat-x scroll left top / 100% 100%;
}

/* ==========================================================================
   Generic Carousel
   ========================================================================== */
.carousel .pagination {
  bottom: 12px;
}
.carousel.with-pagination.pagination-right .pagination,
.carousel.with-pagination.pagination-left .pagination {
  bottom: 18px;
}
.carousel.with-pagination.pagination-right .pagination {
  padding-right: 20px;
}
.carousel.with-pagination.pagination-left .pagination {
  padding-left: 20px;
}
.carousel .pagination span {
  border-width: 3px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin: 0 6px;
}
.carousel.with-pagination.pagination-small .pagination span {
  width: 11px;
  height: 11px;
  border-radius: 11px;
  margin: 0 3px;
}
.carousel.with-controls {
  padding: 0 25px;
}
.carousel .controls span {
	margin-top: -13px;
}
.carousel .controls span.previous {
  border-width: 13px 13px 13px 0;
}
.carousel .controls span.next {
  border-width: 13px 0 13px 13px;
}
.carousel .controls span:after {
  top: -30px;
  width: 40px;
  height: 60px;
}
.carousel .controls span.previous:after {
  left: -15px;
}
.carousel .controls span.next:after {
  left: -25px;
}

.carousel.collection-carousel .carousel-item .thumbnail{
  height: 90px;
  width: 113px;
}
.carousel.collection-carousel .carousel-item .description{
  padding: 0;
  font-size: 16px;
}
.hero-promo .carousel.with-pagination.pagination-small .pagination span{
  height: 16px;
  width: calc(16px * 0.57735);
}
.hero-promo .content.carousel-only .carousel.with-pagination.pagination-right .pagination{
  bottom: 0;
}
/* ==========================================================================
   Footer	
   ========================================================================== */
#footer .footer-icons {
  background: url(../img/btb_footer_bg_Tile.png) repeat-x left top / auto 100%;
}
#footer .footer-options{
  width: 100%;
}
#footer .footer-options .newsletter{
  position: absolute;
  left: 5%;
  top: 6px;
  height: 33px;
}
#footer .footer-options .newsletter .newsletter-sign-up{
  height: 33px;
  width: 200px;
  font-size: 14px;
  line-height: 30px;
  margin: 0;
}
#footer .footer-options .share{
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
}
#footer .footer-options .share span{
  top: auto;
}

#footer .footer-options .share img{
  height: 24px;
  width: auto;
}
#footer .footer-options .share-pop{
  left: -200px;
}
#footer .footer-options .share-pop-inner{
  margin: 20px 0 0 0;
}
#footer .footer-options .socials{
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 14px;
  bottom: 4px;
  right: auto;
}
#footer .footer-options .socials span{font-size: 16px; top: 8px;}
#footer .footer-options .socials a img {height: 24px; width: auto;}
#footer .footer-options .socials a img {
  padding: 10px 12px 0px 20px;
}
#footer .footer-options .socials a::before{
  margin-top: 8px;
  height: 30px;
}
#footer .footer-options .socials a:last-child:after{
  background: none;
}
#footer .footer-links .site-footer-links{
  margin-bottom: 6px;
}
#footer .footer-links .site-footer-links li a{
  font-size: 12px;
}
@media only screen and (max-width: 600px){
  #footer .footer-links{
    bottom: 8px;
  }
}
/* ==========================================================================
   Buttons
   ========================================================================== */
.actions.learn-more a{
  height: 30px;
  width: 146px;
  line-height: 28px;
  font-size: 16px;
} 
a.button {
  font-size: 11px;
  line-height: 12px;
}
.button.subscribe{
  padding: 6px 0;
}
.button.big {
  font-size: 12.5px;
  line-height: 1.3em;
}
.button > span {
  padding: 1px 5px;
}
/* Thomas on TV - find showtimes button */
.button.showtimes {
  text-align: center;
}
.button.showtimes > span {
  padding: 3px 7px 4px 7px;
}
.button.showtimes strong {
  font-size: 24px;
  line-height: 24px;
  padding-right: 24px;
  margin-right: 0;
  display: inline-block;
}
.button.showtimes em {
  display: block;
  font-size: 11px;
  line-height: 12px;
  float: none;
  margin-top: 3px;
}
.button.showtimes em br {
  display: none;
}
.button.showtimes strong:after {
  background-size: 42px auto;
  width: 21px;
}
/* ==========================================================================
   About
   ========================================================================== */
.about #bob.about-promo .content-wrapper .character,
.about #wendy.about-promo .content-wrapper .character,
.about #leo.about-promo .content-wrapper .character,
.about #scoop.about-promo .content-wrapper .character,
.about #muck.about-promo .content-wrapper .character,
.about #lofty.about-promo .content-wrapper .character{
  background-size: 35%;
  max-height: 300px;
}
.about .about-promo.right .content-wrapper .character img,
.about .about-promo.left .content-wrapper .character img{
  max-height: 300px;
  overflow: hidden !important;
}
.about #muck.about-promo div.character img{
  top: 50px;
  right: -120px;
  max-height: 250px
}
.about .about-promo.right .content-wrapper .about-character, 
.about .about-promo.left .content-wrapper .about-character{
  font-size: 20px;
  width: 90%;
  max-height: 180px;
  transition: max-height 1s;
}
.about .about-promo .about-who-wrapper .about-who-icons{
  height: 230px;
}
.about .about-promo.right .about-who-wrapper.full-size .about-character, 
.about .about-promo.left .about-who-wrapper.full-size .about-character{
  max-height: 1200px;
}
.about .about-promo.left .title{
  top: 40px;
  right: 30%;
} 
.about .about-promo.right .title{
  top: 40px;
  left: 30%;
}
.about .about-promo#scoop div.character img{ left: 0; top: -30px; width: 70%;}
.about .about-promo#lofty div.character img{ left: 0; top: -30px; width: 70%;}
.about .about-promo#muck div.character img{ right: -60px; top: 0px; width: 70%;}
@media only screen and (max-width: 470px){
  .about .about-promo#scoop div.character img{ left: -70px;}
  .about .about-promo#lofty div.character img{ left: -70px;}
  .about .about-promo#muck div.character img{ right: -70px;}
}
.about .about-promo.left .title img, .about .about-promo.right .title img, .about .about-promo.bottom .title img{
  max-height: 100px;
}
.about .about-promo.left .title h2, .about .about-promo.right .title h2, .about .about-promo.bottom .title h2{
  font-size: 28px;
}
.about .about-promo.right .actions a,
.about .about-promo.left .actions a{
  bottom: 0%;
  left: 60%;
  right: 4%;
}
.about .about-promo.bottom .actions{
  width: 250px;
}
.about .about-promo.bottom .actions a{
  width: 230px;
  height: auto;
  background: url(../img/btb_button_meet_the_team.png) no-repeat scroll center center / 100% auto;
}
.carousel.slideshow.small .carousel-item .slide p{
  font-size: 16px;
}
/* ==========================================================================
   Events
   ========================================================================== */
.hero-promo .bob{
  position: absolute;
  right: 0;
  margin: 20px 40px;
  display: block;
  height: 300px;
  width: 208px;
}
/* ==========================================================================
   products page - callout module
   ========================================================================== */
.callout-boxes .callout-box-1, .callout-boxes .callout-box-2{
	display: table-row;
	/*position: relative;*/
	width: 100%;
}
.callout-boxes .callout-box-1 > div:nth-of-type(1), .callout-boxes .callout-box-2 > div:nth-of-type(1){
	position: relative;
	display: inline-block;
}
.callout-boxes .callout-box-1 > div:nth-of-type(1) > div h2, .callout-boxes .callout-box-2 > div:nth-of-type(1) > div h2 {
	font-size: 38px;
	display: block;
	position: static;
	margin-top: 0;
	line-height: 37px;
	margin-bottom: 5px;
}
.callout-boxes .callout-box-1 > div:nth-of-type(1) > div, .callout-boxes .callout-box-2 > div:nth-of-type(1) > div {
  padding: 25px 20px;
  overflow: hidden;
	position: static;
}
.callout-boxes .callout-box-1 > div:nth-of-type(1) > div img, .callout-boxes .callout-box-2 > div:nth-of-type(1) > div img {
	height: 95px;
	width: 95px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 25px;
	float: left;
}
.callout-boxes .callout-box-1 > div:nth-of-type(1) > div p, .callout-boxes .callout-box-2 > div:nth-of-type(1) > div p {
	margin: 0;
	float: none;
	display: block;
	margin-top: 5px;
  padding-bottom: 30px;
}
.callout-boxes .callout-box-buttons {
	float: left;
	padding-bottom: 0;
}
.callout-boxes .callout-box-buttons .button {
	float: left;
	margin: 0;
}
.callout-boxes em {
	height: 9px;
	width: 9px;
	background-size: cover;
}
/* ==========================================================================
   products page - shoping module
   ========================================================================== */
.shop-callout .shop-first, .shop-callout .shop-second {
	display: none;
}
.shop-callout .shop-stores {
	margin: 0;
}
.shop-callout .shop-stores a {
	padding: 7px 5px 5px 5px;
}
.shop-callout .shop-stores a img {
	height: 12px;
}

/* ==========================================================================
   Products
   ========================================================================== */






.product-display, .product-description { width: 100%; }
.product-left .product-description,.product-right .product-description{ float: none; }

.product-right .product-display, .product-left .product-display{ position: relative; height: 300px;}
.product-right .product-display img, .product-left .product-display img{ height: 260px; }
.products-promo{ margin: 0; height: 220px; }
.products-promo .quote p{ font-size: 16px; width: 60%; }
.products-promo .quote p:after{ right: 8%; }
.carousel-menu {
  /*height: 17vw;*/
  height: 60px;
  min-height: 50px;
  max-height: 110px;
}
.carousel-menu-elements a {
  font-size: 28px;
  /*font-size: 8vmin;*/
}
.ru-ru .carousel-menu-elements a {
  font-size: 11px;
  /*font-size: 8vmin;*/
}
.el-gr .carousel-menu-elements a {
  font-size: 11px;
  /*font-size: 8vmin;*/
}
.carousel-menu-controls a {

} 
.carousel.toys-carousel.with-controls {
  padding: 0 60px;
}
.carousel.toys-carousel .carousel-item a span,.carousel.toys-carousel .carousel-item span span {
  font-size: 10px;
  line-height: 12px;
}
.carousel.toys-carousel .controls span {
  margin-top: -30px;
}

.products-apps .movie-info {
  height: auto;
}
.products-apps .movie-detail {
  padding: 35px 20px;
}

/* ==========================================================================
   Movies
   ========================================================================== */

.movie-info {
  height: auto;
}
.movie-detail {
  padding: 25px 20px;
}
.movie-detail h2 {
  font-size: 50px;
}
.movie-detail h3 {
  font-size: 20px;
}
.movie-detail p {
  max-width: 100%;
}
.movie-logo {
  width: 40%;
}
.button.with-arrow em {
  border-width: 3px 0 3px 5px;
}
.button.external-link em {
  width: 9px;
  height: 9px;
  background-size: cover;
  margin-bottom: 0;
}
a.button.replay{
  width:150px;
  height:28px;
  line-height:2.5em;
}
.button.replay em {
  width: 10px;
  height: 12px;
  margin-bottom: 0px;
}
.movie-detail {
  padding: 20px;
}
.see-cinema {
  padding: 35px 20px;
}
.see-cinema h2, .see-cinema h3 {
  margin-bottom: 12px;
}

/* ==========================================================================
   Tentpole DVD
   ========================================================================== */


.tentpole-menu-wrapper{
  display:none;
}

.video_element[data-autoplay="true"] .yt_thumb:before {
  display: none;
}
#tentpole-dvd .movie-detail {
  padding: 35px 20px;
  background-size: cover;
}
#tentpole-dvd .movie-info {
  height: 190px;
}
#tentpole-dvd .movie-detail h2 {
  font-size: 50px;
  margin-bottom: 10px;
}
#tentpole-dvd .movie-detail h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
#tentpole-dvd .movie-detail p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 25px;
  max-width: 60%;
}
.play-new-stripe {
/*  display: none;*/
  font-size: 11px;
  height: 25px;
  line-height: 30px;
  top: 20px;
  left: -70px;
  -moz-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-45deg);
}
.play-train-ribbon {
  bottom: 21px;
}
.play-train-ribbon em {
  font-size: 17px;
  padding-left: 18px;
}
.play-train-ribbon strong {
  font-size: 42px;
  height: 39px;
  line-height: 39px;
  padding-left: 18px;
  padding-right: 18px;
}
.play-train-ribbon strong:after {
  width: 21px;
  height: 39px;
  right: -21px;
  background-size: cover;
}
.play-train-ico {
  width: 36px;
  height: 36px;
  background-size: cover;
}
.play-new-train {
  height: auto;
}

.tentpole-top .button {
  bottom: 10px;
  right: 20px;
}
/*..................................................................*/
.tentpole-menu-wrapper {
	padding: 10px;
	min-height: 30px;
}
.tentpole-menu-wrapper .menu-opt-button {
	padding: 0px;
	top: -26px;
}
.tentpole-menu-wrapper .menu-opt-button a{
	font-size: 11px;
	line-height: 1;
}
.tentpole-menu-wrapper .logo {
}

.tentpole-menu-wrapper .dropdown-toggleable a {
	font-size: 19px;
	padding-left: 30px;
	line-height: 50px;
}
.dropdown-toggleable > a:before {
	height: 25px;
	width: 25px;
	background-position: top;
	background-size: cover;
	margin-top: 0;
	top: 13px;
}
.tentpole-menu-wrapper .dropdown-toggleable {
	top: 0;
	margin-left: 0;
	left: 44%;
}
.tentpole-menu-wrapper .menu-opt-icon:before {
	height: 25px;
	background-size: 200%;
	background-repeat: no-repeat;
	width: 25px;
	top: 31px;
}
.tentpole-menu-wrapper .menu-opt-icon a {
	line-height: 1.6;
}
/* ==========================================================================
   More products module
   ========================================================================== */
.more-products-module .title {
  padding: 25px 20px;
  display: block;
}
.more-products-module .title:after {
  content: '';
  display: block;
  clear: both;
}
.more-products-module .title .title-container,
.more-products-module .title .logo-container,
.more-products-module .title .link-container {
  display: block;
  padding: 0;
}
.more-products-module .title .title-container {
  height: auto;
}
.more-products-module .title .logo-container {
  float: left;
  width: 100px;
  margin-top: 10px;
}
.more-products-module .title .logo-container img {
  width: 100px;
  height: auto;
}
.more-products-module .title .link-container {
  width: auto;
  margin: 20px 0 0 120px;
}
.more-products-module .title .title-container h1 {
  font-size: 42px;
  line-height: 34px;
}
.more-products-module .title .title-container h2 {
  font-size: 17px;
  line-height: 17px;
  margin-top: 7px;
}
.more-products-module .title .link-container a {
  font-size: 16px;
  line-height: 18px;
}
.more-products-module .title .link-container a em {
  background: transparent url(../img/ico-external-link.png) no-repeat scroll left center;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  display: inline-block;
  margin-bottom: -3px;
  background-size: cover;
}
.more-products-module .content {
  padding: 10px 20px;
}
.more-products-module .content .actions {
  padding: 5px 0;
}

/* ==========================================================================
   Events video module
   ========================================================================== */
.event-details-summary {
	font-size: 20px;
	padding: 30px;
}
.events-promo{
  margin: 0;
}
.events-video-wrapper {
  position: relative;
}
.events-video-ticket {
  margin: 0;
  height: auto;
  float: none;
  position: absolute;
  top: -135px;
  right: 20px;
  width: 100px;
  height: 100px;
}
.schedule-info {
	padding: 30px;
}
.events-video-description p {
  margin: 30px 20px 40px;
}
.events-video-description .button {
  right: 20px;
  bottom: 20px;
  position:relative;
  float: right;
}
.events-video-header h2, .events-video-header h3 {
  padding: 0 140px 0 20px;
}
.events-video-header h2 {
  font-size: 50px;
  line-height: 40px;
}
.events-video-header h3 {
  font-size: 20px;
  line-height: 20px;
}

/* ==========================================================================
   About when page
   ========================================================================== */
.timeline-module:before {
  background: url(../img/btb_about_when_building_section.png) repeat-y left top / 59px 50px, 
              url(../img/btb_about_when_rack.png) repeat-y 56px 0px / 13px 41px, 
              url(../img/btb_about_when_footer_building.png) no-repeat 40px 100% / 74px 90px;
}

.timeline-module .elevator{
  background: url(../img/btb_about_when_elevator.png) no-repeat 0px 0px / 40px 48px;
  left: 60px;
}

.timeline-module {
  padding-bottom: 100px;
  margin-bottom: 0px;
}
.timeline-module ul {
  padding-top: 30px;
  left: 100px;
  width: 70%;
}
.timeline-module li {
  margin-bottom: 1.5em;
}
.timeline-module p {
  font-size: 16px;
  line-height: 1.3;
  width: 95%;
}
.timeline-module .date {
  font-size: 50px;
  margin-bottom: 0.33em;
}
.timeline-module ul:before {
  right: 0;
  left: 28.71428571428571px;
  background-size: 24.88571428571428px 29.71428571428571px;
}
.timeline-module ul{
  margin: 0;
}

/* ==========================================================================
   About who page
   ========================================================================== */
.about-who-summary {
  padding: 17px 12px;
  font-size: 12px;
  line-height: 1.3;
}
.about-who-summary p.title,
.about-who-summary p.subtitle {
  font-size: 17px;
  line-height: 20px;
}
.about-who-summary p.title {
  margin-bottom: 9px;
}
.about-who-summary p.subtitle {
  margin-bottom: 6px;
}

.callout-button {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
}  
.callout-button p {
	font-size: 16px;
	margin-bottom: 15px;
}

.engine-introduction {
  padding-top: 25px;
  padding-bottom: 55px;
  min-height: 320px;
}
.engine-introduction:before {
  height: 25px;
}
.engine-introduction .engine-wrapper {
  height: 230px;
  background-size: auto 120%;
  border-bottom-width: 1px;
}
.engine-introduction.left .engine-wrapper {
  left: 42.95%;
  margin-left: -329px;
}
.engine-introduction.right .engine-wrapper {
  right: 42.95%;
  margin-right: -329px;
}
.engine-introduction .engine-wrapper .engine {
  background-size: auto 127%;
  top: -14px;
}
.engine-introduction.left .engine-wrapper .engine {
  left: 78px;
}
.engine-introduction.right .engine-wrapper .engine {
  right: 78px;
}
.engine-introduction .badge {
  top: 41px;
}
.engine-introduction .badge .location {
  font-size: 7px;
}
.engine-introduction .badge .location span {
  min-width: 25px;
  height: 25px;
  line-height: 30px;
  font-size: 17px;
  top: -6px;
}
.engine-introduction .badge .name {
  font-size: 73px;
  line-height: 55px;
  margin-top: -4px;
}
.ru-ru .engine-introduction .badge .name {
  font-size: 40px;
}
.el-gr .engine-introduction .badge .name {
  font-size: 40px;
}
.engine-introduction .badge .title {
  font-size: 7px;
  height: 12px;
  line-height: 14px;
  background-size: 12px 40px;
  margin-top: 7px;
  padding: 0 5px;
}
.engine-introduction .badge .title:before,
.engine-introduction .badge .title:after {
  background-size: 12px 40px;
  width: 12px;
  height: 14px;
}
.engine-introduction .badge .title:before {
  left: -12px;
  background-position: 0 -12px;
}
.engine-introduction .badge .title:after {
  right: -12px;
  background-position: 0 -26px;
}

.engine-introduction .badge .star {
  margin-top: 6px;
  border-right: 5px solid transparent !important;
  border-bottom: 3px solid;
  border-left: 5px solid transparent !important;
}
.engine-introduction .badge .star em {
  border-bottom: 4px solid;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  top: -3px;
  left: -3px;
}
.engine-introduction .badge .star strong {
  top: 0px;
  left: -5px;
  border-right: 5px solid transparent !important;
  border-bottom: 3px solid;
  border-left: 5px solid transparent !important;
}
.engine-introduction.left .description,
.engine-introduction.right .description {
  margin: 224px 20px 0 20px;
  font-size: 12px;
  line-height: 1.3;
}
.engine-introduction .toggle-more {
  font-size: 13px;
  margin: 20px 0;
  padding-left: 10px;
}
.engine-introduction .toggle-more:before {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
}
.engine-introduction.full-description .description .more {
  max-height: 200px;
}
.engine-introduction.left > .button,
.engine-introduction.right > .button {
  bottom: 15px;
  left: 20px;
}

/* ==========================================================================
   About why page
   ========================================================================== */
.why-module-title, .why-module-title div{
  height: 250px;
  width: auto;
}
.why-module-title h2{
  font-size: 40px;
}
.why-module-text p{
  line-height: 1.5;
}
/* ==========================================================================
   About landing
   ========================================================================== */
.when-module {
  min-height: 100%;
  padding: 25px;
}
.when-module-image, .when-module-text {
  width: 100%;
}
.when-module-text {
  padding-top: 15px;
  min-height: 100%;
}
.when-module-image > div {
  margin-right: 0;
  text-align: center;
}
.when-module-image > div img {
  max-width: 90%;
}
.when-module-text > div {
  margin-left: 0;
  padding-bottom: 30px;
}
.when-module-text h2 {
  font-size: 50px;
}
.when-module-text h3 {
  font-size: 20px;
}
.when-module-text .button {
  position: relative;
  left: 0;
  bottom: 0;
}
/* ==========================================================================
   activities
   ========================================================================== */
#activities .activity{
  width: 100%;
}
#activities .activity > a.button{
  height: 52px;
  width: 180px;
  font-size: 18px;
}
.fr-fr #activities .activity > a.button {font-size: 15px; width: 240px;}
.activity-details .carousel.with-pagination.slideshow.small{ height: 200px; }
.activity-details .carousel .carousel-root{ height: 200px; }
.activity-details .carousel.slideshow .carousel-item{ height: 200px; }
#activities .activity .thumbnail{
  height: 152px;
  width: 180px;
}
#activities .activity .teaser{
  font-size: 14px;
}
.frame span.right-handle, .frame span.left-handle{
  display: none;
}
/* ==========================================================================
   activities details
   ========================================================================== */
.activity-detail-module .activity-detail-module-column h4{
  font-size: 16px;
  line-height: 1;
}
.activity-detail-module-column h3, .activity-detail-module h3{
  font-size: 30px;
  line-height: 1;
  width: 70%;
}
.activity-detail-module-content .share{
  right: 0;
  height: 60px;
  width: 60px;
}
.activity-detail-module-content .share img{
  height: 100%;
  width: 100%;
}
.activity-detail-module-content .share .share-pop{
  left: -186px;
}
/*------------------------------------------------------*/
.gap-between-same-modules {
	margin-top: 0px;
}
/* ==========================================================================
   events detail
   ========================================================================== */
.schedule-info-column {
	width: 100%;
}
.site-footer-links li {clear:both;float:none;border:none;}
.choose-country{width:60%;outline:none}
.thomas-socials {line-height: 37px;border-left: none !important;padding: 0px !important;}
.footer-options li span.newsletter-sign-up{padding: 15px 40px !important;}


/* ==========================================================================
    404 page
   ========================================================================== */
#interstitial{
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
}
#content.error-404 .error-text, #interstitial .interstitial-text{
  background-color: rgba(0,0,0,0.2);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
  transform: translateY(-20%);
  -webkit-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
}
#content.error-404 .error-text h3, #interstitial .interstitial-text h3{
  font-size: 16px;
}
#content.error-404 .error-text p{
  font-size: 12px;
}
#interstitial a#go-back{
  margin: 10px auto;
  height: 40px;
  line-height: 38px;
  width: 194px;
  background: rgba(0, 0, 0, 0) url("../img/btb_button_sign_up.png") no-repeat scroll center center / 100% auto;
}
.pop-up .pop-up-content {
padding: 100px 0px;
}

.products-apps .movie-container div img{width:100%}
.popup-logo{width:25% !important}
.pop-up-thankyou{color: #fff; float: left; margin: 0px 25px; text-align: left;width:60% !important}
#ugc-container .summary{line-height: 20px}
#ugc-container .summary span{font-size:0.75em}
#ugc-container .summary h1{font-size: 0.80em;line-height: 20px;}
#ugc-container .summary p{font-size:14px}

.kids-flag-bar p, .flag-bar-header {font-size: 20px;  padding: 1% 20%;}
.toys-carousel.carousel .carousel-root .carousel-list .carousel-item {
	margin-top: 20px;
}

.flagbar-pop-up {
    width: 90%;
}
.flag-popup-header h2 {
	font-size: 65px;
}