/* Section 1 - Tablet Layer & Container */	


#fti-figodexlayer {
position:fixed;
left:0; top:0;
width:100%; height:100%;
font-size: calc(var(--content-height)*0.1);
z-index:3;
text-align:center;
color: #d6e5ee;
font-family: Bank;
transition: transform 0.75s;
transform:translateY(110%);
}

#fti-tabletcon {
position:absolute;
left:0; right:0; top:0%; bottom:0; margin:auto;
width: calc(var(--content-height) * 2.15); height:100%;
transition: transform 0.75s;
}


#fti-darkener {
z-index:3;
transition: opacity 0.5s;
background-color:black;
}

.fti-fade0 {
opacity:0;
pointer-events:none;
}


		
/* Section 2 - Tablet Foreground Screen */	


#fti-tabletfront {
background-image:url('/v5/Tablet/FTITabletFront2sm.png');
pointer-events:none;
}




#fti-screenarea {
position:absolute;
left: 5.56%; top: 2.27%;
width: 88.8%; height: 95.46%; /* AR 2:1 */
overflow:hidden;
}



		
/* Section 3 - Camera */


#fti-cameracon {
transition:transform 1s;
pointer-events:none;
opacity:0;
}
	


/* Section 3.1 - Camera Text Descriptors */	





/* Section 3.2 - Camera Background */	


#fti-camerabg {
position:absolute;
left:-50%; top:-50%;
width:200%; height:200%;
background-image:url('/v5/Tablet/FTITabletCameraBg2sm.png');
background-size: auto 100%;
}




/* Section 3.3 - Camera Lens */	


#fti-cameralenscon {
position:absolute;
left: 12.55%; top: 5.76%;
width: 74.64%; height: 87.96%;
transition:transform 1s;
transform-origin: 50.235% 50.29%;
}

#fti-cameralensouter {
background-image:url('/v5/Tablet/FTITabletCameraLensOutersm.png');
}



#fti-cameralensinnercon {
position:absolute;
left: 40.22%; top: 33.26%;
width: 20.03%; height: 34.06%;
transition: opacity 0.25s;
}

#fti-cameralensinner {
background-image:url('/v5/Tablet/FTITabletCameraLensInnersm.png');
background-size: auto 100%;
transition:1s;
transition-delay: 1s;
}



/* Section 3.4 - Camera Animations */	


.fti-lensconfocus {
animation: fti-lensfocusanimation 3s ease 1 alternate;
}

.fti-lenssizerfocus {
animation: fti-lenssizerfocusanimation 3s ease 1 alternate;
}


.fti-lensinnerfocus {
animation: fti-lensinnerfocusanimation 3s ease 1 alternate;
}


@keyframes fti-lensfocusanimation {
0% {transform: rotate(90deg);}
10% {transform: rotate(75deg);}
25% {transform: rotate(75deg);}
30% {transform: rotate(85deg);}
40% {transform: rotate(85deg);}
55% {transform: rotate(45deg);}
70% {transform: rotate(45deg);}
80% {transform: rotate(70deg);}
90% {transform: rotate(45deg);}
100% {transform: rotate(90deg);}
}



@keyframes fti-lenssizerfocusanimation {
0% {transform: scale(1);}
10% {transform: scale(0.8);}
25% {transform: scale(0.8);}
30% {transform: scale(0.9);}
40% {transform: scale(0.9);}
55% {transform: scale(0.5);}
70% {transform: scale(0.5);}
80% {transform: scale(0.8);}
90% {transform: scale(0.6);}
100% {transform: scale(1);}
}

@keyframes fti-lensinnerfocusanimation {
0% {transform: scale(1);}
10% {transform: scale(1.2) rotate(-60deg);}
25% {transform: scale(1.2) rotate(-60deg);}
30% {transform: scale(1.1) rotate(-30deg);}
40% {transform: scale(1.1) rotate(-30deg);}
55% {transform: scale(2) rotate(-300deg);}
70% {transform: scale(2) rotate(-300deg);}
80% {transform: scale(1.2) rotate(-60deg);}
90% {transform: scale(1.6) rotate(-180deg);}
100% {transform: scale(1);}
}



/* Section 4 - Figure Interface */	

/* Section 4.0 - Container & Background */	


#fti-interfacecon {
transition: 1s;
}

#fti-interfacebg {
background-image:url('/v5/Tablet/FTITabletInterfaceBgsm.jpg');
background-size: cover;
background-position:center;
}




/* Section 4.1 - Content Squares */	


.fti-interfacesquare {
position:absolute;
top:5%;
width: 45%; height:90%;
}


#fti-interfacecontent {
left:7.5%;
}

#fti-interfaceimgcon {
right:2.5%;
}




/* Section 4.2 - LHS UI */	


#fti-interfacecode {
position:absolute;
left:4.75%; bottom:2%;
width: 15%; height: 2%;
font-size: 20%;
text-align:left;
}

.fti-fade75 {
opacity:0.75;
}


.fti-interfacehomelink {
position:absolute;
background-size:auto 100%;
opacity:0.75;
transition:opacity 0.5s;
cursor:pointer;
}

#fti-interfacehomelogo {
left:4%; top:2%;
width:12.5%; height:5%;
background-image: url('/v5/Tablet/FTIHomeLogo2sm.png');
}

#fti-interfacebackarrow {
left:1%; top:7%;
width:3.3%; height:6.6%;
background-image: url('/v5/Tablet/FTIBackArrowsm.png');
transition: 0.5s;
}

.fti-nonavigation #fti-interfacebackarrow {
opacity:0;
pointer-events:none;
}



.fti-interfacehomelink:hover {
opacity:1;
}


/* Section 4.3 - Figure Image */	


#fti-interfaceimg {
background-size:auto 100%;
transition: transform 1s;
cursor:pointer;
}


.fti-figzoom #fti-interfaceimg {
transform:scale(1.25);
}


.fti-interfaceimgtext {
position:absolute;
left:0; 
width:100%; 
height:6%;
font-size: 45%;
transition: opacity 0.5s;
text-shadow: 0em 0em 0.05em black, 0em 0em 0.1em black, 0em 0em 0.2em black;
text-align:center;
}


#fti-interfaceimgtextspan {
pointer-events:none;
}

.fti-figzoom #fti-interfaceimgtextspan {
opacity:0;
}



#fti-interfacenewnot {
top:95%; 
opacity:0;
font-size:40%;
}


#fti-interfacename {
bottom:-1%;
display:none;
}


.fti-figdiscovery #fti-interfacenewnot {
animation:flash 0.5s ease 1s infinite alternate;
}

.fti-figdiscovery #fti-interfaceimg {
animation: fti-figreveal 1.5s linear;
}

@keyframes flash {
0% {opacity:0;}
100% {opacity:1;}
}

@keyframes fti-figreveal {
0% {filter:brightness(0) blur(5px);}
67% {filter:brightness(0) blur(5px);}
100% {filter:brightness(1) blur(0);}
}

/* Section 4.4 - Figure Contents */	


.fti-interfacecontentinner {
position:absolute;
left:0; right:0; top:0; bottom:0; margin:auto;
width:80%; height:80%;
}

.fti-interfacecontentinnerelem {
opacity:0;
transition: opacity 0.5s;
pointer-events:none;
}

.fti-interfacecontentinnerelemon {
opacity:1;
pointer-events:auto;
}


/* Section 4.4.0 - Progress Bar & Navigation Arrows */	


#fti-interfaceprogressbar {
position:absolute;
left:4%; top: 15%;
width: 0.15%; height: 70%;
background-color: rgba(214,229,238,0.5);
}

.fti-interfaceprogresspoint {
position:absolute;
left:100%;
width: 300%; height:0.42857%;
background-color: rgba(214,229,238,0.5);
cursor:pointer;
transition: 0.5s;
transform-origin: 0% 50%;
}

#fti-interfaceprogresspoint1 {
top: 8.33%;
}

#fti-interfaceprogresspoint2 {
top: 25%;
}

#fti-interfaceprogresspoint3 {
top: 41.67%;
}

#fti-interfaceprogresspoint4 {
top: 58.33%;
}

#fti-interfaceprogresspoint5 {
top: 75%;
}

#fti-interfaceprogresspoint6 {
top: 91.67%;
}

.fti-interfaceprogresslabel {
position:absolute;
left:100%; top:0;
width: 1296.296%; height: 600%;
transform-origin: 50% 50%;
transform: translate(-33%,-50%) rotate(90deg);
font-size:20%;
opacity:0.5;
transition: opacity 0.5s;
cursor:pointer;
}

.fti-interfaceprogresspointon .fti-interfaceprogresslabel {
opacity:1;
}

.fti-interfaceprogresspointon {
background-color: rgba(214,229,238,1);
transform:scale(1.15);
pointer-events:none;
}

.fti-interfaceprogresspoint:hover {
transform:scale(1.15);
}





.fti-interfacecontentarrow {
position:absolute;
left:0; right:0; margin:auto;
height:7.5%; width:7.5%;
background-image: url('/v5/Tablet/FTIUpArrowsm.png');
background-size:auto 100%;
opacity:0.5;
transition: opacity 0.5s;
cursor:pointer;
}

.fti-interfacecontentarrow:hover {
opacity:1;
}

.fti-interfacecontentarrowup {
top:2.5%;
}

.fti-interfacecontentarrowdown {
bottom:2.5%;
transform:scaleY(-1);
}




/* Section 4.4.1 - Details */	


.flexmiddlecon {
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.fti-interfacedetailtitle, .fti-interfacedetailgap {
width:80%; height: 5%;
font-size: 27.5%;
}
.fti-interfacedetail {
width:80%;
font-size: 55%;
}


/* Section 4.4.2 - Quote */	


#fti-interfacequote {
font-size: 40%;
}

#fti-interfacequoteby {
font-size: 25%;
text-align: right;
opacity:0.5;
}


/* Section 4.4.3 - Ratings */	

/* Section 4.4.3.1 - Individual */	


#fti-ratingcon {
position:absolute;
left:0; right:0; margin:auto; top: 5%;
width: 80%; height: 64%; /* AR = 1.25 */
}

.fti-ratingsegment {
position:relative;
display:inline-block;
float:left;
width:50%; height:20%; /* AR = 3.125 */
}


.fti-ratingborder {
position:absolute;
top:0;
width:91.39%; height:67.3%; /* AR = 3.125 */
background-size: auto 100%;
background-repeat:no-repeat;
transition: transform 0.5s;
}


#fti-ratingborder1 {
background-image:url('/v5/Tablet/FTIRatingBorderDesignsm.png');
}
#fti-ratingborder2 {
background-image:url('/v5/Tablet/FTIRatingBorderDetailsm.png');
}
#fti-ratingborder3 {
background-image:url('/v5/Tablet/FTIRatingBorderSizesm.png');
}
#fti-ratingborder4 {
background-image:url('/v5/Tablet/FTIRatingBorderValuesm.png');
}
#fti-ratingborder5 {
background-image:url('/v5/Tablet/FTIRatingBorderCrop2sm.png');
}
#fti-ratingborder6 {
background-image:url('/v5/Tablet/FTIRatingBorderPackagingsm.png');
}
#fti-ratingborder7 {
background-image:url('/v5/Tablet/FTIRatingBorderExclusivitysm.png');
}
#fti-ratingborder8 {
background-image:url('/v5/Tablet/FTIRatingBorderDisplayablesm.png');
}
#fti-ratingborder9 {
background-image:url('/v5/Tablet/FTIRatingBorderCollectablesm.png');
}
#fti-ratingborder10 {
background-image:url('/v5/Tablet/FTIRatingBorderUniquenesssm.png');
}



.fti-ratingborder:hover {
transform:scale(1.1);
}

.fti-ratingborderl {
left:0;
transform-origin: 0% 0%;
} 

.fti-ratingborderr {
right:0;
transform-origin: 100% 0%;
} 

.fti-ratingbox {
position:absolute;
left:0; top:34.92%;
width:100%; height: 65.08%; /* AR = 6.5205 */
}

.fti-ratingconinner {
position:absolute;
left:0; right:0; top:0; bottom:0; margin:auto;
width:96.46%; height:63.01%; /* AR = 10 */
}

.fti-ratingtenth {
position:relative;
float:left;
display:inline-block;
height:100%; width:10%;  /* AR = 1 */
}

.fti-rating {
position:absolute;
left:0; right:0; top:0; bottom:0; margin:auto;
width:80%; height:80%;
background-color:#d6e5ee;
opacity:0.5;
}


/* Section 4.4.3.2 - Overall */	


#fti-overallratinglabelcon {
position:absolute;
left:5%; bottom: 0%;
width: 45%; height: 30%;
font-size: 50%;
text-align:right;
}

.fti-overallratinglabel {
position:absolute;
left:0;
width: 100%;
}

#fti-overallratinglabelmain {
position:absolute;
bottom:0; height:60%;
}

#fti-overallratinglabelupper {
bottom:60%;
font-size:40%;
opacity:0.5;
}

#fti-overallratingcirclecon {
position:absolute;
right:15%; bottom:0%; 
width:30%; height:30%;
background-image:url('/v5/Tablet/FTIRatingCirclesm.png');
background-size: auto 100%;
}



#fti-overallrating {
font-size: 67%;
}

.fti-overallratingcirclebar {
position:absolute;
left:0; right:0; margin:auto; top:7.27%;
width: 0.8%; height:7.33%;
background-color:#d6e5ee;
opacity:0.5;
}

.fti-overallratingcirclebarconinner:nth-child(1) {
transform:rotate(2.75deg);
}
.fti-overallratingcirclebarconinner:nth-child(2) {
transform:rotate(5.5deg);
}
.fti-overallratingcirclebarconinner:nth-child(3) {
transform:rotate(8.25deg);
}
.fti-overallratingcirclebarconinner:nth-child(4) {
transform:rotate(11deg);
}
.fti-overallratingcirclebarconinner:nth-child(5) {
transform:rotate(13.75deg);
}
.fti-overallratingcirclebarconinner:nth-child(6) {
transform:rotate(16.5deg);
}
.fti-overallratingcirclebarconinner:nth-child(7) {
transform:rotate(19.25deg);
}
.fti-overallratingcirclebarconinner:nth-child(8) {
transform:rotate(22deg);
}
.fti-overallratingcirclebarconinner:nth-child(9) {
transform:rotate(24.75deg);
}
.fti-overallratingcirclebarconinner:nth-child(10) {
transform:rotate(27.5deg);
}


.fti-overallratingcirclebarcon:nth-child(2) {
transform:rotate(36deg);
}
.fti-overallratingcirclebarcon:nth-child(3) {
transform:rotate(72deg);
}
.fti-overallratingcirclebarcon:nth-child(4) {
transform:rotate(108deg);
}
.fti-overallratingcirclebarcon:nth-child(5) {
transform:rotate(144deg);
}
.fti-overallratingcirclebarcon:nth-child(6) {
transform:rotate(180deg);
}
.fti-overallratingcirclebarcon:nth-child(7) {
transform:rotate(216deg);
}
.fti-overallratingcirclebarcon:nth-child(8) {
transform:rotate(252deg);
}
.fti-overallratingcirclebarcon:nth-child(9) {
transform:rotate(288deg);
}
.fti-overallratingcirclebarcon:nth-child(10) {
transform:rotate(324deg);
}


.fti-ratingon {
opacity:1;
}



/* Section 4.4.4 - Awards */	


#fti-trophy {
position:absolute;
left:0; right:0; margin:auto; top:10%;
width: 33.33%; height: 66.67%;
background-size: auto 100%;
}

#fti-trophytype {
position:absolute;
left:0; top: 80%;
width:100%; height:7.5%;
font-size:50%;
}

#fti-trophydesc {
position:absolute;
left:0; top: 87.5%;
width:100%; height:7.5%;
font-size:25%;
opacity:0.5;
}

#fti-trophyawardscon {
position:absolute;
left:12.5%; top:5%;
width:15%; height:20%;
}


.fti-trophyawardwreath {
position:relative;
display:inline-block;
width:100%; height:50%;
background-image: url('/v5/Tablet/FTIMovieWreathsm.png');
background-size: auto 100%;
opacity:0.5;
float:left;
}




.fti-trophyawardwreathname {
position:absolute;
left:0%; top:8%;
width:100%; height:80%;
font-size:14%;
line-height:75%;
text-align:center;
}



/* Section 4.4.5 - Buying */	



#fti-portal {
position:absolute;
left:0; right:0; top:10%; margin:auto;
width: 67%; height:67%;
background-image: url('/v5/Tablet/FTIPortalLinksm.png');
background-size: auto 100%;
}


.fti-portalspin {
animation: spin 25s linear infinite;
}

@keyframes spin {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

#fti-advertnotice {
position:absolute;
left:0; top:3%; 
width:100%; height:5%;
opacity:0.5;
font-size:20%;
}


#fti-buyingstatus {
position:absolute;
left:0; top:81.5%; 
width:100%; height:5%;
font-size:20%;
}

#fti-buyingretailer {
position:absolute;
left:0; top: 86.5%;
width:100%; height:10%;
font-size: 40%;
}

#fti-buyingprice {
position:absolute;
left:0; top: 10%;
width:100%; height:67%;
font-size: 75%;
text-shadow: 0em 0em 0.05em black, 0em 0em 0.1em black, 0em 0em 0.2em black;
}


#fti-buyingpricenotice {
position:absolute;
left:0; top:95%; 
width:100%; height:5%;
opacity:0.5;
font-size:17.5%;
}


/* Section 4.4.6 - Share */	


#fti-linksymbol {
position:absolute;
left:0; right:0; top:20%; margin:auto;
width: 80%; height:40%;
background-image: url('/v5/Tablet/FTILinkSymbol2sm.png');
background-size: auto 100%;
cursor:pointer;
transition: transform 0.75s;
}

#fti-linksymbol:hover {
transform:scale(1.15);	
}

.fti-clipboardmsg {
position:absolute;
left:0; top: 65%;
width:100%; height: 15%;
font-size: 40%;
transition: opacity 0.5s;
}


.fti-linkcopied #fti-clipboardmsg1 {
opacity:0;
}

#fti-clipboardmsg2 {
opacity:0;
}

.fti-linkcopied #fti-clipboardmsg2 {
animation:flash 0.5s ease 1s infinite alternate;
}

#fti-sharenumber {
position:absolute;
left:0; top: 90%;
width:100%; height:10%;
font-size: 25%;
opacity:0.5;
}

#fti-hiddenlink {
transform:scale(0);
}

/* Section 4.5 - Figure Interface Off */

.fti-figfader {
transition: opacity 0.5s;
}	


.fti-cameraanimation .fti-figfader {
transition: all 0s ease 0s;
}

.fti-figinterfaceoff .fti-figfader {
opacity:0;
pointer-events:none;
}

.fti-figinterfaceoff #fti-interfacebackarrow {
transform:rotate(180deg);
}


/* Section 5 - Exit Button */	


#fti-exit {
position:fixed; 
right:0.5%; top:0.5vw;
width: 2%; height:2vw;
transition: 0.5s;
cursor:pointer;
font-size: 67%;
text-shadow:0em 0em 0.1em white;
text-align:right;
line-height:50%; 
color:white;
transform-origin: 100% 0%;
}

#fti-exit:hover {
transform: scale(1.15);
}

.fti-exithide {
opacity:0;
pointer-events:none;
}

#clickblocker {
display:none;
z-index:4;
}




/* Section 7 - Search Interface */	


/* Section 7.1 - Search Images */	


#fti-searchresults {
right:2.5%;
}

.fti-searchimg {
cursor:pointer;
}

.fti-searchimginner {
transition: transform 0.5s;
}

.fti-searchimg:hover .fti-searchimginner {
transform:scale(1.25);
}





/* Section 7.1.1 - Search Image Positions */	



.fti-searchimg:nth-child(1) {
transform: translate(-166.67%,-33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(2) {
transform: translate(-133.33%,-33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(3) {
transform: translate(-100%,-33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(4) {
transform: translate(-66.67%,-33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(5) {
transform: translate(-33.33%,-33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(6) {
transform: translate(0%,-33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(7) {
transform: translate(33.33%,-33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(8) {
transform: translate(-166.67%,0%) scale(0.33333);
}
.fti-searchimg:nth-child(9) {
transform: translate(-133.33%,0%) scale(0.33333);
}
.fti-searchimg:nth-child(10) {
transform: translate(-100%,0%) scale(0.33333);
}
.fti-searchimg:nth-child(11) {
transform: translate(-66.67%,0%) scale(0.33333);
}
.fti-searchimg:nth-child(12) {
transform: translate(-33.33%,0%) scale(0.33333);
}
.fti-searchimg:nth-child(13) {
transform: translate(0%,0%) scale(0.33333);
}
.fti-searchimg:nth-child(14) {
transform: translate(33.33%,0%) scale(0.33333);
}
.fti-searchimg:nth-child(15) {
transform: translate(-166.67%,33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(16) {
transform: translate(-133.33%,33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(17) {
transform: translate(-100%,33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(18) {
transform: translate(-66.67%,33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(19) {
transform: translate(-33.33%,33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(20) {
transform: translate(0%,33.33%) scale(0.33333);
}
.fti-searchimg:nth-child(21) {
transform: translate(33.33%,33.33%) scale(0.33333);
}





/* Section 7.1.2 - Search Image Not Found */	

.fti-searchimgoff {
cursor:auto;
}

.fti-searchimgoff .fti-searchimginner {
filter:brightness(0.25);
pointer-events:none;
}

.fti-searchimgnotfound {
transition: opacity 0.5s;
opacity:0;
font-size:100%;
pointer-events:none;
}

.fti-searchimgoff:hover .fti-searchimgnotfound {
opacity:1;
}



/* Section 7.2 - Search Image Browse Arrows */	


.fti-searchresultsarrow {
position:absolute;
top:0; bottom:0; margin:auto;
height:15%; width:15%;
background-image: url('/v5/Tablet/FTIUpArrowsm.png');
background-size:auto 100%;
opacity:0.5;
transition: opacity 0.5s;
cursor:pointer;
}

.fti-searchresultsarrow:hover {
opacity:1;
}


#fti-searchresultsarrowl {
right:233.33%; transform:rotate(-90deg);
}

#fti-searchresultsarrowr {
left:100%; transform:rotate(90deg);
}




/* Section 7.3 - Search Interface Surrounding Extras */	


#fti-searchinterfacecon {
position:absolute;
left: -133.33%; top: -2.5%;
width: 233.33%; height:105%;
border-top: 0.02em solid rgba(214,229,238,0.5);
border-bottom: 0.02em solid rgba(214,229,238,0.5);
text-shadow: 0em 0em 0.05em black, 0em 0em 0.1em black, 0em 0em 0.2em black;
}




/* Section 7.3.1 - Search Interface Year */	


#fti-searchyear {
position:absolute;
left:40%; bottom:100%;
width:20%; height: 11%;
font-size:67%;
}

.fti-searchyeararrow {
position:absolute;
top:0;
height:100%; width: 20%;
background-image: url('/v5/Tablet/FTIUpArrowsm.png');
background-size: contain;
background-position:center;
background-repeat:no-repeat;
opacity:0.5;
transition: opacity 0.5s;
cursor:pointer;
}

.fti-searchyeararrow:hover {
opacity:1;
}

#fti-searchyeararrowl {
right:100%; transform:rotate(-90deg);
}
#fti-searchyeararrowr {
left:100%; transform:rotate(90deg);
}





/* Section 7.3.2 - Search Interface Corners */	


.fti-searchresultsindexcon {
position:absolute;
right:0;
width: 35%; height:6%;
font-size:40%;
text-align:right;
text-shadow: 0em 0em 0.05em black, 0em 0em 0.1em black, 0em 0em 0.2em black;
}

#fti-searchresultsindexcon1 {
bottom:103%;
}

#fti-searchresultsindexcon2 {
top:101%;
}
#fti-searchresultsindexcon3 {
left:0; text-align:left;
top:101%;
}
#fti-searchresultsindexcon4 {
left:0; text-align:left;
bottom:103%;
}

.fti-searchresultsindex {
display:inline-block;
line-height:67%;
}
.fti-searchresultsindexlabel {
display:inline-block;
opacity:0.67;
font-size: 67%;
}


.fti-searchresultsindex p {
display:inline-block;
opacity:0.67;
font-size: 67%;
padding:0;
margin:0;
}



/* Section 7.3.3 - Search Interface Percentage */	


#fti-searchpc {
position:absolute;
left:25%; top:100%;
width:50%; height: 11%;
font-size:67%;
}

.fti-searchpcbar {
width: 24%; height:30%;
background-image:url('/v5/Tablet/FTIInterfaceBarsm.png');
background-size:contain;
background-position:center;
background-repeat:no-repeat;
opacity:0.5;
display:inline-block;
}

#fti-searchpcbartext {
display:inline;
}


#fti-searchpcbarr {
transform:scaleX(-1); 
}



/* Section 7.4 - Search Interface Faders */	

/* Section 7.4.1 - Search Interface Fader */	


.fti-searchfader {
transition: opacity 0.5s;
}

.fti-cameraanimation .fti-searchfader {
transition: all 0s ease 0s
}

.fti-searchinterfaceoff .fti-searchfader {
opacity:0;
pointer-events:none;
}


/* Section 7.4.2 - Page Scroll Fader */	


.fti-pagescrollfader {
transition:opacity 0.5s;
}

.fti-pagescrolling .fti-pagescrollfader {
opacity:0;
pointer-events:none;
}



#bgcorner {
position:fixed;
right:0; bottom:0;
width: 20%; height:20%;
cursor:pointer;
}

/* Section 8 - Responsiveness */	


@media only screen and (max-aspect-ratio: 43/20) {
#fti-figodexlayer {font-size: calc(var(--content-width) *0.1 / 2.15);}
#fti-tabletcon {width:100%; height: calc(var(--content-width) / 2.15)}
}


@media screen and (max-height: 650px) {
#fti-tabletfront {background-image:url('/v5/Tablet/FTITabletFront2smM.png');}
#fti-camerabg {background-image:url('/v5/Tablet/FTITabletCameraBg2smM.png');}
#fti-cameralensouter {background-image:url('/v5/Tablet/FTITabletCameraLensOutersmM.png');}
#fti-cameralensinner {background-image:url('/v5/Tablet/FTITabletCameraLensInnersmM.png');}
#fti-interfacebg {background-image:url('/v5/Tablet/FTITabletInterfaceBgsmM.jpg');}
#fti-interfacehomelogo {background-image: url('/v5/Tablet/FTIHomeLogo2smM.png');}
#fti-interfacebackarrow {background-image: url('/v5/Tablet/FTIBackArrowsmM.png');}
.fti-interfacecontentarrow, .fti-searchresultsarrow, .fti-searchyeararrow {background-image: url('/v5/Tablet/FTIUpArrowsmM.png');}
#fti-ratingborder1 {background-image:url('/v5/Tablet/FTIRatingBorderDesignsmM.png');}
#fti-ratingborder2 {background-image:url('/v5/Tablet/FTIRatingBorderDetailsmM.png');}
#fti-ratingborder3 {background-image:url('/v5/Tablet/FTIRatingBorderSizesmM.png');}
#fti-ratingborder4 {background-image:url('/v5/Tablet/FTIRatingBorderValuesmM.png');}
#fti-ratingborder5 {background-image:url('/v5/Tablet/FTIRatingBorderCrop2smM.png');}
#fti-ratingborder6 {background-image:url('/v5/Tablet/FTIRatingBorderPackagingsmM.png');}
#fti-ratingborder7 {background-image:url('/v5/Tablet/FTIRatingBorderExclusivitysmM.png');}
#fti-ratingborder8 {background-image:url('/v5/Tablet/FTIRatingBorderDisplayablesmM.png');}
#fti-ratingborder9 {background-image:url('/v5/Tablet/FTIRatingBorderCollectablesmM.png');}
#fti-ratingborder10 {background-image:url('/v5/Tablet/FTIRatingBorderUniquenesssmM.png');}
#fti-overallratingcirclecon {background-image:url('/v5/Tablet/FTIRatingCirclesmM.png');}
.fti-trophyawardwreath {background-image: url('/v5/Tablet/FTIMovieWreathsmM.png');}
#fti-portal {background-image: url('/v5/Tablet/FTIPortalLinksmM.png');}
#fti-linksymbol {background-image: url('/v5/Tablet/FTILinkSymbol2smM.png');}
.fti-searchpcbar {background-image:url('/v5/Tablet/FTIInterfaceBarsmM.png');}
}



@media only screen and  (orientation: portrait) {
#fti-figodexlayer {font-size: calc(var(--content-height) * 0.1 / 2.15);}
#fti-tabletcon {width:calc(var(--content-height) / 2.15); height:100%;}
#fti-tabletfront {background-image:url('/v5/Tablet/FTITabletFront2Vsm.png');}
#fti-screenarea {top: 5.56%; left: 2.27%;height: 88.8%; width: 95.46%;}
#fti-camerabg {background-image:url('/v5/Tablet/FTITabletCameraBg2Vsm.png');}
#fti-cameralenscon {top: 12.55%; left: 5.76%;height: 74.64%; width: 87.96%;}
#fti-cameralensouter {background-image:url('/v5/Tablet/FTITabletCameraLensOuterVsm.png');}
#fti-cameralensinnercon {top: 40.22%; left: 33.26%;height: 20.03%; width: 34.06%;}
.fti-interfacesquare {left:5%;width: 90%; height:45%;}
#fti-interfacecontent {bottom:7.5%; top: auto; left:5%;}
#fti-interfaceimgcon {top:5%; right:auto;}
#fti-interfacecode {left:0%; right:0; margin:auto; bottom:1%;width: 15%; height: 1%;}
#fti-interfacehomelogo {height:2.5%; width:25%;}
#fti-interfacebackarrow {width:6.6%; height:3.3%;}
#fti-interfaceprogressbar {left:15%; top: auto; bottom: 4%; width: 70%; height: 0.15%;}
.fti-interfaceprogresspoint {bottom:100%;width: 0.42857%; height:300%;}
#fti-interfaceprogresspoint1 {top:auto; left: 8.33%;}
#fti-interfaceprogresspoint2 {top:auto; left: 25%;}
#fti-interfaceprogresspoint3 {top:auto; left: 41.67%;}
#fti-interfaceprogresspoint4 {top:auto; left: 58.33%;}
#fti-interfaceprogresspoint5 {top:auto; left: 75%;}
#fti-interfaceprogresspoint6 {top:auto; left: 91.67%;}
.fti-interfaceprogresslabel {left:-1750%; top:auto; bottom:200%;width: 3500%; height: 200%; transform: translate(0%,0%);}
.fti-interfacecontentarrowup {left:2.5%; right:auto; transform:rotate(-90deg);}
.fti-interfacecontentarrowdown {right:2.5%; left:auto; transform:rotate(90deg);}
.fti-interfacecontentarrow {top:0; bottom:0;}
#fti-trophyawardscon {display:none;}
#fti-searchresults {right:auto; bottom: 5%; top:auto;}
.fti-searchimg:nth-child(1) {transform: translate(-33.33%,-166.67%) scale(0.33333);}
.fti-searchimg:nth-child(2) {transform: translate(0%,-166.67%) scale(0.33333);}
.fti-searchimg:nth-child(3) {transform: translate(33.33%,-166.67%) scale(0.33333);}
.fti-searchimg:nth-child(4) {transform: translate(-33.33%,-133.33%) scale(0.33333);}
.fti-searchimg:nth-child(5) {transform: translate(0%,-133.33%) scale(0.33333);}
.fti-searchimg:nth-child(6) {transform: translate(33.33%,-133.33%) scale(0.33333);}
.fti-searchimg:nth-child(7) {transform: translate(-33.33%,-100%) scale(0.33333);}
.fti-searchimg:nth-child(8) {transform: translate(0%,-100%) scale(0.33333);}
.fti-searchimg:nth-child(9) {transform: translate(33.33%,-100%) scale(0.33333);}
.fti-searchimg:nth-child(10) {transform: translate(-33.33%,-66.67%) scale(0.33333);}
.fti-searchimg:nth-child(11) {transform: translate(0%,-66.67%) scale(0.33333);}
.fti-searchimg:nth-child(12) {transform: translate(33.33%,-66.67%) scale(0.33333);}
.fti-searchimg:nth-child(13) {transform: translate(-33.33%,-33.33%) scale(0.33333);}
.fti-searchimg:nth-child(14) {transform: translate(0%,-33.33%) scale(0.33333);}
.fti-searchimg:nth-child(15) {transform: translate(33.33%,-33.33%) scale(0.33333);}
.fti-searchimg:nth-child(16) {transform: translate(-33.33%,0%) scale(0.33333);}
.fti-searchimg:nth-child(17) {transform: translate(0%,0%) scale(0.33333);}
.fti-searchimg:nth-child(18) {transform: translate(33.33%,0%) scale(0.33333);}
.fti-searchimg:nth-child(19) {transform: translate(-33.33%,33.33%) scale(0.33333);}
.fti-searchimg:nth-child(20) {transform: translate(0%,33.33%) scale(0.33333);}
.fti-searchimg:nth-child(21) {transform: translate(33.33%,33.33%) scale(0.33333);}
.fti-searchresultsarrow {bottom:auto; top:-25%;}
#fti-searchresultsarrowl {right:100%; transform:rotate(-90deg);}
#fti-searchinterfacecon {top: -133.33%; left: -2.5%;width: 105%; height:233.33%;}
#fti-searchyear {left:30%; width:40%; height: 5%;}
#fti-searchresultsindexcon4 {display:none;}
#fti-searchpc {left:0; width:100%;}
#fti-searchresultsindexcon2, #fti-searchresultsindexcon3 {width:50%; top: 106%;}
.fti-searchpcbar {position:relative; top: 5%;}
#fti-interfacebg {background-image:url('/v5/Tablet/FTITabletInterfaceBgVsm.jpg');}
#fti-searchresultsindexcon1 {bottom:98%; width:20%; right:-5%;}
#fti-interfacenewnot {top:187.5%; bottom: auto; font-size: 45%;}
#fti-interfacename {top:0%; bottom:auto;}
}


@media only screen and (max-aspect-ratio: 20/43) {
#fti-figodexlayer {font-size: calc(var(--content-width) * 0.1);}
#fti-tabletcon {width:100%; height: calc(var(--content-width) * 2.15)}
}


@media screen and (max-height: 650px) and (orientation:portrait) {
#fti-tabletfront {background-image:url('/v5/Tablet/FTITabletFront2VsmM.png');}
#fti-camerabg {background-image:url('/v5/Tablet/FTITabletCameraBg2VsmM.png');}
#fti-cameralensouter {background-image:url('/v5/Tablet/FTITabletCameraLensOuterVsmM.png');}
#fti-interfacebg {background-image:url('/v5/Tablet/FTITabletInterfaceBgVsmM.jpg');}
}