/*
Theme Name: Dream Works Animation
Author: D13
Author URI: http://division13.com/
Version: 1.0
*/

@import url('library/bootstrap/css/bootstrap.css');

body {
    font-family: 'Gotham A', 'Gotham B'; 
    font-weight: 400; 
    font-style: normal;
    /*background-color:#385cae;*/    
    
    transform-origin:0 0;
    -ms-transform-origin:0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

body.screen-phone {
    
}

body.disable-scroll {
    overflow-y: hidden;
}
.screen-desktop.disable-scroll {
    overflow: hidden;
}

a,
a:hover {
    text-decoration:none;
}
.full-width {width:100%; background-color:#fff;}
.full-width-container {max-width:2048px; margin-left:auto; margin-right:auto;}
/*.main-wrapper {padding: 20px 45px;}
.screen-phone .main-wrapper {padding: 20px 0px;}*/
.main-wrapper {padding: 20px 35px;}
.screen-phone .main-wrapper {padding: 20px 45px;}
.screen-desktop .full-width {min-width:1000px;}
.screen-phone .full-width {min-width:559px;}

.screen-desktop .container {
    width:1000px !important;
}
.screen-phone .container {
    width:559px !important;
}

.screen-desktop .max-width,
.screen-phone .max-width,
.container.no-padding-width {
    padding-left:0px;
    padding-right:0px;
}

.screen-phone .full-width-phone {
    width:100% !important;
}

/* Font ################################# 
######################################### */
.font-light {font-family: 'Gotham A', 'Gotham B'; font-weight: 300; font-style: normal;}
.font-book {font-family: 'Gotham A', 'Gotham B'; font-weight: 400; font-style: normal;}
.font-medium {font-family: 'Gotham A', 'Gotham B'; font-weight: 500; font-style: normal;}
.font-bold {font-family: 'Gotham A', 'Gotham B'; font-weight: 700; font-style: normal;}

/* bootstrap ############################ 
######################################### */
.carousel-indicators {
    left:auto;
    right:10%;
    bottom:0px;
    text-align:right;
}
.carousel-indicators li,
.carousel-indicators .active {
    /*width:15px;
    height:15px;
    margin:0px;
    margin-left:10px;
    border: 3px solid #fe0103;
    background-color:#fe0103;
    */
}
.carousel-indicators .active {
    background-color:#b00002;
}
.carousel-control-custom {
    position:absolute;
    top:45%;
}
.carousel-control-custom.left {
    left:20px;
}
.carousel-control-custom.right {
    right:20px;
}

.carousel-inner > .item {
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
.carousel-inner > .active {
  opacity:1;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 0%;
  opacity:0;
}
.carousel-inner > .prev {
  left: 0%;
  opacity:0;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
  opacity:1;
}
.carousel-inner > .active.left {
  left: 0%;
  opacity:0;
}
.carousel-inner > .active.right {
  left: 0%;
  opacity:0;
}

/* JSP ##################################
######################################### */
.jspVerticalBar {
    width:20px !important;    
    background:none !important;
}
.jspHorizontalBar {
    background:none !important;
}
.jspVerticalBar .jspTrack {
    background:url(library/images/common/scroll-track.jpg) center repeat-y !important;
}
.jspDrag {
    width:20px !important;
    height:20px !important;
    background:url(library/images/common/scroll-handler.png) center no-repeat !important;
}


/* Header ###############################
######################################### */
#header {
    height:39px;
    /*background-color:#385cae;*/    
}
/*#header img {max-height:39px;}*/
#header #header-logo img,
#header #header-cloud img {
    max-height:39px;
}
.screen-phone #header {
    height:36px;
}
/*.screen-phone #header img {max-height:36px;}*/
.screen-phone #header #header-logo img,
.screen-phone #header #header-cloud img {
    max-height:36px;
}
#header .full-width-container{
    background-color:#385cae;
}
#header .container {
    /*padding-left:50px;
    padding-right:50px;*/
    padding-left:70px;
    padding-right:70px;
}
#header-nav {
    text-align:left;
    margin-top:6px;
}
#header-nav::-moz-selection { /* Code for Firefox */
    background: none;
}
#header-nav::selection {
    background: none;
}
#header-nav a {
    color:#fff;
    margin-left: 32px;
    font-size: 22px;
    line-height: 26px;
    /*font-family: 'Roboto Condensed', sans-serif; 
    font-weight: 700;*/
    font-family: 'Open Sans', sans-serif; 
    font-weight: 700;
    padding: 4px 0px;
    text-decoration: none;
}
#header-nav a:visited {
    text-decoration: none;
}
#header-nav a.active span {
    border-bottom:2px solid #fff;
}
#header-nav a.header-nav-newsletter {
    font-size:15px;
    line-height:15px;
    border:1px solid #fff;
    padding: 0px 5px;
    position: relative;
    top: -3px;
}
#header-logo {
    width:26%;
    float:left;
    margin-left:-10px;   
}
#header-cloud {
    width:16%;
    float:left;
}
#header-nav {
    width:59%;
    float:left;
}

#header-logo-subnav {
    position:relative;
    top:-5px;
    z-index:99;
    width: 215px;
    clear: both;
    background-color: #385cae;        
    border-top: 2px solid #fff;
    display:none;
}
#header-logo-subnav a {
    color:#fff;
    font-family: 'Open Sans', sans-serif; 
    font-weight:bold;
    font-size:15px;
    line-height:15px;
    display: block;
}
#header-logo-subnav ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
#header-logo-subnav li {
    padding:5px 5px 7px 8px;
}
#header-logo-subnav li:first-child {
    margin-top:3px;
}
#header-logo-subnav li:hover {
    background-color: #5473b9;
}

#header-movie-tray {
    width:100%;
    height:125px;
    background-color:#385cae;
    position:relative;
    top:0px;
    z-index:98;
    overflow:hidden;
    display:none;
}
#header-movie-tray .container {
    position:relative;
}
#header-movie-tray #dwa-embed-movie-carousel {
    height:125px;
}
#header-movie-tray #dwa-embed-movie-carousel .owl-controls {
    display:none !important;
}
#header-movie-tray .dwa-embed-movie-carousel-item {
    padding:12px 5px;
}
#header-movie-tray .dwa-embed-movie-carousel-arrow {
   width:50px;
   height:50px;   
   position:absolute;
   top:50%;
   margin-top:-25px;
   cursor:pointer;
}
#header-movie-tray #dwa-embed-movie-carousel-arrow-prev {
    background:url(library/images/common/chrome-arrow-left.png);
    left:0px;
    display:none;
}
#header-movie-tray #dwa-embed-movie-carousel-arrow-prev:hover {
    background:url(library/images/common/chrome-arrow-left-over.png);
}
#header-movie-tray #dwa-embed-movie-carousel-arrow-next {
    background:url(library/images/common/chrome-arrow-right.png);
    right:0px;
    display:none;
}
#header-movie-tray #dwa-embed-movie-carousel-arrow-next:hover {
    background:url(library/images/common/chrome-arrow-right-over.png);
}

.screen-phone #header .container {
    padding-left:25px;
    padding-right:25px;
}
.screen-phone #header-nav a {
    margin-left:7px;
}
.screen-phone #header-cloud {
    display:none;
}
.screen-phone #header-logo {
    width:42%;
}
.screen-phone #header-nav {
    width:58%;
    margin-top:9px;
}

.screen-phone #header-nav a {
    font-size: 15px;
    line-height: 15px;
    padding: 8px 0px;
}
.screen-phone #header-nav  a.header-nav-newsletter {
    font-size: 10px;
    line-height: 10px;
    padding: 2px 5px;
    top: -2px;
}

.screen-phone #header-movie-tray #dwa-embed-movie-carousel {
    width:400px;
    margin: 0 auto;
}
.screen-phone #header-movie-tray .dwa-embed-movie-carousel-item {
    padding: 23px 5px;
}

/* Footer ###############################
######################################### */
#footer {
    /*height:143px;*/
    /*background-color:#385cae;
    padding:20px 0px;*/
    color:#fff;
    font-size:14px;
    line-height: 20px;
    letter-spacing: 1px;
    position:relative;
    height:143px;
}
#footer .full-width-container{
    padding-top:20px;
    background-color:#385cae;
}
#footer a {
    color:#bcbec0;
}
#footer .container {
    padding-left: 70px;
    padding-right: 50px;
}
#footer-logo {
    width:10.6%;
    float:left;
}
#footer-links {
	padding-left:8.25%;
    width:89%;
    float:left;
}
.footer-links-item {
    width:27%;
    float:left;
}
.footer-links-item-smalla {
    width:20%;
    float:left;
}
.footer-links-item-smallb {
    width:14%;
    float:left;
}

#footer-copyright {
    width:100%;
    clear:both;
    position:relative;
    top:-25px;
    padding-left:19%;
    font-size:11px;
    color:#ccc;
}
.footer-copyright-link {
    margin-left:10px;    
    color:#fff;
}
.footer-copyright-hpe {
	left:89.5%;
	top:-5px;
	position: absolute;
}

.footer-copyright-hpi {
	left:100%;
	top:-2px;
	position: absolute;
}


.screen-phone #footer {
    font-size:12pt;
    line-height: 17pt;
    height:70px;
}
.screen-phone #footer .container {
    padding-left:70px;
    padding-right:70px;
}
.screen-phone #footer-logo {
    display:none;
}
.screen-phone #footer-links {
    width:100%;
    padding-left:0px;
    padding-right:0px;
    clear:both;
}
.screen-phone .footer-links-item {
    width:50%;
    height:60px;
    float:left;    
}
.screen-phone .footer-links-item-smalla {
    width:50%;
    height:60px;
    float:left;    
}
.screen-phone .footer-links-item-smallb {
    width:50%;
    height:70px;
    float:left;    
}
.screen-phone #footer-copyright {
    top:-15px;
    padding-left:0%;
    font-size:9pt;
}
.screen-phone .footer-copyright-link {
    margin-left:10px;
}
.screen-phone .footer-copyright-hpe {
	left:95%;
	top:-12px;
	position: absolute;
}

.screen-phone .footer-copyright-hpi {
	left:95%;
	top:22px;
	position: absolute;
}

/*
.footer-logo .col-md-3 {
    width:20%;
}
.footer-logo .col-md-9 {
    width:80%;
    padding-left:0px;
    padding-right:0px;
}
.footer-link .col-md-3 {
    padding-right:0px;
    width:25%;
}
.screen-phone .col-sm-6 {
    height: 100px;
}

.screen-phone #footer .container {
    padding-left:50px;
    padding-right:50px;
}
*/

/* Page #################################
######################################### */
.page-banner-container {
    position:relative;
}
.page-banner-container {
    height:434px;
}
.page-banner-wrapper {
    position: relative;
    left: 50%;
    /*margin-left: -1024px;
    width:2048px !important;
    height:434px !important;
    */
}
.page-banner-wrapper.fullSize {
    margin-left: -1024px !important;
    width:2048px !important;
    height:434px !important;
}
.page-banner-wrapper.defaultSize {
    margin-left: -882px !important;
    width:1764px !important;
    height:374px !important;
}
.screen-phone .page-banner-wrapper {
    width:1146px !important;
    height:242px !important;
    margin-left:-573px !important;
}

.screen-desktop .page-banner-container {
    width:100%;
    min-width:1000px;
    overflow:hidden;
}
.screen-phone .page-banner-container {
    width:559px;
    overflow:hidden;
}


/* Homepage ############################# 
######################################### */

/* Homepage Top Carousel */
.hp-carousel-container {
    position:relative;
}
.hp-carousel-container {
    height:434px;
}
.hp-carousel-wrapper {
    position: relative;
    left: 50%;
    /*margin-left: -1024px;
    width:2048px !important;
    height:434px !important;
    */
}
.hp-carousel-wrapper.fullSize {
    margin-left: -1024px !important;
    width:2048px !important;
    height:434px !important;
}
.hp-carousel-wrapper.defaultSize {
    margin-left: -882px !important;
    width:1764px !important;
    height:374px !important;
}
.screen-phone .hp-carousel-wrapper {
    width:1146px !important;
    height:242px !important;
    margin-left:-573px !important;
}

.screen-desktop .hp-carousel-container {
    width:100%;
    min-width:1000px;
    overflow:hidden;
}
.screen-phone .hp-carousel-container {
    width:559px;
    overflow:hidden;
}

.hp-carousel-indicators-container {
    position:absolute;
    bottom:20px;
    left:50%;
    height:23px;
    padding-left:15px;
    padding-right:15px;
}

.screen-desktop .hp-carousel-indicators-container {
    width:1000px;
    margin-left:-500px;
    overflow:hidden;
}

.screen-phone .hp-carousel-indicators-container {
    width:559px;
    margin-left:-289px;
    overflow:hidden;
}

ol.hp-carousel-indicators {
    position:absolute;
    right:20px;
    list-style:none;  
    width:auto;
    height:23px;
    padding:0px;
    margin:0px;
    z-index: 999;
}
ol.hp-carousel-indicators li {
    width:19px;
    height:19px;
    float:left;
    margin-left:10px;
    cursor:pointer;
    background: url(library/images/header-promo/pagedot-off.png) center no-repeat;
}
ol.hp-carousel-indicators li.active {
    background: url(library/images/header-promo/pagedot-on.png) center no-repeat;
}
ol.hp-carousel-indicators .active {
    width:19px;
    height:19px;
    margin-left:10px;
}

/* Homepage Slide */
.dwa-slide-main-container-overlay {
    background:#ff0000 url(library/images/common/gifloader.gif) center 40% no-repeat;
    position:absolute;
    top:0px;
    width:100%;
    height:300px;
}
.dwa-slide-container {
    position:relative;
    width:100%;
    height:150px;
    overflow:hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
}
.dwa-slide-shadow {
/*
    background: url(library/images/connect-carousel/icon-shadow.png) center no-repeat;
    width:158px;
    height:164px;
    */
    position:absolute;
    top:0px;
    z-index: 1000;
}
.dwa-slide-item-container {
    width:882px;
    /*height:91%;*/
    /*height:96.5%;*/
    height:100%;
    margin:0 auto; 
    overflow:hidden;
    position:absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -441px;
}
.screen-phone .dwa-slide-item-container {
    /*height:91%;*/
    /*height:96.5%;*/
    height:100%;
}
.screen-phone .dwa-slide-item-container {
    width:441px;
    margin-left: -220px;
}
.dwa-slide-item-wrapper {
    width:9999px;
    /*height:150px;*/
    height:100%;
    overflow:hidden;
    position:absolute;    
    top:0px;
}
.dwa-slide-title-wrapper {
    width:100%;
    background-color:#fff;
}
.dwa-slide-title {
    font-size:50px;
    line-height:36px;
    padding-left:60px;
    position:relative;
    letter-spacing:-1px;
    margin-top:20px;
    /*
    position:relative;
    top:10px;
    left:0px;
    height:10%;
    color:#fff;
    font-size:20px;
    padding-left:60px;
    */
    /*background-color:#ccc;*/
}
.dwa-slide-title-overlap {
    position:absolute;
    top:-37px;
    left:0px;
    font-size:65px;
    line-height:28px;
    z-index:999;
    padding-left:60px;
    letter-spacing:-4px;
}
.dwa-slide-slot-item {
    width:100px;
    height:100%;
    float:left;
    position:relative;
    top:20px;
    left:0px;
    z-index:999;
    cursor:pointer;
    /*opacity:0.5;
    filter: alpha(opacity=50);*/
}
.dwa-slide-slot-item.active {
    top:0px;        
}

.dwa-slide-slot-content {
    display:none;
}

.dwa-slide-slot-item .dwa-slide-slot-img-on {
    /*display:none;*/
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
/*
.dwa-slide-slot-item.active .dwa-slide-slot-img-on{
    display:block;
}
.dwa-slide-slot-item.active .dwa-slide-slot-img-off{
    display:none;
}
*/
.dwa-slide-slot-img-on,
.dwa-slide-slot-img-off{
    position:absolute;
    top:0px;
}
.dwa-slide-slot-item.on .dwa-slide-slot-img-on{
    /*display:block;*/
    opacity: 1;
}
.dwa-slide-slot-item.on .dwa-slide-slot-img-off{
    /*display:none;*/
    opacity: 1;
}

.dwa-slide-btn {
    position:absolute;
    top:50%;
    cursor:pointer;
    width:50px;
    height:50px;
    margin-top:-20px;
}
.dwa-slide-prev {
    left:0px;
    background: url(library/images/common/arrow-left.png) center no-repeat;
}
.dwa-slide-prev:hover {    
    background: url(library/images/common/arrow-left-over.png) center no-repeat;
}
.dwa-slide-next {
    right:0px;
    background: url(library/images/common/arrow-right.png) center no-repeat;
}
.dwa-slide-next:hover {    
    background: url(library/images/common/arrow-right-over.png) center no-repeat;
}

/* slide caption */
.dwa-slide-caption-container .container {
    position:relative;
    min-height:220px;
    padding-left:0px;
    padding-right:0px;
    overflow:hidden;
}
.dwa-slide-caption-previous,
.dwa-slide-caption-current {
    width:100%;  
    min-height:220px;
    position:absolute;
    top:0px;
    background-color:#fff;
}
.dwa-slide-caption-previous {
    /*position:relative;*/
}
.screen-phone .dwa-slide-caption-previous,
.screen-phone .dwa-slide-caption-current {
    /*width:509px;  */
    width:559px;
}
.dwa-slide-caption-wide .dwa-slide-content-wrapper {
    width:431px;
    height:180px;
    /*overflow:auto;*/
    /*margin-top:20px;*/
    position:relative;
    top:20px;
    /*padding-left:35px;*/
    margin-left: 59px;
    outline: none;
}
.dwa-slide-caption-narrow .dwa-slide-content-wrapper {
    width:421px;
    height:180px;
    /*overflow:auto;*/
    /*margin-top:20px;*/
    position:relative;
    top:20px;
    margin-left: 69px;
    outline: none;
}

.dwa-slide-content-title{
    font-family: 'Gotham A', 'Gotham B'; font-weight: 700; font-style: normal;
    color:#385dae;
    font-size:18px;    
}
.screen-phone .dwa-slide-content-title{
    font-size:17px;
    line-height:17px;
}
.dwa-slide-content-summary{
    font-size:12px;
    padding: 5px 0px;
    padding-bottom:8px;
}
.screen-phone .dwa-slide-content-summary{
    font-size:14px;
    line-height:17px;
    padding: 5px 0px;
}
.dwa-slide-content-more,
.dwa-slide-content-more a{
    font-family: 'Gotham A', 'Gotham B'; font-weight: 700; font-style: normal;
    color:#385dae;
    font-size:15px;
}
.screen-phone .dwa-slide-content-more,
.screen-phone .dwa-slide-content-more a{
    font-size:15px;
    line-height:15px;
}


.dwa-slide-content-bottom-btn-container {
    /*
    position:absolute;
    top:154px;
    */
    height:30px;
}
.dwa-slide-content-btn,
.dwa-slide-content-youtube-btn {
    border:1px solid #939598;
    background:#eeefef;        
    font-family: 'Gotham A', 'Gotham B'; 
    font-weight: 500; 
    font-style: normal;
    cursor:pointer;
}
a.dwa-slide-content-btn,
.dwa-slide-content-btn{
    color:#939598;
    padding:5px 5px;
    font-size:16px;
}
a.dwa-slide-content-btn:hover,
.dwa-slide-content-btn:hover {
    color:#000;
    border:1px solid #000;
}
.dwa-slide-content-youtube-btn{
    color:#939598;
    padding:5px 5px;
    font-size:16px;
    padding-left:30px;
    background:#eeefef url(library/images/common/play-icon.png) 5px 5px no-repeat;
}
.dwa-slide-content-youtube-btn.active{
    background:#eeefef url(library/images/common/play-icon-over.png) 5px 5px no-repeat;
    color:#000;
    border:1px solid #000;
}

.dwa-slide-content-wrapper .jspTrack,
.dwa-slide-custom-content-wrapper .jspTrack {
    background-color: #68d0ed;
}
.dwa-slide-content-wrapper .jspDrag,
.dwa-slide-custom-content-wrapper .jspDrag {
    background-color:#385dae;
}

/* SPECIAL style for specific slide */
.dwa-slide-dreamworks_family .dwa-slide-btn {
    margin-top:0px;
}
/*
.dwa-slide-dreamworks_connect .dwa-slide-title {    
    height:15%;
}
*/
/*
.dwa-slide-dreamworks_connect .dwa-slide-title span {
    position:relative;
    left:9px;
}
*/
/*
.dwa-slide-dreamworks_connect .dwa-slide-item-container {
    height:100%;
}

.dwa-slide-dreamworks_divisions .dwa-slide-title {
    height:16.5%;
}
*/
/*
.dwa-slide-dreamworks_divisions .dwa-slide-title span {
    position:relative;
    left:9px;
}
*/
/*
.dwa-slide-dreamworks_divisions .dwa-slide-item-container {
    height:90%;
}
*/

/* CUSTOM slide caption */
.dwa-slide-custom-caption-container {
    display:none;
}
.dwa-slide-custom-caption-container .container {
    position:relative;  
    min-height:220px;
    padding-left:0px;
    padding-right:0px;
    overflow:hidden;
}
.dwa-slide-custom-caption-previous,
.dwa-slide-custom-caption-current {
    width:100%;  
    position:absolute;
    top:0px;
    background-color:#fff;
}
.screen-phone .dwa-slide-custom-caption-previous,
.screen-phone .dwa-slide-custom-caption-current {
    width:509px;  
    
}
.dwa-slide-custom-content-wrapper {
    width:100%; 
    outline: none;
}
.dwa-slide-custom-content-wrapper.custom-slide-content-default {
    width:882px;
    position:relative;
    left:50%;
    margin-left:-441px;
    padding:20px 10px;
}
.dwa-slide-caption-wide .dwa-slide-custom-content-wrapper.custom-slide-content-default {
    padding:20px 0px;
}
.screen-phone .dwa-slide-custom-content-wrapper.custom-slide-content-default {
    /*width:559px;
    margin-left:0px;
    padding:20px 30px;*/
    width:431px;
    left:0%;
    margin-left:59px;
    padding:20px 0px;
}
.screen-phone .dwa-slide-caption-narrow .dwa-slide-custom-content-wrapper.custom-slide-content-default {
    padding:20px 10px;
}

.dwa-slide-caption-key {
    width:65px;
    height:42px;
    background: url(library/images/common/key-position.png) center no-repeat;
    position:absolute;
    /*top:-42px;
    left:0px;*/
    bottom:0px;
}

/* Social feed */
.general-post table {
    width:100%;
    height:60px;
    font-size:12px;
    line-height:13px;
    margin-bottom:5px;
}
.screen-phone .general-post table {
    height:70px;
    font-size:14px;
    line-height:16px;
}
.general-post tr {
    border-bottom:1px solid #ccc;    
}
.general-post img {
    padding-top:2px;
}
.general-post-screen-name {
    color:#b4b4b4;
}
.general-post-name,
.general-post-more {
    color:#385cae;
}

.general-photo-instagram-icon-link {
    width:180px;
    height:65px;
    position:absolute;
    top:115px;
    left:257px;
}
.general-photo-instagram-icon {
    background: url(library/images/connect-carousel/image-instagram.jpg) no-repeat;
    width:180px;
    height:65px;
    position:absolute;
    top:0px;
    left:0px;
}
.general-photo-pinterest-icon-link {
    width:180px;
    height:65px;
    position:absolute;
    top:115px;
    left:257px;
}
.general-photo-pinterest-icon {
    background: url(library/images/connect-carousel/image-pinterest.jpg) no-repeat;
    width:180px;
    height:65px;
    position:absolute;
    top:0px;
    left:0px;
}
.screen-phone .general-photo-instagram-icon {
    left:277px;
}
.general-photo-block {
    width:862px;
    height:180px;
    /*background-color:#ccc;*/
    position:relative;
    margin-left:69px;
    margin-bottom:10px;
}
.screen-phone .general-photo-block {
    width:400px;
    /*height:370px;*/
    height:165px;
}
.guid-sm {
    width:85px;
    height:85px;    
    position:absolute;
}
.guid-lg {
    width:180px;
    height:180px;
    /*background-color:#00ff00;*/
    position:absolute;
}
.guid-item {
    width:100%;
    height:100%;
}
.guid1 {top:0px; left:0px;}
.guid2 {top:0px; left:93px;}
.guid3 {top:95px; left:0px;}
.guid4 {top:95px; left:93px;}
.guid5 {top:0px; left:188px;}
.guid6 {top:0px; left:378px;}
.guid7 {top:0px; left:473px;}
.guid8 {top:0px; left:568px;}
.guid9 {top:95px; left:378px;}
.guid10 {top:95px; left:473px;}
.guid11 {top:95px; left:568px;}
.guid12 {top:0px; left:663px;}

.screen-phone .guid1 {top:0px; left:0px;}
.screen-phone .guid2 {top:0px; left:103px;}
.screen-phone .guid3 {top:95px; left:0px;}
.screen-phone .guid4 {top:95px; left:103px;}
.screen-phone .guid5 {top:0px; left:208px;}
.screen-phone .guid6 {top:190px; left:0px;}
.screen-phone .guid7 {top:190px; left:103px;}
.screen-phone .guid8 {top:190px; left:208px;}
.screen-phone .guid9 {top:285px; left:0px;}
.screen-phone .guid10 {top:285px; left:103px;}
.screen-phone .guid11 {top:285px; left:208px;}
.screen-phone .guid12 {top:190px; left:208px;}



/* Popup
########################################### */
/*
#popup-overlay-container,
#popup-overlay-bg,
#popup-overlay-content {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:999;    
}
*/
#popup-overlay-container,
#popup-overlay-bg {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;   
}
#popup-overlay-container{
    z-index:1001;
}
#popup-overlay-container {
    display:none;
}
#popup-overlay-bg {    
    background-color:#000;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}
#popup-overlay-content {
}
#popup-video-overlay-player {
    width:892px;
    height:550px;
    /*background:url(library/images/common/video-overlay.png) no-repeat;*/    
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-275px;
    margin-left:-446px;
}
.screen-phone #popup-video-overlay-player{
    width:519px;
    height:320px;
    /*background:url(library/images/common/video-overlay.png) no-repeat;*/
    background-size:contain;
    margin-top:-160px;
    margin-left:-259px;
}

/*OUTREACH OVERLAY*/
#popup-outreach-overlay {
    width:892px;
    height:550px;
    /*background:url(library/images/common/outreach-overlay.png) no-repeat;*/
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-275px;
    margin-left:-446px;
}
.screen-phone #popup-outreach-overlay{
    width:519px;
    height:320px;
    /*background:url(library/images/common/outreach-overlay.png) no-repeat;*/
    background-size:contain;
    margin-top:-160px;
    margin-left:-259px;
}

/*OUTREACH OVERLAY end*/

#popup-video-overlay-player iframe {
    position:relative;
    top:50px;
    left:20px;
    width:852px;
    height:480px;
}
.screen-phone #popup-video-overlay-player iframe {
    top:30px;
    left:11px;
    width:496px;
    height:279px;
}
#popup-video-close-btn,
#popup-video-close-btn img {
    position:absolute;
    top:5px;
    right:20px;
    width:140px;
    height:30px;
    cursor:pointer;
}
#popup-video-close-btn img {
    right:0px;
    /*display:none;*/
}
#popup-video-close-btn #popup-video-close-btn-on {
    display:none;
}
#popup-video-close-btn.active #popup-video-close-btn-on {
    display:block;
}
.screen-phone #popup-video-close-btn, .screen-phone #popup-video-close-btn img {
    width: 93px;
    height:20px;
}
.screen-phone #popup-video-close-btn {
    right:13px;
    top:0px;
}

/* Exit Page
########################################### */
#exit-page-container {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:9999;    
    display:none;
}
#exit-page-bg-overlay {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;       
    background-color:#fff;
}
#exit-page-wrapper {
    position:absolute;
    top:50%;
    left:50%;
    width: 2048px;
    height: 500px;
    margin-left: -1024px;
    margin-top: -250px;
}
.screen-phone #exit-page-container {
    width:560px;    
}
.screen-phone #exit-page-wrapper {
    width:557px;
    height:328px;
    margin-left:-278px;
    margin-top:-164px;
} 
#exit-page-bg-mobile {
    display:none;
    max-width:100%;
}
.screen-phone #exit-page-bg-desktop {
    display:none;
}
.screen-phone #exit-page-bg-mobile {
    display:block;
}
.exit-page-btn {
    width:122px;
    height:35px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-61px;
    margin-top:-17.5px;
    text-align:center;
    cursor:pointer;
    color:#fff;
}
.screen-phone .exit-page-btn {
    width:100px;
    height:27px;
    margin-left:-50px;
    margin-top:-14px;
}
.exit-page-btn span {
    position:relative;
    top:7px;    
}
.screen-phone .exit-page-btn span {
    visibility:hidden;
}
.exit-page-btn:hover {
    color:#000;
}
#exit-page-btn-back {
    margin-top:134px;
    margin-left:-154px;
}
.screen-phone #exit-page-btn-back {
    margin-top:84px;
    margin-left:-108px;
}
#exit-page-btn-continue {
    margin-top:134px;
    margin-left:25px;
}
.screen-phone #exit-page-btn-continue {
    margin-top:84px;
    margin-left:7px;
}

/* Team Extras
########################################### */
.teamsubtitle {
    font-size:18px;
}
.screen-phone .teamsubtitle {
    font-size:16px;
}

/* Challenge Extras
########################################### */
.minititle{
color:#000000;
font-size:12px;  
}

.screen-phone .minititle{
color:#000000;
font-size:14px;  
}

.supportimg{
width:100%;
}

.screen-phone .supportimg{
width:100%;
}

/* Media Queryies
################################################# */
/*
@media only screen and (max-width: 1289px) {

}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 767px) {
    
}

@media only screen and (max-width: 479px) {    
    
}

@media only screen and (max-width: 319px) {        

}*/