/*==============================*/
/*==== Location Page Styles ====*/
/*==============================*/

.FilmJaxHeaderContents{ position: relative; height: 32.5vw; max-height: 330px; min-height: 250px; }
.content_margins{ min-height: 800px; background-color:white; background: linear-gradient(to bottom,rgba(255,255,255,.9) 0,rgba(255,255,255,1) 300px,rgba(255,255,255,1) 100%); }
.introductory_message{ font-family: nimbus-sans-condensed, sans-serif; font-size: 60px; font-weight: 800; color: #3d3d3d; opacity: 0.9; text-transform: uppercase; line-height: 0.8; }
@media screen and (max-width:640px){ .introductory_message{ font-size: 9.365vw; }}
.EditMode .introductory_message{ transform:scale(1,1); font-size:25px; }
.introductory_message_table{ margin-top: 35px; margin-bottom: 40px; transform: scale(1, 1.2); display: table; line-height: 0.8em; }
@media screen and (max-width:640px){ .introductory_message_table{ margin-top: 5.5vw; margin-bottom: 6.25vw; }}
.introductory_massage_table_cell{ display: table-cell; vertical-align: middle; }

.iFrame_region{ position:relative; }

/*loading swirly IE version*/
.IE_loading_screen{ display:none; position:absolute; top:30px; width:250px; height:250px; left:50%; margin-left:-125px; }
.spinbox { position:absolute;}
.spinbox .circle1{ position:absolute; top:0px; left:0px; width:100%; height:100%; border-radius:100%; }
.spinbox .circle2{ position: absolute; top: 7.5%; left: 7.5%; width: 85%; height: 85%; border-radius: 100%; background-color: white; }
.spinbox .circle3{ width: 50%; height: 50%; background-color: white; position: absolute; top: 50%; left: 50%; margin-top: -25%; }
.spinbox1 .circle1{ background-color:#c600ff; }
.spinbox2 .circle1{ background-color:#747474; }
.spinbox3 .circle1{ background-color:#c877e0; }
.spinbox4 .circle1{ background-color:#d3bfd8; }
.spinbox1{ width:100%; height:100%; top:0px; left:0px; animation-name:spin1; animation-duration:3s; animation-iteration-count:5; }
.spinbox2{ width:70%; height:70%; top:15%; left:15%; transform:rotate(225deg); animation-name:spin2; animation-duration:3s; animation-iteration-count:5; }
.spinbox3{ width: 45%; height: 45%; top: 27.5%; left: 27.5%; transform:rotate(90deg); animation-name:spin3; animation-duration:3s; animation-iteration-count:5; }
.spinbox4{ width: 25%; height: 25%; top: 37.5%; left: 37.5%; transform:rotate(315deg); animation-name:spin4; animation-duration:3s; animation-iteration-count:5; }
@keyframes spin1{ 0%{ transform:rotate(0deg); } 80%{ transform:rotate(360deg); } 100%{ transform:rotate(360deg); } }
@keyframes spin2{ 0%{ transform:rotate(225deg); } 80%{ transform:rotate(-135deg); } 100%{ transform:rotate(-135deg); } }
@keyframes spin3{ 0%{ transform:rotate(90deg); } 80%{ transform:rotate(450deg); } 100%{ transform:rotate(450deg); } }
@keyframes spin4{ 0%{ transform:rotate(315deg); } 80%{ transform:rotate(-45deg); } 100%{ transform:rotate(-45deg); }}

/*loading swirdly everybody else version*/
.spinner { animation: rotator 1.4s linear infinite; position:absolute; top:30px; width:165px; height:165px; left:50%; margin-left: -82.5px; } 
@keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } 
.path { stroke-dasharray: 187px; stroke-dashoffset: 0; transform-origin: center; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; } 
@keyframes colors { 0% { stroke: #753c90; /*#4285F4;*/ } 25% { stroke: #ee42f4;/*#DE3E35;*/ } 50% { stroke: #753c90;/*#F7C223;*/ } 75% { stroke: #ee42f4; /*#1B9A59;*/ } 100% { stroke: #753c90; /*#4285F4;*/ } } 
@keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75px; transform:rotate(135deg); } 100% { stroke-dashoffset: 187; transform:rotate(450deg); } }

/*iFrame styles (adaptations occur at their adaptive resolutions)*/
.iFrame_region iframe{ visibility: visible;margin: 0px;padding: 0px;height: 1180px; position:relative; z-index:1; }
@media screen and (max-width:1398px){ .iFrame_region iframe{ height:1420px; } }
@media screen and (max-width:1244px){ .iFrame_region iframe{ height:1620px; } }
@media screen and (max-width:1029px){ .iFrame_region iframe{ height:2150px; } }
@media screen and (max-width:792px){ .iFrame_region iframe{ height:3190px; } }
@media screen and (max-width:652px){ .iFrame_region iframe{ height:3220px; } }
@media screen and (max-width:630px){ .iFrame_region iframe{ height:2850px; } }
@media screen and (max-width:620px){ .iFrame_region iframe{ height:3220px; } }
@media screen and (max-width:577px){ .iFrame_region iframe{ height:2820px; } }
@media screen and (max-width:514px){ .iFrame_region iframe{ height:3780px; } }
@media screen and (max-width:367px){ .iFrame_region iframe{ height: 6695px; } }
@media screen and (max-width:336px){ .iFrame_region iframe{ height: 7695px; } }
@media screen and (max-width:300px){ .iFrame_region { display:none; } }


/*Remove padding for iframe*/
@media screen and (max-width:620px){  
    .content_column_margins{ padding-left:0px; padding-right:0px; }
    .page_breadcrumb { padding-left: 4.2vw; padding-right: 4.2vw; }
    .introductory_message { padding-left: 4.2vw; padding-right: 4.2vw; }
    .text_region { padding-left: 4.2vw; padding-right: 4.2vw; }
}

@media screen and (max-width:360px) {
    .page_breadcrumb { padding-left: 15px; padding-right: 15px; }
    .introductory_message { padding-left: 15px; padding-right: 15px; }
    .text_region { padding-left: 15px; padding-right: 15px; }
}

/*Location List Not Needed for this page*/
.lower_content_container{ display:none; }

.EditMode .iFrame_region .cke_contents{height:980px !important;}

/*iFrame External link - In order to solve the problem of cross-domain errors when clicking links witrhin the iframe*/
/*This places a link on top of the iframe which does the same job, going to the site the iframe is pulling in*/
.iFrameExternalLink{ font-size:0px; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; display:none; }
.iFrameExternalLink.visible{ display:block; }
.EditMode .iFrameExternalLink{ display:none; }
.EditMode .iFrameExternalLink.visible{ display:none; }
.iFrameExternalLink.hidden{ display:none; }
.iFrameExternalLink.visible.hidden{ display:none; }