div{
background-size: cover;
}


.bluebold{
color:#FA930F;
}

.psc{
font-size:1.2em;
margin-left:27px;
text-align:left;

}
.pscs{
font-size:1em;
 text-decoration-line: overline underline;
display:inline-block;
margin-left:171px;
}




.pscsc{

display:block;
text-align:left;
margin:3px 3px;
padding:2px 1px;
}

.ourmp{
display: flex;


padding:0px;
margin:0px;


/*transition:  border-color 27s;*/
}

.ourmp11,.ourmp12,.ourmp13,.ourmp21,.ourmp22,.ourmp23,.ourmp12gal{

display: inline-block;

}

.ourmp21{
width: 204px;
height: 115px;
background-image: url("txt2mp21.jpg");



}

.ourmp22{
width: 143px;
height: 115px;
background-image: url("txt2mp22.jpg");


}

.ourmp23{
width: 105px;
height: 115px;
background-image: url("txt2mp23.jpg");
}

.ourmp11{
width: 163px;
height: 117px;
background-image: url("txt2mp11.jpg");
}

.ourmp12{
width: 70px;
height: 117px;
background-image: url("txt2mp12.jpg");
}

.ourmp12galcc{

width: 498px;
height: 217px;
background-image: url("txt2mp12galcc.jpg");
opacity:0;
transition:  opacity 5s;
position: relative;
top: -110px;
left: -70px;
}

.ourmp12galntl{

width: 445px;
height: 217px;
background-image: url("txt2mp12galntl.jpg");
opacity:0;
transition:  opacity 5s;
position: relative;
top: -110px;
left: -171px;
}



.ourmp13{

width: 217px;
height: 117px;
background-image: url("txt2mp13.jpg");
opacity:1;
transition:  opacity 5s;
}


.ourmp12galtxt{
text-align: right;
font-size:0.7em;

}

.ourmp12:hover{

}

.ourmp12:hover .ourmp12galcc{

opacity:1;

}

.ourmp12:hover .ourmp12galntl{

opacity:1;

}


.ourmp12:hover + .ourmp13{

}



.ourfr{

position: relative;
left:1px;
margin:0px;

}

.ourntlfrm {
display: inline-block;
background-image: url("txt2ntlfrm.jpg");
width: 312px;
height: 124px;
}
.ourntlfrm1 {
display: inline-block;
background-image: url("txt2ntlfrm1.jpg");
width: 127px;
height: 44px;
float:left;
margin:-7px 0px 0px 0px;
}

.ourfrmw{

background-image: url("txt2frmw.jpg");
width: 272px;
height: 30px;



}

.ourntlfrmw{
display: inline-block;
background-image: url("txt2ntlfrmw.jpg");
width: 58px;
height: 87px;
float:left;
margin:-7px 0px 0px 0px;


}



.ourfrfrz{

background-image: url("txt2frfrz.jpg");
width: 272px;
height: 118px;


}

.ourntlfrfrz{
display: inline-block;
background-image: url("txt2ntlfrfrz.jpg");
width: 46px;
height: 87px;
float:left;
margin:-7px 0px 0px 0px;

}


.ourfrbot{
display: inline-block;
background-image: url("txt2frbot.jpg");
width: 133px;
height: 63px;


}

.ourntlfrbot{
display: inline-block;
background-image: url("txt2ntlfrbot.jpg");
width: 164px;
height: 87px;
margin:-7px 0px 0px 0px;

}

.ourfrdish{
display: inline-block;
background-image: url("txt2frdish.jpg");
width: 139px;
height: 63px;
margin:0px 0px 0px -7px;

}

.ourntlfrdish{
display:block;
background-image: url("txt2ntlfrdish.jpg");
width: 312px;
height: 155px;
margin:3px 0px 0px 0px;

}

.dumb{
display: inline-block;
width: 817px;

}

.dumber{
display: block;
width: 817px;

}



.ourfrcmm{
display: inline-block;
background-image: url("txt2frcmm1.jpg");
width: 72px;
height: 110px;
 margin:-7px 0px 0px 0px; 
}

.ourntlfrcmm{
display: inline-block;
background-image: url("txt2ntlfrcmm1.jpg");
width: 44px;
height: 87px;
/* margin:-7px 0px 0px 0px; */
float:left;
margin:-7px 0px 0px 0px;
}


.ourfrvm{
display: inline-block;
background-image: url("txt2frcmm2.jpg");
width: 200px;
height: 110px;
margin:-7px 0px 0px -7px;
}

.ourntlfrvm{
display: inline-block;
background-image: url("txt2ntlfrcmm2.jpg");
width: 185px;
height: 44px;
margin:-7px 0px 0px 0px;
float:left;

}

.ourntlfrkrtbl{
display:block;
background-image: url("txt2ntlfrkrtbl.jpg");
width: 197px;
height: 224px;


}



.ourfrtbl{

background-image: url("txt2frtbl.jpg");
width: 272px;
height: 92px;



}
.ourntlfrtbl{
display:block;

background-image: url("txt2ntlfrtbl.jpg");
width: 197px;
height: 93px;



}


.ourfr2venus{

background-image: url("txt2fr2venus.jpg");
width: 272px;
height: 161px;

}

.ourntlfr2venus{
display:inline-block;

background-image: url("txt2ntlfr2venus.jpg");
width: 116px;
height: 317px;
float:right;
}

.ourfrtv{

background-image: url("txt2frtv.jpg");
width: 272px;
height: 145px;

}

.ourntlfrtv{
display:inline-block;
float:right;
background-image: url("txt2ntlfrtv.jpg");
width: 126px;
height: 317px;

}



.ourfrecho{
display: inline-block;
background-image: url("txt2frecho.jpg");
width: 162px;
height: 57px;

float:left;
}

.ourfrmpc{
display: inline-block;
background-image: url("txt2frmpc.jpg");
width: 110px;
height: 57px;

float:left;
}


.ourfrcch{
display: inline-block;
background-image: url("txt2frcch.jpg");
width: 294px;
height: 363px;

float:right;
}

.ourntlfrcch{
display: inline-block;
background-image: url("txt2ntlfrcch.jpg");
width: 207px;
height: 317px;
   margin: 0px 0px 0px -7px;
}

.ourbthm{

background-image: url("txt2bthm.jpg");
width: 272px;
height: 130px;

}


.ourntlbthm {
    display: inline-block;
    background-image: url("txt2ntlbthm.jpg");
    width: 97px;
    height: 317px;
}



.ourbthm2{
display: inline-block;
background-image: url("txt2bthm2.jpg");
width: 172px;
height: 72px;

float:left;
}

.ourntlgrp {
display: inline-block;
}

.ourntlbthm2 {
    display: block;
    background-image: url("txt2ntlbthm2.jpg");
    width: 61px;
    height: 146px;
    margin: 0px 0px 0px -7px;
}





.ourbthamn{
display: inline-block;
background-image: url("txt2bthamn.jpg");
width: 100px;
height: 72px;

}

.ourntlbthamn {
    display: block;
    background-image: url("txt2ntlbthamn.jpg");
    width: 61px;
    height: 171px;
    margin: 0px 0px 0px -7px;
    
}


.ourbthchs{
display: inline-block;
background-image: url("txt2bthchs.jpg");
width: 100px;
height: 133px;
margin:-67px 0px 0px 0px;
opacity:0;
transition:opacity 5s;
}

.ourntlbthchs {
    display: block;
    background-image: url("txt2ntlbthchs.jpg");
    background-size: contain;
    background-clip: content-box;
    width: 61px;
    height: 65px;
    margin: 0px 0px 0px 0px;
    padding: 89px 0px 0px 0px;
    opacity: 0;
    transition: opacity 5s;
    background-position: bottom;
}


.ourbthamn:hover  .ourbthchs{
opacity:1
}

.ourntlbthamn:hover  .ourntlbthchs{
opacity:1
}





.ourbthsh{

background-image: url("txt2bthsh.jpg");
width: 272px;
height: 203px;


}

.ourntlbthsh {
    display: inline-block;
    background-image: url("txt2ntlbthsh.jpg");
    width: 78px;
    height: 317px;
    margin: 0px 0px 0px -7px;
}





.ourarwrd{
display: inline-block;
background-image: url("txt2arwrd.jpg");
width: 90px;
height: 128px;
}


.ourntlarwrd{
display: inline-block;
background-image: url("txt2ntlarwrd.jpg");
width: 237px;
height: 145px;
margin:0px 0px -7px 0px;
}




.ourarm1{
display: inline-block;
background-image: url("txt2arm1.jpg");
width: 182px;
height: 128px;
margin:0px 0px 0px -7px;

}

.ourntlarm1{
display: block;
background-image: url("txt2ntlarm1.jpg");
width: 237px;
height: 171px;
margin:0px 0px 0px 0px;

}




.ourarm2{
display: block;
background-image: url("txt2arm2.jpg");
width: 272px;
height: 202px;
margin:-7px 0px 0px 0px;

}


.ourkrwrd{
display: inline-block;
background-image: url("txt2krwrd.jpg");
width: 52px;
height: 227px;
float:left;

}

.ourntlkrwrd{
display: inline-block;
background-image: url("txt2ntlkrwrd.jpg");
width: 152px;
height: 422px;
margin:0px 0px 0px -7px;

}

.ourkrtbl{
display: inline-block;
background-image: url("txt2krtbl.jpg");
width: 220px;
height: 115px;
}

.ourkrm{
display: block;
background-image: url("txt2krm.jpg");
width: 220px;
height: 112px;
margin:-7px 0px 0px 52px;

}

.ourntlkrm{
display: inline-block;
background-image: url("txt2ntlkrm.jpg");
width: 160px;
height: 422px;
margin:0px 0px 0px 0px;

}





p.ourxtnd{
/*margin:0px 7px 3px 7px;*/
font-size:0.7em;
}

ul.ourxtnd{
display:block;
/*margin:0px 0px 3px 0px;*/

font-size:0.6em;
width:371px;

}



.ourxtndimg{
margin:27px;

}
.ourxtndimgnfo{
margin:117px 0px 0px 17px;

}



.ourxtndfrcmm, .ourxtndfrvm, .ourxtndfrbot, .ourxtndfrdish, .ourxtndfrfrz, .ourxtndfrmw, .ourxtndfrtbl, .ourxtndfr2venus, .ourxtndfrtv, .ourxtndfrecho, .ourxtndfrmpc, .ourxtndfrcch, .ourxtndbthm, .ourxtndbthsh, .ourxtndarwrd, .ourxtndarm, .ourxtndkrwrd, .ourxtndkrtbl, .ourxtndkrm{
background-image: url("txt2ourxtndmn.jpg");
width: 417px;
height: 504px;
padding:17px 3px 0px 7px;
margin:0px;
color:black;
position: absolute;
left:431px;
top: 159px;
}


 .ourxtndfrnfo{
background-image: url("txt2ourxtndm.jpg");
width: 517px;
height: 576px;
padding:17px 3px 0px 7px;
position: absolute;
left:417px;
top: 57px;
z-index:26;
}


.ourxtndfrcmm{
z-index:1;
}

.ourxtndfrvm{
z-index:2;
}

.ourxtndfrbot{
z-index:3;
}

.ourxtndfrdish{
z-index:4;
}

.ourxtndfrfrz{
z-index:5;
}

.ourxtndfrmw{
z-index:6;
}

.ourxtndfrtbl{
z-index:8;

}

.ourxtndfr2venus{
z-index:9;
}

.ourxtndfrtv{
z-index:10;
}

.ourxtndfrecho{
z-index:11;
}

.ourxtndfrmpc{
z-index:12;
}

.ourxtndfrcch{
z-index:13;
}

.ourxtndbthm{
z-index:14;
}

.ourxtndbthsh{
z-index:15;
}

.ourxtndarwrd{
z-index:16;
}

.ourxtndarm{
z-index:17;
}

.ourxtndkrwrd{
z-index:17;
}

.ourxtndkrtbl{
z-index:17;
}

.ourxtndkrm{
z-index:17;
}


.ourfrcmm:hover ~ .ourxtndfrcmm{
z-index:27;
}
.ourntlfrcmm:hover ~ .ourxtndfrcmm{
z-index:27;
}

.ourfrvm:hover ~ .ourxtndfrvm{
z-index:27;
}
.ourntlfrvm:hover ~ .ourxtndfrvm{
z-index:27;
}
.ourfrbot:hover ~ .ourxtndfrbot{
z-index:27;
}
.ourntlfrbot:hover ~ .ourxtndfrbot{
z-index:27;
}
.ourfrdish:hover ~ .ourxtndfrdish{
z-index:27;
}
.ourntlfrdish:hover ~ .ourxtndfrdish{
z-index:27;
}
.ourfrfrz:hover ~ .ourxtndfrfrz{
z-index:27;
}
.ourntlfrfrz:hover ~ .ourxtndfrfrz{
z-index:27;
}
.ourfrmw:hover ~ .ourxtndfrmw{
z-index:27;
}
.ourntlfrmw:hover ~ .ourxtndfrmw{
z-index:27;
}
.ourntlfrkrtbl:hover ~ .ourxtndkrtbl{
z-index:27;
top:717px;

}

.ourfrtbl:hover ~ .ourxtndfrtbl{
z-index:27;
top:717px;

}

.ourntlfrtbl:hover ~ .ourxtndfrtbl{
z-index:27;
top:717px;

}

.ourfr2venus:hover ~ .ourxtndfr2venus{
z-index:27;
top:1017px;

}

.ourntlfr2venus:hover ~ .ourxtndfr2venus{
z-index:27;
top:717px;

}



.ourfrtv:hover ~ .ourxtndfrtv{
z-index:27;
top:1017px;

}
.ourntlfrtv:hover ~ .ourxtndfrtv{
z-index:27;
top:717px;

}


.ourfrecho:hover ~ .ourxtndfrecho{
z-index:27;
top:1017px;

}
.ourfrmpc:hover ~ .ourxtndfrmpc{
z-index:27;
top:1017px;

}

.ourfrcch:hover ~ .ourxtndfrcch{
z-index:27;
top:1017px;

}
.ourntlfrcch:hover ~ .ourxtndfrcch{
z-index:27;
top:717px;

}


.ourbthm:hover  ~ .ourxtndbthm{
z-index:27;
top:1817px;

}

.ourntlbthm:hover  ~ .ourxtndbthm{
z-index:27;
top:1817px;

}

.ourbthm2:hover  ~ .ourxtndbthm{
z-index:27;
top:1817px;

}
.ourntlbthamn:hover  ~ .ourxtndbthm{
z-index:27;
top:1817px;

}

.ourntlbthm2:hover  ~ .ourxtndbthm{
z-index:27;
top:1817px;

}

.ourbthsh:hover  ~ .ourxtndbthsh{
z-index:27;
top:2217px;

}

.ourntlbthsh:hover  ~ .ourxtndbthsh{
z-index:27;
top:1817px;

}
.ourarwrd:hover  ~ .ourxtndarwrd{
z-index:27;
top:2817px;

}
.ourntlarwrd:hover  ~ .ourxtndarwrd{
z-index:27;
top:2517px;

}


.ourarm1:hover  ~ .ourxtndarm{
z-index:27;
top:2817px;

}

.ourntlarm1:hover  ~ .ourxtndarm{
z-index:27;
top:2517px;

}

.ourarm2:hover  ~ .ourxtndarm{
z-index:27;
top:2817px;

}

.ourkrwrd:hover  ~ .ourxtndkrwrd{
z-index:27;
top:3117px;

}

.ourntlkrwrd:hover  ~ .ourxtndkrwrd{
z-index:27;
top:3117px;

}

.ourkrtbl:hover  ~ .ourxtndkrtbl{
z-index:27;
top:3117px;

}

.ourkrm:hover  ~ .ourxtndkrm{
z-index:27;
top:3117px;

}

.ourntlkrm:hover  ~ .ourxtndkrm{
z-index:27;
top:3117px;

}

.txt2ourmp{
position: relative;
left:1px;
width:1217px;
}

.txt2ourmpm{


}

.ourmp{

}


.ourmpbk{
width: 1px;
height: 1px;
padding:0px 0px 0px 617px;
margin:0px 0px 0px 0px;
opacity:0;
position: absolute;
left: 71px;
/*bottom: 0px;*/
transition: opacity 6s, height 5s;
/*background-origin:content-box;*/
/*background-clip:content-box;*/
}

.ourmpoff{
display:inline-block;
float:left;
margin:7px 17px;
}

.ourmpoff2{
/*110-110*/
opacity:0;
transition:  opacity 7s;
}

.ourmpoff2gal{
background-image: url("txt2ourxtndgal.jpg");
position: absolute;
top: 52px;
left: 373px;
}

.ourmpoff2vig{
background-image: url("txt2ourxtndvig.jpg");
position: absolute;
top: 276px;
left: 70px;
}


.ourmpoff2ab1{
background-image: url("txt2ourxtndfin.jpg");
position: absolute;
top: 320px;
left: 270px;
}

.ourmpoff2ab2{
background-image: url("txt2ourxtndfin.jpg");
position: absolute;
top: 256px;
left: 420px;
}


.ourmpoff2stn{
background-image: url("txt2ourxtndfin.jpg");
position: absolute;
top: 310px;
left: 360px;
}


.ourmpoff2sbd{
background-image: url("txt2ourxtndfin.jpg");
position: absolute;
top: 252px;
left: 317px;
}

.ourmpoff2cx{
background-image: url("txt2ourxtndfin.jpg");
position: absolute;
top: 289px;
left: 310px;
}

.ourmpoff2ktx{
background-image: url("txt2ourxtndfin.jpg");
position: absolute;
top: 285px;
left: 416px;
}

.ourmpoff:hover{
height:260px;
}

.ourmpoff:hover .ourmprarcsxtnd{
position: absolute;
top: 260px;

height: 800px;
width: 600px;

opacity:1

}
.ourmpoff:hover .ourmpoff2{


opacity:1

}

.ourmpoff:hover .ourmprarcsxtnd{
position: absolute;
top: 260px;

height: 800px;
width: 600px;

opacity:1

}

.ourmpoff:hover .ourmpoff2gal{
width:217px;
height:118px;
}
.ourmpoff:hover .ourmpoff2vig{
width:217px;
height:184px;
}

.ourmpoff:hover .ourmpoff2ab1{
width:87px;
height:59px;
}

.ourmpoff:hover .ourmpoff2ab2{
width:87px;
height:59px;
}

.ourmpoff:hover .ourmpoff2stn{
width:87px;
height:59px;
}

.ourmpoff:hover .ourmpoff2sbd{
width:87px;
height:59px;
}

.ourmpoff:hover .ourmpoff2ktx{
width:87px;
height:59px;
}

.ourmpoff:hover .ourmpoff2fin{
width:87px;
height:59px;
}





.ourmpcom{

display:inline-block;
margin:7px 17px;
}

.ourmpcom2{
display: inline-block;
opacity:1;
transition:  opacity 5s;

}

.ourmpcom2tr,.ourmpcom2bus,.ourmpcom2bt,.ourmpcom2bus2,.ourmpcom2busntl{
position:relative;
border-width:0px 0px 4px 0px;
}

.ourmpcom2tr{
border-style:solid;
border-color:#9C8D73;
width:117px;
}
.ourmpcom2bus,.ourmpcom2busntl {
border-style:dashed;
}

.ourmpcom2bus{

border-color:#FFFFFF;
width:57px;
}


.ourmpcom2bt{
border-style:dotted;
border-color:#11D2FF;
width:87px;
}


.ourmpcom2bus2{
border-style:inset;
border-color:#A4FC08;
}

.ourmpcom2r1,.ourmpcom2r2,.ourmpcom2r1ntl ,.ourmpcom2r2ntl {
border-width:5px;
border-style:solid;
display:inline-block;

}
.ourmpcom2r1,.ourmpcom2r2{

border-color:#FBFFD4;

}

.ourmpcom2r1,.ourmpcom2r1ntl{
width:10px;
height:7px;
border-radius: 7px 0px 0px 15px;
}

.ourmpcom2r2, .ourmpcom2r2ntl{
width:18px;
height:14px;
border-radius: 7px 7px 7px 7px;
}

.ourmpcom2r3b,.ourmpcom2r3a,.ourmpcom2r3f,.ourmpcom2bus2nfob,.ourmpcom2bus2nfoa,.ourmpcom2bus2nfof{
width:67px;

border-radius: 7px 7px 7px 7px;
border-width:3px;
border-style:outset;
border-color:#FBFFD4;
display:inline-block;
font-size:0.7em;
text-align:center;
position:relative;
}



.ourmpcom2bus2nfob,.ourmpcom2bus2nfoa,.ourmpcom2bus2nfof{
opacity:0;
width:117px;
transition-property: opacity;
transition-duration: 2s;
transition-timing-function: linear;
transition-delay: 4s;
position:absolute;
}

.ourmpcom2bus2nfob{


background-color: #0488C9;
}

.ourmpcom2bus2nfoa{

background-color: #0B5228;
}

.ourmpcom2bus2nfof{

background-color: black;
}



.ourxtndtr:hover + .ourmpcom2tr{
animation-name: train;
animation-duration: 4s;
animation-fill-mode: forwards;
}

@keyframes train {
from{
top:234px;
left:460px;
}

25%{
top:433px;
left:400px;

}
40%{
top:552px;
left:333px;

}
60%{
top:579px;
left:263px;

}
70%{
top:560px;
left:170px;

}


to{
top:565px;
left:170px;
}

}

.ourxtndbus:hover + .ourmpcom2bus{
animation-name: bus;
animation-duration: 9s;
animation-fill-mode: forwards;
}


@keyframes bus {
from{
top:0px;
left:0px;
}
25%{
top:250px;
left:450px;
}
50%{
top:300px;
left:300px;
}
75%{
top:390px;
left:140px;
}
to{
top:475px;
left:150px;
}

}

.ourxtndbt:hover + .ourmpcom2bt{
animation-name: boat;
animation-duration: 9s;
animation-fill-mode: forwards;
}




@keyframes boat {
from{
top:0px;
left:0px;
}
25%{
top:0px;
left:-300px;
}
50%{
top:10px;
left:-250px;
}
75%{
top:50px;
left:-260px;
}
to{
top:90px;
left:-269px;
}

}


.ourxtndbus2:hover ~ .ourmpcom2r3b{
animation-name: boatstop;
animation-duration: 4s;
animation-fill-mode: forwards;
}



.ourxtndbus2:hover ~ .ourmpcom2bus2nfob{
top:270px;
left:50px;
opacity:1;
}


@keyframes boatstop {
from{
top:0px;
left:0px;
}
25%{
background-color: lightblue;
opacity:0.25;
}
50%{
background-color: blue;
opacity:0.5;
}
75%{
background-color: #0488C9;
opacity:1;
}
to{
background-color: #0488C9;
opacity:1;
top:156px;
left:-300px;
}

}


.ourxtndbus2:hover ~ .ourmpcom2r3a{
animation-name: alamanedastop;
animation-duration: 4s;
animation-fill-mode: forwards;
}

.ourxtndbus2:hover ~ .ourmpcom2bus2nfoa{
top:470px;
left:200px;
opacity:1;}



@keyframes alamanedastop {
from{
top:0px;
left:0px;
}
25%{
background-color: lightgreen;
opacity:0.25;
}
50%{
background-color: green;
opacity:0.5;
}
75%{
background-color: #0B5228;
opacity:1;
}
to{
background-color: #0B5228;
opacity:1;
top:210px;
left:-225px;
}

}

.ourxtndbus2:hover ~ .ourmpcom2r3f{
animation-name: afarolastop;
animation-duration: 4s;
animation-fill-mode: forwards;
}

.ourxtndbus2:hover ~ .ourmpcom2bus2nfof{
top:600px;
left:500px;
opacity:1;
}

@keyframes afarolastop {
from{
top:200px;
left:0px;
}
25%{
background-color: silver;
opacity:0.25;
}
50%{
background-color: black;
opacity:0.5;
}
75%{
background-color: black;
opacity:1;
}
to{
background-color: black;
opacity:1;
top:359px;
left:-214px;
}

}


.ourmprar{
margin: 7px 17px;
float: left;
 

}



.ourmprarrandr{

padding:7px;

}

.ourmprarotimgrandr{
position:absolute;

background-image: url("txt2ourxtndrandr.jpg");

opacity:0;
transition-property: opacity;
transition-duration: 7s;
transition-timing-function: ease-out;
}

.ourmprarotimgrandra1{
position:absolute;

background-image: url("txt2ourxtnda1.jpg");

opacity:0;
transition-property: opacity;
transition-duration: 2s;
transition-timing-function: linear;
transition-delay: 2s;
}

.ourmprarotimgrandrh2{
position:absolute;

background-image: url("txt2ourxtndh2.jpg");

opacity:0;
transition-property: opacity;
transition-duration: 2s;
transition-timing-function: linear;
transition-delay: 2.5s;
}

.ourmprarotimgrandra2{
position:absolute;

background-image: url("txt2ourxtnda2.jpg");

opacity:0;
transition-property: opacity;
transition-duration: 2s;
transition-timing-function: linear;
transition-delay: 3s;
}

.ourmprarotimgrandrh1{
position:absolute;

background-image: url("txt2ourxtndh1.jpg");

opacity:0;
transition-property: opacity;
transition-duration: 1s;
transition-timing-function: ease-in;
transition-delay: 3s;
}

.ourmprarrandr:hover .ourmprarcsxtnd{
position: absolute;
top: 260px;
height: 800px;
width: 600px;

opacity:1
}


.ourmprarrandr:hover .ourmprarotimgrandr {
 width: 389px;
 height: 214px;
 top: 30px;
 left: 180px;
 opacity: 1;

}


.ourmprarrandr:hover .ourmprarotimgrandra1 {
 width: 165px;
 height: 220px;
 top: 110px;
 left: 119px;
 opacity: 1;

}

.ourmprarrandr:hover .ourmprarotimgrandrh2 {
 width: 231px;
 height: 195px;
 top: 25px;
 left: 430px;
 opacity: 1;

}
.ourmprarrandr:hover .ourmprarotimgrandra2 {
 width: 125px;
 height: 166px;
 top: 150px;
 left: 345px;
 opacity: 1;

}
.ourmprarrandr:hover .ourmprarotimgrandrh1 {
 width: 231px;
 height: 195px;
 top: 25px;
 left: 75px;
 opacity: 1;

}

.ourmprarot{
padding:7px;

}


.ourmprarotimg{
position:absolute;

background-image: url("txt2ourxtndot.jpg");

opacity:0;
transition-property: opacity;
transition-duration: 1s;
transition-timing-function: ease-in;
transition-delay: 2s;

}
.ourmprarot:hover .ourmprarcsxtnd{
position: absolute;
top: 260px;
height: 800px;
width: 600px;

opacity:1
}



.ourmprarot:hover .ourmprarotimg {
top:120px;
left:110px;
opacity:1;
width: 158px;
height: 128px;
}

.ourmprarcs{

padding:7px;

}

.ourmprarcsxtnd{
transition-property: top;
transition-duration: 2s;
transition-timing-function: linear;
position:relative;
top:0px;
font-size: 1.5em;
text-decoration:overline;
color: white;
opacity:0;
width:0px;
height:0px;
}


.ourmprarcsimge, .ourmprarcsimgcc,.ourmprarcsimgcs, .ourmprarcsimgcr, .ourmpshpcclx, .ourmpshpccpe, .ourmpshpccvl,.ourmpshpimglx ,.ourmpshpimgpe ,.ourmpshpimgvl {
position:absolute;
background-color:#D5E5EF;
width:0px;
height:0px;
margin:0px;

border-radius: 7px 7px 7px 7px;
border-width:3px;
border-style:outset;
border-color:#496B06;
opacity:0;
transition-property: opacity;
transition-duration: 2s;
transition-timing-function: linear;
color: #163D64;
font-size:0em;
text-align:center;
}

.ourmprarcsimgecrss{
background-image: url("txt2ourxtndcs.jpg");

float:right;
}
.ourmprarcsimge{

}





.ourmprarcsimgcc{

}

.ourmprarcsimgcs{

}

.ourmprarcsimgcr{

}

.ourmprarcs:hover{

}
.ourmprarcs:hover .ourmprarcsxtnd{
position: absolute;
top: 260px;
height: 800px;
width: 600px;

opacity:1

}

.ourmprarcs:hover .ourmprarcsimgecrss{
width:87px;
height:112px;
}

.ourmprarcs:hover .ourmprarcsimge {
top:245px;
left:17px;
opacity:1;
width: 207px;
height: 117px;
color:black;
font-size:0.6em;
}

.ourmprarcs:hover .ourmprarcsimgcc {
top:161px;
left:131px;
opacity:1;
width: 207px;
height: 117px;
color:black;
font-size:0.6em;
}

.ourmprarcs:hover .ourmprarcsimgcs{
top:322px;
left:235px;
opacity:1;
width: 207px;
height: 117px;
color:black;
font-size:0.6em;
}

.ourmprarcs:hover .ourmprarcsimgcr{
top:244px;
left:464px;
opacity:1;
width: 207px;
height: 117px;
color:black;
font-size:0.6em;
}





.ourxtndcsnfo{

width:97px;
float:left;
text-align: left;
font-size: 0.9em;
color: black;
letter-spacing: 0px;
margin:0px;
padding:3px 1px;
}


.ourmpshp{
display: inline-block;

margin:7px 17px;
}
.ourmpshpms{

padding:7px;

}

.ourmpshpimg{

background-image: url("txt2ourxtndms1.jpg");
width: 0px;
height: 0px;
opacity:0;
}

.ourmpshpms:hover .ourmprarcsxtnd{
position: absolute;
top: 260px;
left:20px;
height: 800px;
width: 600px;

opacity:1

}


.ourmpshpms:hover .ourmpshpimg{
position:absolute;
left:220px;
top:200px;
width: 147px;
height: 120px;
animation-name: shopping;
animation-duration: 15s;
animation-fill-mode: forwards ;
animation-timing-function: linear;
}

@keyframes shopping {
 
from{
opacity:0;
}

1%{
opacity:0;
background-image: url("txt2ourxtndms2.jpg");
}

2%{
opacity:0;
background-image: url("txt2ourxtndms3.jpg");
}

3%{
opacity:0;
background-image: url("txt2ourxtndms4.jpg");
}
4%{
background-image: url("txt2ourxtndms1.jpg");
opacity:1;
}

25%{
left:240px;
top:220px;
background-image: url("txt2ourxtndms2.jpg");

}
50%{
left:280px;
top:240px;
background-image: url("txt2ourxtndms3.jpg");

}
75%{
left:320px;
top:260px;
opacity:1;
background-image: url("txt2ourxtndms4.jpg");

}
to{
left:360px;
top:280px;
background-image: url("txt2ourxtndms4.jpg");

}


}

.ourmpshpmc{

padding:7px;

}

.ourmpshpmc:hover .ourmprarcsxtnd{
position: absolute;
top: 260px;
left:20px;
height: 800px;
width: 600px;

opacity:1

}



.ourmpshpcclx ,.ourmpshpimglx{
left:126px;
top:50px;
background-color:#CEEDEC;

}

.ourmpshpccpe ,.ourmpshpimgpe{
left:270px;
top:400px;
background-color:#CEEDEC;
}

.ourmpshpccvl ,.ourmpshpimgvl{
left:600px;
top:300px;
background-color:#CEEDEC;
}

.ourmpshpimglx{
}
.ourmpshpimgpe{
}
.ourmpshpimgvl{
}





.ourmpshpmc:hover .ourmpshpimglx{
display: block;
opacity:1;
transition-duration: 2s;
width: 207px;
height: 117px;

}

.ourmpshpmc:hover .ourmpshpimgpe{
display: block;
opacity:1;
transition-duration: 2s;
width: 207px;
height: 117px;


}

.ourmpshpmc:hover .ourmpshpimgvl{
display: block;
opacity:1;
transition-duration: 2s;
width: 207px;
height: 117px;


}

.ourmpshpmc:hover .ourmpshpcclx{
opacity:1;
transition-delay: 3s;
transition-duration: 10s;
width: 207px;
height: 117px;
font-size: 0.9em;
color: black;

}

.ourmpshpmc:hover .ourmpshpccpe{
opacity:1;
transition-delay: 3s;
transition-duration: 10s;
width: 207px;
height: 117px;
font-size: 0.8em;
color: black;
}

.ourmpshpmc:hover .ourmpshpccvl{
opacity:1;
transition-delay: 3s;
transition-duration: 10s;
width: 207px;
height: 117px;
font-size: 0.9em;
color: black;
}

.ourmpntl{
width: 717px;
height: 673px;
position: absolute;
top: 240px;
background-image: url("txt2ourmpoutntl.jpg");

}


.txt2ourmpntl{
width:1217px;
padding:7px 0px 1000px 0px;
}

.txt2ourmpmntl{
position:relative;
padding: 7px 0px 0px 0px;
/*-109,12*/
}

.ourmpoffntl{

float:left;
margin:7px 17px;

}

.ourmpoffntlfn{
display:block;
float:left;
margin:7px 17px;

}

.ourmpoff2galntl, .ourmpoff2cntl, .ourmpoff2tgssntl {
display: inline-block;
opacity:0;
transition:  opacity 5s;
position: absolute;
width:217px;
height:117px;
background-size:contain;
}



.ourmpoff2galntl{
/*background-clip: content-box;*/
/* background-origin: content-box;*/
/*background-image: linear-gradient(to right,#163D64, #ffffff, #BDD7EE, #2E75B6, #1F4E79, #000000,#163D64); */
background-image: url("txt2ourxtndntlgal.jpg"); 
top: 325px;
left: 415px;
}

.ourmpoff2cntl{
background-image: url("txt2ourxtndcntl.jpg");
top: 634px;
left: 288px;
}

.ourmpoff2tgssntl{
background-image: url("txt2ourxtndtgssntl.jpg");
top: 343px;
left: 174px;
}

.ourmpoff2ab1ntl, .ourmpoff2ab2ntl, .ourmpoff2ab3ntl, .ourmpoff2ab4ntl {
display: inline-block;
opacity:0;
transition:  opacity 5s;
position: absolute;
width:87px;
height:59px;
background-size:contain;
background-image: url("txt2ourxtndfin.jpg");
}

.ourmpoff2ab1ntl {

top: 500px;
left: 302px;
/*-43  42*/  
}



.ourmpoff2ab2ntl{

top: 310px;
left: 460px;
}

.ourmpoff2ab3ntl{

top: 750px;
left: 300px;
}
.ourmpoff2ab4ntl{

top: 500px;
left: 243px;
}

.ourmpoff2lilwsntl{
display: inline-block;
opacity:0;
transition: opacity 2s linear 0s,width 5s linear 5s,height 5s linear 5s,top 5s linear 5s,left 5s linear 5s;
position: absolute;
width:272px;
height: 293px;
background-size:cover;
background-image: url("txt2ourxtndntllwsbg1.jpg");
top: 400px;
left: 170px;

/*-154   -235*/  

/*-75 -136      300 306*/ 

/*71-565/2 -211  -471/2 -235    */ 

}

.ourmpoff2stnntl{
position: absolute;
top: 0px;
left: 0px;
}


.ourmpoff2sbdntl{
position: absolute;
top: 0px;
left: 0px;
}

.ourmpoff2cxntl{
position: absolute;
top: 0px;
left: 0px;
}

.ourmpoff2ktxntl{
position: absolute;
top: 0px;
left: 0px;
}

.ourmpoffntl:hover{
height:917px;
}

.ourmpoffntlfn:hover{
height:917px;
}


.ourmpoffntl:hover ~ .ourmpoff2galntl{
opacity: 1;
}

.ourmpoffntl:hover ~ .ourmpoff2cntl{
opacity: 1;
}
.ourmpoffntl:hover ~ .ourmpoff2tgssntl{
opacity: 1;
}

.ourmpoffntlfn:hover ~ .ourmpoff2ab1ntl{
opacity: 1;
}

.ourmpoffntlfn:hover ~ .ourmpoff2ab2ntl{
opacity: 1;
}


.ourmpoffntlfn:hover ~ .ourmpoff2ab3ntl{
opacity: 1;
}

.ourmpoffntlfn:hover ~ .ourmpoff2ab4ntl{
opacity: 1;
}




.ourmpoffntlfn:hover ~ .ourmpoff2lilwsntl{
opacity:1;
width:471px;
height: 565px;
top: 240px;
left: 71px;

}



.ourmpcomntl1{
    float: right;
    display: inline-block;
    margin: 7px 17px;
    /* position: absolute; */
    top: -147px;
}


.ourmpcomntl1p1 , .ourmpcomntl1p2  , .ourmpcomntl1p3  , .ourmpcomntl1p4  , .ourmpcomntl1p5  , .ourmpcomntl1p6  , .ourmpcomntl1p7  , .ourmpcomntl1l1  , .ourmpcomntl1l2  , .ourmpcomntl1l3  , .ourmpcomntl1l4  , .ourmpcomntl1l5 , .ourmpcomntl2c1  , .ourmpcomntl2c2  , .ourmpcomntl2c3  , .ourmpcomntl2c4  , .ourmpcomntl2ct1  , .ourmpcomntl2ct2  , .ourmpcomntl2ct3  , .ourmpcomntl2ct4  , .ourmpcomntl2ct5  , .ourmpcomntl2ct6  , .ourmpcomntl2ct7  {
display: inline-block;
opacity:0;
transition:  opacity 5s;
position: absolute;
width:167px;
height:117px;
background-size:contain;
z-index:-1;
/* 71-117/2 +12 167/2  -84  */
/* (for /l %g in (1,1,17) do set /p q=  --* & (for /f "tokens=1,2,3" %g in ("!q!") do (echo .%g { >> c:\agf\duckies\w3\coords.txt & set /a q=%i+12 & echo top: !q!px; >> c:\agf\duckies\w3\coords.txt & set /a q=%h-84 & echo left: !q!px; } >> c:\agf\duckies\w3\coords.txt ) )   ) */
}

.ourmpcomntl1p1 {
top: 12px;
left: -84px;
background-image: url("txt2ourxtndntlcomp1.jpg");
}

.ourmpcomntl1p2{
top: 12px; 
left: 83px; 
background-image: url("txt2ourxtndntlcomp2.jpg");
}



.ourmpcomntl1p3{
top: 12px;
left: 252px;
background-image: url("txt2ourxtndntlcomp3.jpg");
}


.ourmpcomntl1p4{
top: 12px;
left: 421px;
background-image: url("txt2ourxtndntlcomp4.jpg");
}

.ourmpcomntl1p5{
top: 12px; 
left: 588px;
background-image: url("txt2ourxtndntlcomp5.jpg");
}

.ourmpcomntl1p6{
top: 12px;
left: 754px;
background-image: url("txt2ourxtndntlcomp6.jpg");
}

.ourmpcomntl1p7{
top: 12px;
left: 925px;
background-image: url("txt2ourxtndntlcomp7.jpg");
}

.ourmpcomntl1l1{
top: 146px;
left: 478px;
background-image: url("txt2ourxtndntlcoml1.jpg");
}

.ourmpcomntl1l2{
top: 140px;
left: 649px;
background-image: url("txt2ourxtndntlcoml2.jpg");
}

.ourmpcomntl1l3{
top: 259px;
left: 645px;
background-image: url("txt2ourxtndntlcoml3.jpg");
}

.ourmpcomntl1l4{
top: 376px;
left: 645px;
background-image: url("txt2ourxtndntlcoml4.jpg");
}

.ourmpcomntl1l5{
top: 269px;
left: 817px;
background-image: url("txt2ourxtndntlcoml5.jpg");
}

.ourmpcomntl1:hover ~ .ourmpcomntl1p1 {
opacity:1;
z-index:1;
}

.ourmpcomntl1:hover ~ .ourmpcomntl1p2 {
opacity:1;
z-index:1;
}

.ourmpcomntl1:hover ~ .ourmpcomntl1p3 {
opacity:1;
z-index:1;
}
.ourmpcomntl1:hover ~ .ourmpcomntl1p4 {
opacity:1;
z-index:1;
}
.ourmpcomntl1:hover ~ .ourmpcomntl1p5 {
opacity:1;
z-index:1;
}
.ourmpcomntl1:hover ~ .ourmpcomntl1p6 {
opacity:1;
z-index:1;
}
.ourmpcomntl1:hover ~ .ourmpcomntl1p7 {
opacity:1;
z-index:1;
}

.ourmpcomntl1:hover ~ .ourmpcomntl1l1 {
opacity:1;
z-index:1;
}
.ourmpcomntl1:hover ~ .ourmpcomntl1l2 {
opacity:1;
z-index:1;
}
.ourmpcomntl1:hover ~ .ourmpcomntl1l3 {
opacity:1;
z-index:1;
}

.ourmpcomntl1:hover ~ .ourmpcomntl1l4 {
opacity:1;
z-index:1;
}

.ourmpcomntl1:hover ~ .ourmpcomntl1l5 {
opacity:1;
z-index:1;
}


.ourmpcomntl2{

margin:7px 17px;

float: right;
}

.ourmpcomntl2c1 {  
top: 159px;  
left: -84px; 
background-image: url("txt2ourxtndntlcomc1.jpg");

}  
.ourmpcomntl2c2 {  
top: 453px;  
left: -84px; 
background-image: url("txt2ourxtndntlcomc2.jpg");
}  
.ourmpcomntl2c3 {  
top: 297px;  
left: -84px;  
background-image: url("txt2ourxtndntlcomc3.jpg");
}  
.ourmpcomntl2c4 {  
top: 584px;  
left: -84px;  
background-image: url("txt2ourxtndntlcomc4.jpg");
}  
.ourmpcomntl2ct1 {  
top: 770px;  
left: -84px;  
background-image: url("txt2ourxtndntlcomct1.jpg");
}  
.ourmpcomntl2ct2 {  
top: 654px;  
left: 87px;  
background-image: url("txt2ourxtndntlcomct2.jpg");
}  
.ourmpcomntl2ct3 {  
top: 826px;  
left: 87px;  
background-image: url("txt2ourxtndntlcomct3.jpg");
}  
.ourmpcomntl2ct4 {  
top: 660px;  
left: 261px;  
background-image: url("txt2ourxtndntlcomct4.jpg");
}  
.ourmpcomntl2ct5 {  
top: 499px;  
left: 631px;  
background-image: url("txt2ourxtndntlcomct5.jpg");
}  
.ourmpcomntl2ct6 {  
top: 826px;  
left: 631px;  
background-image: url("txt2ourxtndntlcomct6.jpg");
}  
.ourmpcomntl2ct7 {  
top: 558px;  
left: 802px;  
background-image: url("txt2ourxtndntlcomct7.jpg");
}  

.ourmpcomntl2:hover ~ .ourmpcomntl2c1 {
opacity:1;
z-index:1;
}
.ourmpcomntl2:hover ~ .ourmpcomntl2c2 {
opacity:1;
z-index:1;
}
.ourmpcomntl2:hover ~ .ourmpcomntl2c3 {
opacity:1;
z-index:1;
}
.ourmpcomntl2:hover ~ .ourmpcomntl2c4 {
opacity:1;
z-index:1;
}
.ourmpcomntl2:hover ~ .ourmpcomntl2ct1 {
opacity:1;
z-index:1;
}
.ourmpcomntl2:hover ~ .ourmpcomntl2ct2 {
opacity:1;
z-index:1;
}
.ourmpcomntl2:hover ~ .ourmpcomntl2ct3 {
opacity:1;
z-index:1;
}
.ourmpcomntl2:hover ~ .ourmpcomntl2ct4 {
opacity:1;
z-index:1;
}
.ourmpcomntl2:hover ~ .ourmpcomntl2ct5 {
opacity:1;
z-index:1;
}
.ourmpcomntl2:hover ~ .ourmpcomntl2ct6 {
opacity:1;
z-index:1;
}
.ourmpcomntl2:hover ~ .ourmpcomntl2ct7 {
opacity:1;
z-index:1;
}

.ourmpcom2busntl{
border-color:#67A0DF;
width:171px;
}


.ourmpcom2r1ntl,.ourmpcom2r2ntl{

border-color:#F5E50F;

}









.ourtoon1{
background-image: url("txt2ourtoondnv1.jpg");
width: 417px;
height: 202px;
float: left;
}

.ourtoon2{
background-image: url("txt2ourtoondnv2.jpg");
width: 317px;
height: 219px;
float:right;
}





.ourtoon2xtnd1{

background-image: url("txt2ourtoondnv2xtnd1.jpg");
width: 217px;
height: 186px;
float: left;
transition-property: background-image;
transition-duration: 5s;
transition-timing-function: ease-in;
transition-delay: 2s;
}



.ourtoon2xtnd3{
background-image: url("txt2ourtoondnv2xtnd3.jpg");
width: 217px;
height: 186px;
float:right;
opacity:0;
transition-property: opacity;
transition-duration: 1s;
transition-timing-function: ease-out;
transition-delay: 0.5s;
}

.ourtoon2xtnd4{
background-image: url("txt2ourtoondnv2xtnd4.jpg");
width: 217px;
height: 100px;
margin:67px 0px 0px 0px;
opacity:0;
transition-property:opacity ;
transition-duration: 5s;
transition-timing-function: ease-in;
transition-delay: 2s;
}

.ourtoon2xtnd5{
position:relative;
top:100px;
left:700px;
background-image: url("txt2ourtoondnv2xtnd5.jpg");
width: 417px;
height: 333px;
margin:17px;
opacity:0;
display:none;
float:inline-end;
}

.ourtoon2:hover ~ .ourtoon2xtnd1{
background-image: url("txt2ourtoondnv2xtnd2.jpg");
transition-duration: 2s;
}


.ourtoon2:hover ~ .ourtoon2xtnd3{
opacity:1;
transition-duration: 2s;
}


.ourtoon2:hover ~ .ourtoon2xtnd4{
opacity:1;
transition-duration: 2s;
}


.ourtoon2:hover ~ .ourtoon2xtnd5{
display:block;
animation-name: denvisknowbetter;
animation-duration: 7s;
animation-fill-mode: forwards;
}



@keyframes denvisknowbetter {
from{
top: 100px;
left:700px;

}

1%{

background-image: url("txt2ourtoondnv2xtnd5.jpg");

}
25%{
opacity:0;
top:100px;
left:300px;
}
50%{
opacity:1;

top:0px;
left:200px;
}
75%{
opacity:1;

top:100px;
left:100px;
}
to{
opacity:1;

top:150px;
left:0px;
}

}




.ourtoon3{
background-image: url("txt2ourtoondnv3.jpg");
width: 417px;
height: 175px;
}

.ourtoon3xtnd1{
background-image: url("txt2ourtoondnv3xtnd1.jpg");
width: 317px;
height: 71px;
margin: 0px 117px 0px 0px;
padding:0px;
opacity:0;
float:right;
transition: opacity 7s ease-in 2s, width 2s ease-in 2s, height 2s ease-in 2s;
}

.ourtoon3xtnd11{
position: relative;
top:-171px;
left:-17px;
display:none;
opacity:0;
border: 37px inset #B0ACAD;
background-image: url("txt2ourtoondnv3xtnd11.jpg");
width: 517px;
height: 440px;
}

.ourtoon3:hover ~ .ourtoon3xtnd1{
opacity:1;
width: 417px;
height: 329px;
}

.toon3{
font-size:0.7em;
color:black;
padding:10px 77px 10px 47px;
}


.ourtoon3xtnd1:hover ~ .ourtoon3xtnd11{
animation-name: denvisclass;
animation-duration: 17s;
animation-fill-mode: forwards;
display:block;
opacity:0;
}

@keyframes denvisclass {
from{
opacity:0;
background-image: url("txt2ourtoondnv3xtnd11.jpg");
}

1%{
opacity:0;
background-image: url("txt2ourtoondnv3xtnd12.jpg");

}

3%{
opacity:0;
background-image: url("txt2ourtoondnv3xtnd13.jpg");

}

5%{
opacity:0;
background-image: url("txt2ourtoondnv3xtnd222.jpg");

}

10%{
opacity:1;
background-image: url("txt2ourtoondnv3xtnd11.jpg");

}

35%{
background-image: url("txt2ourtoondnv3xtnd11.jpg");
opacity:1;
}

40%{
opacity:1;
background-image: url("txt2ourtoondnv3xtnd222.jpg");
}

45%{
opacity:1;
background-image: url("txt2ourtoondnv3xtnd12.jpg");

}

70%{
opacity:1;
background-image: url("txt2ourtoondnv3xtnd12.jpg");

}

75%{
opacity:1;
background-image: url("txt2ourtoondnv3xtnd222.jpg");
}

80%{
opacity:1;
background-image: url("txt2ourtoondnv3xtnd13.jpg");

}

to{
opacity:1;
background-image: url("txt2ourtoondnv3xtnd13.jpg");

}

}


.ourtoon4{

background-image: url("txt2ourtoondnv4.jpg");
width: 317px;
height: 137px;
margin:17px;

transition: opacity 7s ease-in 2s, width 2s ease-in 2s, height 2s ease-in 2s;
}

.ourtoon4xtnd1{
position: relative;
top:-151px;
left:-371px;
opacity:0;
background-image: url("txt2ourtoondnv4xtnd1.jpg");
width: 417px;
height: 258px;
transition: opacity 7s ease-in 1s;
float:right;
}

.ourtoon4xtndblank{
position: relative;
top:-171px;
left: 151px;
opacity:0;
background-color: #163D64;
width: 517px;
height: 489px;
transition: opacity 3s ease-in 8s;
float:right;
}
.ourtoon4xtndblank2{
position: relative;
top:-647px;
left:422px;
opacity:0;
background-image: url("bluesquaresbelong2us.jpg");
width: 517px;
height: 489px;
transition: opacity 3s ease-in 23s;
float:left;
}

.ourtoon4xtnd2{
position: relative;
top:-647px;
left:-297px;
opacity:0;
background-image: url("txt2ourtoondnv4xtnd2.jpg");
width: 417px;
height: 405px;
transition: opacity 5s ease-in 15s;
float:right;
}

.ourtoon4xtnd3{
position: relative;
top:-167px;
left:337px;
opacity:0;
background-image: url("txt2ourtoondnv4xtnd3.jpg");
width: 417px;
height: 319px;
transition: opacity 5s ease-in 27s;
float:none;
}


.ourtoon4:hover ~ .ourtoon4xtnd1{
opacity:1;
}
.ourtoon4:hover ~ .ourtoon4xtndblank{
opacity:1;
}

.ourtoon4:hover ~ .ourtoon4xtnd2{
opacity:1;
}
.ourtoon4:hover ~ .ourtoon4xtndblank2{
opacity:1;
}
.ourtoon4:hover ~ .ourtoon4xtnd3{
opacity:1;
}







