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: flex;
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;
height:1600px;
}

.ourmpcc{
width: 717px;
height: 451px;
margin: 30px 10px 30px 0px;
background-image: url("txt2ourmpoutcc.jpg");
mar
}



.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: 62px;
left: 373px;
}

.ourmpoff2vig{
background-image: url("txt2ourxtndvig.jpg");
position: absolute;
top: 286px;
left: 70px;
}


.ourmpoff2ab1{
background-image: url("txt2ourxtndfin.jpg");
position: absolute;
top: 330px;
left: 270px;
}

.ourmpoff2ab2{
background-image: url("txt2ourxtndfin.jpg");
position: absolute;
top: 266px;
left: 420px;
}


.ourmpoff2stn{
background-image: url("txt2ourxtndfin.jpg");
position: absolute;
top: 320px;
left: 360px;
}


.ourmpoff2sbd{
background-image: url("txt2ourxtndfin.jpg");
position: absolute;
top: 262px;
left: 317px;
}

.ourmpoff2cx{
background-image: url("txt2ourxtndfin.jpg");
position: absolute;
top: 299px;
left: 310px;
}

.ourmpoff2ktx{
background-image: url("txt2ourxtndfin.jpg");
position: absolute;
top: 295px;
left: 416px;
}

.ourmpoff:hover{
height:280px;
}

.ourmpoff:hover .ourmprarcsxtnd{
position: absolute;
top: 280px;
font-size: 1.2em;

width: 600px;
height: 800px;
opacity:1

}
.ourmpoff:hover .ourmpoff2{


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 .ourmpoff2cx{
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
{
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:186px;
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:230px;
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:389px;
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: 280px;
font-size: 1.2em;

width: 600px;
height: 800px;
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: 280px;
font-size: 1.2em;

width: 600px;
height: 800px;
opacity:1
}



.ourmprarot:hover .ourmprarotimg {
top:150px;
left:110px;
opacity:1;
width: 158px;
height: 128px;
}

.ourmprarcs{

padding:7px;

}

.ourmprarcsxtnd{
transition-property: top, padding-top;
transition-duration: 2s;
transition-timing-function: linear;
position:relative;
top:0px;
font-size: 0em;
text-decoration:none;
color: white;
opacity:0;
width:0px;
height: 0px;
padding-top: 1px;

}


.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: 280px;
font-size: 1.2em;
width: 600px;
height: 800px;
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: 280px;
font-size: 1.2em;
left: -1px;
width: 600px;
height: 800px;
opacity:1

}


.ourmpshpms:hover .ourmpshpimg{
position:absolute;
left:220px;
top:230px;
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:250px;
background-image: url("txt2ourxtndms2.jpg");

}
50%{
left:280px;
top:270px;
background-image: url("txt2ourxtndms3.jpg");

}
75%{
left:320px;
top:290px;
opacity:1;
background-image: url("txt2ourxtndms4.jpg");

}
to{
left:360px;
top:310px;
background-image: url("txt2ourxtndms4.jpg");

}


}

.ourmpshpmc{

padding:7px;

}

.ourmpshpmc:hover .ourmprarcsxtnd{
position: absolute;
top: 280px;
font-size: 1.2em;
left:-1px;
width: 600px;
height: 800px;
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;

margin: 30px 10px 30px 0px;

background-image: url("txt2ourmpoutntl.jpg");

}


.txt2ourmpntl{
width:1217px;
height:1000px;
}

.ourmpofftopleft{
    display: inline-block;
    float: left;
    margin: 7px 17px;
}

.ourmpoffntl{
display:block;

margin:7px 17px;

}

.ourmpoffntlfn{
display:block;

margin:7px 17px;

}

.ourmpoff2galntl, .ourmpoff2cntl, .ourmpoff2tgssntl {
display: inline-block;
opacity:0;
transition:  opacity 5s;
position: absolute;

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: 610px;
left: 450px;
}

.ourmpoff2cntl{
background-image: url("txt2ourxtndcntl.jpg");
top: 900px;
left: 288px;
}

.ourmpoff2tgssntl{
background-image: url("txt2ourxtndtgssntl.jpg");
top: 630px;
left: 174px;
}

.ourmpoff2ab1ntl, .ourmpoff2ab2ntl, .ourmpoff2ab3ntl, .ourmpoff2ab4ntl {
display: inline-block;
opacity:0;
transition:  opacity 5s;
position: absolute;

background-size:contain;
background-image: url("txt2ourxtndfin.jpg");
}

.ourmpoff2ab1ntl {

top: 600px;
left: 300px;
/*-43  42*/  
}



.ourmpoff2ab2ntl{

top: 460px;
left: 400px;
}

.ourmpoff2ab3ntl{

top: 900px;
left: 300px;
}
.ourmpoff2ab4ntl{

top: 620px;
left: 243px;
}

.ourmpoff2lilwsntl{
display: inline-block;
opacity:0;
transition: opacity 3s linear 0s,width 5s linear 5s,height 5s linear 5s,top 5s linear 5s,left 5s linear 5s;
position: absolute;
width: 1px;
height: 1px;
background-size:cover;
background-image: url("txt2ourxtndntllwsbg1.jpg");
top: 700px;
left: 300px;

/*-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{

}







.ourmpoffntlfn:hover{

}




.ourmpoffntl:hover .ourmprarcsxtnd{
position: absolute;
width: 600px;
height: 800px;
opacity:1;
font-size: 1.5em;
padding-top:280px;
}

.ourmpoffntlfn:hover .ourmprarcsxtnd{
position: absolute;
width: 600px;
height: 800px;
opacity:1;
font-size: 1.5em;
padding-top:280px;
}


.ourmpcomntl1:hover .ourmprarcsxtnd{
position: absolute;
width: 800px;
height: 800px;
opacity:1;
font-size: 1.5em;
padding-top:240px;
left:-1px
}

.ourmpcomntl2:hover .ourmprarcsxtnd{
position: absolute;
width: 800px;
height: 800px;
opacity:1;
font-size: 1.5em;
padding-top:240px;
left:-1px
}






.ourmpoffntl:hover .ourmpoff2{
opacity: 1;

}

.ourmpoffntlfn:hover .ourmpoff2{
opacity: 1;

}


.ourmpcomntl1:hover .ourmpoff2{
opacity: 1;

}

.ourmpcomntl2:hover .ourmpoff2{
opacity: 1;

}




.ourmpoffntl:hover .ourmpoff2galntl{
opacity: 1;
width:217px;
height:117px;

}

.ourmpoffntl:hover .ourmpoff2cntl{
opacity: 1;
width:217px;
height:117px;

}
.ourmpoffntl:hover .ourmpoff2tgssntl{
opacity: 1;
width:217px;
height:117px;

}

.ourmpoffntlfn:hover .ourmpoff2ab1ntl{
opacity: 1;
width:87px;
height:59px;
}

.ourmpoffntlfn:hover .ourmpoff2ab2ntl{
opacity: 1;
width:87px;
height:59px;
}


.ourmpoffntlfn:hover .ourmpoff2ab3ntl{
opacity: 1;
width:87px;
height:59px;
}

.ourmpoffntlfn:hover .ourmpoff2ab4ntl{
opacity: 1;
width:87px;
height:59px;
}




.ourmpoffntlfn:hover .ourmpoff2lilwsntl{
opacity:1;
width:471px;
height: 565px;
top: 360px;
left: 71px;

}



.ourmpcomntl1{
 
    display: inline-block;
    margin: 7px 17px;
    /* position: absolute; */
 
}
.ourmpcomntl2{
 
    display: inline-block;
    margin: 7px 17px;
    /* position: absolute; */
 
}



.ourmpcomntlp{
 
    /* float: left; */
width: 1300px;

 
}

.ourmpcomntlc{
 
 position: relative;
top: 117px;
opacity: 0;
 
}

.ourmpcomntlct{
 
  position: relative;
top: -117px;
left:-167px;
opacity: 0;

 
}

.ourmpcomntll{
 
  float:right;
 
}



.ourmpcomntlpcnt{
background-image: url("ourmpcomntlp.jpg");

position: absolute;
opacity:0;
}

.ourmpcomntlpdrw{

position: absolute;

opacity: 0;
display: inline-table;
border-width: 0px 0px 5px 0px;
border-bottom-color: #414e4e;
border-style: double;
}



.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;*/

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 ) )   ) */
}

.ourmpcomntl1m {
/*top: 327px;
left: 1px;*/
background-image: url("txt2ourxtndntlcompm.jpg");
position:absolute;
opacity:0;
transition:  opacity 5s;
}

.ourmpcomntl1ml {
/*top: 327px;
left: 1px;*/
background-image: url("txt2ourxtndntlcompl.jpg");
position:relative;
opacity:0;
transition:  opacity 5s;
}

.ourmpcomntl2m {


background-image: url("txt2ourxtndntlcompc.jpg");
background-repeat: no-repeat;
background-origin: content-box;
position: absolute;
opacity: 0;
transition: opacity 5s;


}

.ourmpcomntl2ml {
background-image: url("txt2ourxtndntlcompct.jpg");
background-repeat: no-repeat;
background-origin: content-box;
position:relative;
opacity:0;
transition:  opacity 5s;
}


.ourmpcomntlp {



opacity:0;
transition:  opacity 5s;
}

.ourmpcomntll {



opacity:0;
transition:  opacity 5s;
}




.ourmpcomntl1p1 {
/*top: 327px;
left: 1px;*/
background-image: url("txt2ourxtndntlcomp1.jpg");
}

.ourmpcomntl1p2{
/*top: 327px; 
left: 168px;*/ 
background-image: url("txt2ourxtndntlcomp2.jpg");
}



.ourmpcomntl1p3{
/*top: 327px;
left: 335px;*/
background-image: url("txt2ourxtndntlcomp3.jpg");
}


.ourmpcomntl1p4{
/*top: 327px;
left: 502px;*/
background-image: url("txt2ourxtndntlcomp4.jpg");
}

.ourmpcomntl1p5{
/*top: 327px; 
left: 669px;*/
background-image: url("txt2ourxtndntlcomp5.jpg");
}

.ourmpcomntl1p6{
/*top: 327px;
left: 836px;*/
background-image: url("txt2ourxtndntlcomp6.jpg");
}

.ourmpcomntl1p7{
/*top: 327px;
left: 1003px;*/
background-image: url("txt2ourxtndntlcomp7.jpg");
}

.ourmpcomntl1l1{
/*top: 443px;
left: 580px;*/
background-image: url("txt2ourxtndntlcoml1.jpg");
}

.ourmpcomntl1l2{
/*top: 560px;
left: 580px;*/
background-image: url("txt2ourxtndntlcoml2.jpg");
}

.ourmpcomntl1l3{
/*top: 678px;
left: 580px;*/
background-image: url("txt2ourxtndntlcoml3.jpg");
}

.ourmpcomntl1l4{
/*top: 790px;
left: 580px;*/
background-image: url("txt2ourxtndntlcoml4.jpg");
}

.ourmpcomntl1l5{
/*top: 910px;
left: 580px;*/
background-image: url("txt2ourxtndntlcoml5.jpg");
}

.ourmpcomntl1:hover .ourmpoff2{
opacity: 1;

}






.ourmpcomntl1:hover .ourmpcomntl1m {
opacity:1;
z-index:1;
width:167px;
height:117px;
}


.ourmpcomntl1:hover .ourmpcomntl1ml {
opacity:1;
z-index:1;
width:167px;
height:117px;
top:50px;
float:right;
}

.ourmpcomntl2:hover .ourmpcomntl2m {
opacity:1;
z-index:1;
width:167px;
height:117px;
padding-top: 67px;
left: -67px;

}


.ourmpcomntl2:hover .ourmpcomntl2ml {
opacity:1;
z-index:1;
width:167px;
height:117px;
padding-top: 700px;
left: 100px;
}




.ourmpcomntl1m:hover{

}

.ourmpcomntl1ml:hover{

}

.ourmpcomntl2m:hover{

}

.ourmpcomntl2ml:hover{

}



.ourmpcomntl1m:hover .ourmpcomntlp {
width: 1200px;
height: 116px;
    
opacity: 1;
position: relative;
left: 167px;
}

.ourmpcomntl1ml:hover .ourmpcomntll {
width: 167px;
height: 800px;
    
opacity: 1;
position: relative;
top: 117px;
}

.ourmpcomntl2m:hover .ourmpcomntlc {
width: 167px;
height: 800px;
    
opacity: 1;

}

.ourmpcomntl2ml:hover .ourmpcomntlct {
width: 1400px;
height: 117px;
    
opacity: 1;
}






.ourmpcomntl1m:hover .ourmpcomntlpcnt {
top: 347px;
left: 280px;
width: 100px;
height: 98px;
opacity: 1;
  
}

.ourmpcomntl1ml:hover .ourmpcomntlpcnt {
top: 300px;
left: -340px;
width: 100px;
height: 98px;
opacity: 1;
  
}

.ourmpcomntl2m:hover .ourmpcomntlpcnt {
top: 347px;
left: 280px;
width: 100px;
height: 98px;
opacity: 1;
  
}

.ourmpcomntl2ml:hover .ourmpcomntlpcnt {
top: 300px;
left: -340px;
width: 100px;
height: 98px;
opacity: 1;
  
}





.ourmpcomntl1m:hover .ourmpcomntlpdrw {
top: 347px;
left: 320px;
width: 60px;
opacity: 1;
animation-name: pontebus;
animation-duration: 15s;
animation-fill-mode: forwards ;
animation-timing-function: linear;
}

.ourmpcomntl1ml:hover .ourmpcomntlpdrw {
top: 300px;
left: -310px;
width: 60px;
opacity: 1;
animation-name: lagoasbus;
animation-duration: 15s;
animation-fill-mode: forwards ;
animation-timing-function: linear;
}

.ourmpcomntl2m:hover .ourmpcomntlpdrw {
top: 301px;
left: 355px;
width: 60px;
opacity: 1;
animation-name: coutobus;
animation-duration: 15s;
animation-fill-mode: forwards ;
animation-timing-function: linear;
}

.ourmpcomntl2ml:hover .ourmpcomntlpdrw {
top: 320px;
left: 160px;
width: 60px;
opacity: 1;
animation-name: centrobus;
animation-duration: 15s;
animation-fill-mode: forwards ;
animation-timing-function: linear;
}




.ourmpcomntl1m:hover .ourmpcom2r2ntl {

border-color:#820d0d;
}
.ourmpcomntl1m:hover .ourmpcom2r1ntl {
border-color:#820d0d;
}

.ourmpcomntl1ml:hover .ourmpcom2r2ntl {

border-color:#b5be1c;
}
.ourmpcomntl1ml:hover .ourmpcom2r1ntl {
border-color:#b5be1c;
}

.ourmpcomntl2m:hover .ourmpcom2r2ntl {

border-color:#ffffff;
}
.ourmpcomntl2m:hover .ourmpcom2r1ntl {
border-color:#ffffff;
}

.ourmpcomntl2ml:hover .ourmpcom2r2ntl {

border-color:#5f6767;
}
.ourmpcomntl2ml:hover .ourmpcom2r1ntl {
border-color:#5f6767;
}







.ourmpcomntlp:hover{

}

.ourmpcomntl1m:hover .ourmpcomntl1p1{
opacity:1;
z-index:1;
width:167px;
height:117px;
}

.ourmpcomntl1m:hover .ourmpcomntl1p2 {
opacity:1;
z-index:1;
width:167px;
height:117px;
}

.ourmpcomntl1m:hover .ourmpcomntl1p3 {
opacity:1;
z-index:1;
width:167px;
height:117px;
}
.ourmpcomntl1m:hover .ourmpcomntl1p4 {
opacity:1;
z-index:1;
width:167px;
height:117px;
}
.ourmpcomntl1m:hover .ourmpcomntl1p5 {
opacity:1;
z-index:1;
width:167px;
height:117px;
}
.ourmpcomntl1m:hover .ourmpcomntl1p6 {
opacity:1;
z-index:1;
width:167px;
height:117px;
}
.ourmpcomntl1m:hover .ourmpcomntl1p7 {
opacity:1;
z-index:1;
width:167px;
height:117px;
}


@keyframes pontebus {
from{

}
25%{
top:254px;
left:378px;
}
50%{
top:171px;
left:435px;
}
75%{
top:87px;
left:491px;
}
to{

top:10px;
left:481px;
}

}

@keyframes lagoasbus {
from{

}
25%{
top:219px;
left:-284px;
}
40%{
top:238px;
left:-223px;
}
75%{
top:144px;
left:-30px;
}
to{

top:70px;
left:150px;
}

}

@keyframes coutobus {
from{

}
25%{
top:382px;
left:300px;
}
40%{
top:453px;
left:244px;
}
75%{
top:490px;
left:106px;
}
to{

top:500px;
left:1px;
}

}


@keyframes centrobus {
from{

}
25%{
top:378px;
left:133px;
}
40%{
top:463px;
left:82px;
}
75%{
top: 619px;
left: 125px;
}
to{

top: 719px;
left: 125px;
}

}







.ourmpcomntl1ml:hover .ourmpcomntl1l1 {
opacity:1;
z-index:1;
width:167px;
height:117px;
}
.ourmpcomntl1ml:hover .ourmpcomntl1l2 {
opacity:1;
z-index:1;
width:167px;
height:117px;
}
.ourmpcomntl1ml:hover .ourmpcomntl1l3 {
opacity:1;
z-index:1;
width:167px;
height:117px;
}

.ourmpcomntl1ml:hover .ourmpcomntl1l4 {
opacity:1;
z-index:1;
width:167px;
height:117px;
}

.ourmpcomntl1ml:hover .ourmpcomntl1l5 {
opacity:1;
z-index:1;
width:167px;
height:117px;
}


.ourmpcomntl2{

margin:7px 17px;

display:inline-block;
}

.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");
}  

.ourmpcomntl2m:hover .ourmpcomntl2c1 {
width:167px;
height:117px;
opacity:1;
z-index:1;
}
.ourmpcomntl2m:hover .ourmpcomntl2c2 {
width:167px;
height:117px;
opacity:1;
z-index:1;
}
.ourmpcomntl2m:hover .ourmpcomntl2c3 {
width:167px;
height:117px;
opacity:1;
z-index:1;
}
.ourmpcomntl2m:hover .ourmpcomntl2c4 {
width:167px;
height:117px;
opacity:1;
z-index:1;
}
.ourmpcomntl2ml:hover .ourmpcomntl2ct1 {
width:167px;
height:117px;
opacity:1;
z-index:1;
}
.ourmpcomntl2ml:hover .ourmpcomntl2ct2 {
width:167px;
height:117px;
opacity:1;
z-index:1;
}
.ourmpcomntl2ml:hover .ourmpcomntl2ct3 {
width:167px;
height:117px;
opacity:1;
z-index:1;
}
.ourmpcomntl2ml:hover .ourmpcomntl2ct4 {
width:167px;
height:117px;
opacity:1;
z-index:1;
}
.ourmpcomntl2ml:hover .ourmpcomntl2ct5 {
width:167px;
height:117px;
opacity:1;
z-index:1;
}
.ourmpcomntl2ml:hover .ourmpcomntl2ct6 {
width:167px;
height:117px;
opacity:1;
z-index:1;
}
.ourmpcomntl2ml:hover .ourmpcomntl2ct7 {
width:167px;
height:117px;
opacity:1;
z-index:1;
}

.ourmpcom2busntl{
border-color:#67A0DF;
width:171px;
border-width:0px 0px 4px 0px;
}


.ourmpcom2r1ntl,.ourmpcom2r2ntl{

border-color:#F5E50F;

}


.ourxtndntlrarclx{
width: 171px;
}

.ourxtndntlrarclx:hover {




}

.ourxtndntlrarclx:hover .ourmprarcsxtnd{
position: relative;
width: 800px;
height: 900px;
opacity:1;
font-size: 2.5em;
top:-900px

}

.ourxtndntlrarclx:hover .ourxtndntlrarclxiu{

top: -500px;
left: 115px;
}

.ourxtndntlrarclx:hover .ourxtndntlrarclxim{
top: -500px;
left: 115px;
}




.ourxtndntlrarclx:hover .ourmpoff2{
opacity: 1;

}







.ourxtndntlrarclxiu , .ourxtndntlrarclxim,.ourxtndntlrarclxiuin,.ourxtndntlrarclximin {
width: 71px;
height: 67px;
border: 4px double lightyellow;
border-radius: 37px;
display: inline-block;
background-origin: border-box;
position: relative;
z-index: 1;
top: 0px;
left: 0px;
transition: top 2s linear, left 2s linear;
}


.ourxtndntlrarclxiu, .ourxtndntlrarclxiuin{
background-image: url("txt2ourxtndntlrarclxiu.jpg");
}
.ourxtndntlrarclxim, .ourxtndntlrarclximin{
background-image: url("txt2ourxtndntlrarclxim.jpg");
}






.ourxtndntlrarclxiuin{

}

.ourxtndntlrarclximin{

}


.ourmprarclxlnk{

}




.ourmprarclx1{
/*547 374*/
/*-10 -50*/
top: 537px;
left: 324px;
}
.ourmprarclx2{

top: 341px;
left: 418px;
}
.ourmprarclx3{
top: 496px;
left: 468px;
}
.ourmprarclx4{
top: 116px;
left: 81px;
}
.ourmprarclx5{
top: 527px;
left: 538px;
}
.ourmprarclx6{
top: 553px;
left: 397px;
}
.ourmprarclx7{
top: 198px;
left: 401px;
}
.ourmprarclx8{
top: 98px;
left: 310px;
}
.ourmprarclx9{
top: 652px;
left: 377px;
}
.ourmprarclx10{
top: 94px;
left: 444px;
}
.ourmprarclx11{
top: 591px;
left: 92px;
}


.ourmprarclx1,.ourmprarclx2,.ourmprarclx3,.ourmprarclx4,.ourmprarclx5,.ourmprarclx6,.ourmprarclx7,.ourmprarclx8,.ourmprarclx9,.ourmprarclx10,.ourmprarclx11{
border-width: 4px;
border-style: ridge;
border-radius:17px;
position:absolute;

}

.ourmprarclx1,.ourmprarclx8,.ourmprarclx9{

background-image: linear-gradient(135deg,#416108 ,#98d230,#ffffff ,#ffffff ,#ffffff ,#ffffff);
border-color: #416108;
}

.ourmprarclx2{
background-image: linear-gradient(135deg,#115680 ,#b0d5eb,#ffffff ,#ffffff ,#ffffff ,#ffffff);
border-color: #115680;
}


.ourmprarclx4,.ourmprarclx5{
background-image: linear-gradient(135deg,#510606 ,#ed2b2b,#ffffff ,#ffffff ,#ffffff ,#ffffff);
border-color: #510606;
}

.ourmprarclx3,.ourmprarclx6,.ourmprarclx7{
background-image: linear-gradient(135deg,#cf7c11 ,#e3aa5f,#ffffff ,#ffffff ,#ffffff ,#ffffff);
border-color: #cf7c11;
}

.ourmprarclx10,.ourmprarclx11{
background-image: linear-gradient(135deg,#a6b239 ,#f8f5a7,#ffffff ,#ffffff ,#ffffff ,#ffffff);
border-color: #e6f36c;
}

.ourmprarclxlg1{
background-image: url("txt2ourxtndntlclx1.jpg");

}
.ourmprarclxlg2{
background-image: url("txt2ourxtndntlclx2.jpg");
}
.ourmprarclxlg3{
background-image: url("txt2ourxtndntlclx3.jpg");

}
.ourmprarclxlg4{
background-image: url("txt2ourxtndntlclx4.jpg");

}
.ourmprarclxlg5{
background-image: url("txt2ourxtndntlclx5.jpg");

}
.ourmprarclxlg6{
background-image: url("txt2ourxtndntlclx6.jpg");

}
.ourmprarclxlg7{
background-image: url("txt2ourxtndntlclx7.jpg");

}
.ourmprarclxlg8{
background-image: url("txt2ourxtndntlclx8.jpg");

}
.ourmprarclxlg9{
background-image: url("txt2ourxtndntlclx9.jpg");

}
.ourmprarclxlg10{
background-image: url("txt2ourxtndntlclx10.jpg");

}
.ourmprarclxlg11{
background-image: url("txt2ourxtndntlclx11.jpg");

}


.ourmprarclxlg1, .ourmprarclxlg2,.ourmprarclxlg3,.ourmprarclxlg4,.ourmprarclxlg5,.ourmprarclxlg6,.ourmprarclxlg7,.ourmprarclxlg8,.ourmprarclxlg9,.ourmprarclxlg10,.ourmprarclxlg11{
 
margin: 17px 0px 0px 10px;
border-radius: 17px;
background-origin: content-box;
background-size: cover;
background-repeat: no-repeat;
}


.ourmprarclxxtndl{
text-decoration: none;
padding: 0px 70px 0px 12px;
display: block;

}
.ourmprarclxxtndr{
text-decoration: none;
padding: 0px 12px 0px 77px;
display: block;
}
.ourmprarclxxtndk{
text-decoration: none;
padding: 37px 2px 0px 2px;
display: block;
}



.ourmprarclxoo1{

}


.ourmprarclxoo2{

}
.ourmprarclxoo3{

}
.ourmprarclxoo4{

}
.ourmprarclxoo5{

}
.ourmprarclxoo6{

}
.ourmprarclxoo7{

}
.ourmprarclxoo8{

}
.ourmprarclxoo9{

}
.ourmprarclxoo10{

}
.ourmprarclxoo11{

}


.ourmprarclxoo11, .ourmprarclxoo21,.ourmprarclxoo31,.ourmprarclxoo41,.ourmprarclxoo51,.ourmprarclxoo61,.ourmprarclxoo71,.ourmprarclxoo81,.ourmprarclxoo91,.ourmprarclxoo101,.ourmprarclxoo111{
 
width: 46px;
height: 67px;
border: 2px solid lightyellow;
opacity: 0;
background-image: linear-gradient(60deg, aliceblue, #5bb4e9, #225574);
border-radius: 37px;
position: absolute;
top: 322px;
left: 142px;
color: #1a1a17;
font-size: 0em;
transition: width 1s linear, left 1s linear, font-size 1s linear, opacity 3s ease-in;



}

.ourmprarclxoo12, .ourmprarclxoo22,.ourmprarclxoo32,.ourmprarclxoo42,.ourmprarclxoo52,.ourmprarclxoo62,.ourmprarclxoo72,.ourmprarclxoo82,.ourmprarclxoo92,.ourmprarclxoo102,.ourmprarclxoo112{
 
width: 46px;
height: 67px;
border: 2px solid lightyellow;
opacity: 0;
background-image: linear-gradient(60deg, #225574, #1f638c, black);
border-radius: 37px;
position: absolute;
top: 322px;
left: 194px;
color: #fbffd4;
font-size: 0em;
transition: width 1s linear, left 1s linear, font-size 1s linear, opacity 3s ease-in;



}






.ourxtndntlrarclx:hover .ourmprarclx1{
width: 75px;
height: 89px;
}

.ourxtndntlrarclx:hover .ourmprarclx2{
width: 75px;
height: 89px;
}
.ourxtndntlrarclx:hover .ourmprarclx3{
width: 75px;
height: 89px;
}
.ourxtndntlrarclx:hover .ourmprarclx4{
width: 75px;
height: 89px;
}
.ourxtndntlrarclx:hover .ourmprarclx5{
width: 75px;
height: 89px;;
}
.ourxtndntlrarclx:hover .ourmprarclx6{
width: 75px;
height: 89px;
}
.ourxtndntlrarclx:hover .ourmprarclx7{
width: 75px;
height: 89px;
}
.ourxtndntlrarclx:hover .ourmprarclx8{
width: 75px;
height: 89px;
}
.ourxtndntlrarclx:hover .ourmprarclx9{
width: 75px;
height: 89px;
}
.ourxtndntlrarclx:hover .ourmprarclx10{
width: 75px;
height: 89px;
}
.ourxtndntlrarclx:hover .ourmprarclx11{
width: 75px;
height: 89px;
}

.ourxtndntlrarclx:hover .ourmprarclxlg1{
width: 61px;
height: 58px;
}

.ourxtndntlrarclx:hover .ourmprarclxlg2{
width: 61px;
height: 58px;
}
.ourxtndntlrarclx:hover .ourmprarclxlg3{
width: 61px;
height: 58px;
}
.ourxtndntlrarclx:hover .ourmprarclxlg4{
width: 61px;
height: 58px;
}
.ourxtndntlrarclx:hover .ourmprarclxlg5{
width: 61px;
height: 58px;
}
.ourxtndntlrarclx:hover .ourmprarclxlg6{
width: 61px;
height: 58px;
}
.ourxtndntlrarclx:hover .ourmprarclxlg7{
width: 61px;
height: 58px;
}
.ourxtndntlrarclx:hover .ourmprarclxlg8{
width: 61px;
height: 58px;
}
.ourxtndntlrarclx:hover .ourmprarclxlg9{
width: 61px;
height: 58px;
}
.ourxtndntlrarclx:hover .ourmprarclxlg10{
width: 61px;
height: 58px;;
}
.ourxtndntlrarclx:hover .ourmprarclxlg11{
width: 61px;
height: 58px;
}

.ourmprarclx1:hover ~ .ourxtndntlrarclxiu{

}

.ourmprarclx1:hover ~ .ourxtndntlrarclxim{

}

a.ourmprarclxlnk:visited .ourmprarclxlnk{
display:none;
}
/*
.ourmprarclx1:hover .ourmprarclxlnk{
    display: block;
    position: absolute;
    left: -36px;
    top: 50px;
    width: 35px;
    height: 29px;
    /* border: 1px solid black; */
    border-width: 1px 0px 2px 3px;
    border-color: #416108;
    border-style: ridge;
    /* padding: 0px 7px 0px 0px; */
    background-image: linear-gradient(#416408,white, #ffffff);
    border-radius: 27px 0px 0px 0px;
}
*/

a.ourmprarclxlnk:visited{
display:none;
}

.ourmprarclxlnk:hover{

}

.ourmprarclx1:hover{
background-image: linear-gradient(135deg, #98d230, #416408, white, white, white, white);
}
.ourmprarclx2:hover{
background-image: linear-gradient(135deg,#b0d5eb ,#115680,#ffffff ,#ffffff ,#ffffff ,#ffffff);
}
.ourmprarclx3:hover{
background-image: linear-gradient(135deg,#e3aa5f ,#cf7c11,#ffffff ,#ffffff ,#ffffff ,#ffffff);
}
.ourmprarclx4:hover{
background-image: linear-gradient(135deg,#ed2b2b ,#510606,#ffffff ,#ffffff ,#ffffff ,#ffffff);
}
.ourmprarclx5:hover{
background-image: linear-gradient(135deg,#ed2b2b ,#510606,#ffffff ,#ffffff ,#ffffff ,#ffffff);
}
.ourmprarclx6:hover{
background-image: linear-gradient(135deg,#e3aa5f ,#cf7c11,#ffffff ,#ffffff ,#ffffff ,#ffffff);
}
.ourmprarclx7:hover{
background-image: linear-gradient(135deg,#e3aa5f ,#cf7c11,#ffffff ,#ffffff ,#ffffff ,#ffffff);
}
.ourmprarclx8:hover{
background-image: linear-gradient(135deg, #98d230, #416408, white, white, white, white);
}
.ourmprarclx9:hover{
background-image: linear-gradient(135deg, #98d230, #416408, white, white, white, white);
}
.ourmprarclx10:hover{
background-image: linear-gradient(135deg,#f8f5a7,#a6b239,#ffffff ,#ffffff ,#ffffff ,#ffffff);
}
.ourmprarclx11:hover{
background-image: linear-gradient(135deg,#f8f5a7,#a6b239,#ffffff ,#ffffff ,#ffffff ,#ffffff);
}






















.ourmprarclx1:hover ~ .ourmprarclxoo11{
width: 240px;
opacity: 1;
left: -52px;

font-size: 0.4em;

}







.ourmprarclx2:hover ~ .ourmprarclxoo21{
width: 240px;
opacity: 1;
left: -52px;

font-size: 0.4em;

}
.ourmprarclx3:hover ~ .ourmprarclxoo31{
width: 240px;
opacity: 1;
left: -52px;

font-size: 0.4em;

}
.ourmprarclx4:hover ~ .ourmprarclxoo41{
width: 240px;
opacity: 1;
left: -52px;

font-size: 0.4em;

}
.ourmprarclx5:hover ~ .ourmprarclxoo51{
width: 240px;
opacity: 1;
left: -52px;

font-size: 0.4em;

}
.ourmprarclx6:hover ~ .ourmprarclxoo61{
width: 240px;
opacity: 1;
left: -52px;

font-size: 0.4em;

}
.ourmprarclx7:hover ~ .ourmprarclxoo71{

width: 240px;
opacity: 1;
left: -52px;

font-size: 0.4em;
}
.ourmprarclx8:hover ~ .ourmprarclxoo81{
width: 240px;
opacity: 1;
left: -52px;

font-size: 0.4em;

}
.ourmprarclx9:hover ~ .ourmprarclxoo91{
width: 240px;
opacity: 1;
left: -52px;

font-size: 0.4em;

}
.ourmprarclx10:hover ~ .ourmprarclxoo101{
width: 240px;
opacity: 1;
left: -52px;

font-size: 0.4em;

}
.ourmprarclx11:hover ~ .ourmprarclxoo111{
width: 240px;
opacity: 1;
left: -52px;

font-size: 0.4em;

}


.ourmprarclx1:hover ~ .ourmprarclxoo12{
width: 240px;
opacity: 1;

font-size: 0.4em;

}

.ourmprarclx2:hover ~ .ourmprarclxoo22{
width: 240px;
opacity: 1;

font-size: 0.4em;

}

.ourmprarclx3:hover ~ .ourmprarclxoo32{
width: 240px;
opacity: 1;

font-size: 0.4em;

}

.ourmprarclx4:hover ~ .ourmprarclxoo42{
width: 240px;
opacity: 1;

font-size: 0.4em;

}

.ourmprarclx5:hover ~ .ourmprarclxoo52{
width: 240px;
opacity: 1;

font-size: 0.4em;

}

.ourmprarclx6:hover ~ .ourmprarclxoo62{
width: 240px;
opacity: 1;

font-size: 0.4em;

}

.ourmprarclx7:hover ~ .ourmprarclxoo72{
width: 240px;
opacity: 1;

font-size: 0.4em;

}

.ourmprarclx8:hover ~ .ourmprarclxoo82{
width: 240px;
opacity: 1;

font-size: 0.4em;

}
.ourmprarclx9:hover ~ .ourmprarclxoo92{
width: 240px;
opacity: 1;

font-size: 0.4em;

}
.ourmprarclx10:hover ~ .ourmprarclxoo102{
width: 240px;
opacity: 1;

font-size: 0.4em;

}
.ourmprarclx11:hover ~ .ourmprarclxoo112{
width: 240px;
opacity: 1;

font-size: 0.4em;

}

.ourxtndntlrarp{

width: 171px;

}

.ourxtndntlrarpl{
    width: 150px;
    height: 80px;
    border: 4px double lightyellow;
    border-width: 4px;
    border-color: lightyellow;
    border-style: double;
    border-radius: 47px;
    display: block;
    background-origin: border-box;
    background-size: cover;
    position: relative;
    z-index: 1;
    top: 0px;
    left: 0px;
    transition: top 2s linear, left 2s linear;
    background-image: url("txt2ourxtndntlrarp1.jpg");
}

.ourmprarpm1{
background-image: url("txt2ourxtndntlrarpm1.jpg");

}

.ourmprarpm2{
background-image: url("txt2ourxtndntlrarpm2.jpg");

}

.ourmprarpm3{
background-image: url("txt2ourxtndntlrarpm3.jpg");

}

.ourmprarpm1,.ourmprarpm2,.ourmprarpm3{
border: 4px double lightyellow;
border-width: 4px;
border-color: lightyellow;
border-style: double;
border-radius: 47px;
display: block;
background-origin: border-box;
background-size: cover;
position: relative;
z-index: 1;
top: 0px;
left: 0px;
transition: top 2s linear 0s, left 2s linear 0s, background-image 5s linear 3s;
}


.ourxtndntlrarp:hover .ourxtndntlrarpl{
top: -750px;
left: 200px;
}


.ourxtndntlrarp:hover .ourmprarcsxtnd{
position: absolute;
width: 800px;
height: 1200px;
opacity:1;
font-size: 1.7em;
left: -0px;
top: 350px

}

.ourxtndntlrarp:hover .ourmpoff2{
opacity:1
}

.ourxtndntlrarp:hover .ourmprarpm1{
opacity:1;
width: 177px;
height: 107px;
top: 250px;
left: 250px;
}

.ourxtndntlrarp:hover .ourmprarpm2{
opacity:1;
width: 177px;
height: 107px;
top: 90px;
left: 70px;
}

.ourxtndntlrarp:hover .ourmprarpm3{
opacity:1;
width: 177px;
height: 107px;
top: -275px;
left: 130px;
}


.ourmprarp1oo1{

}


.ourmprarp1oo2{

}

.ourmprarp1oo3{

}

.ourmprarp2oo1{

}


.ourmprarp2oo2{

}

.ourmprarp2oo3{

}


.ourmprarp3oo1{

}


.ourmprarp3oo2{

}

.ourmprarp3oo3{

}

.ourmprarp1oo1, .ourmprarp1oo2, .ourmprarp2oo1, .ourmprarp2oo2, .ourmprarp3oo1,.ourmprarp3oo2{

border: 2px solid lightyellow;
opacity: 0;
border-radius: 37px;
position: absolute;


font-size: 0em;
transition: width 1s linear, height 1s linear, left 1s linear, font-size 1s linear, opacity 3s ease-in;

}  

.ourmprarp1oo1,  .ourmprarp2oo1,  .ourmprarp3oo1{
    color: aliceblue;
    background-image: linear-gradient(45deg, #fbffd4, #7b7b09, black);

}

.ourmprarp1oo2,.ourmprarp2oo2,.ourmprarp3oo2{
background-image: linear-gradient(60deg, aliceblue, #94c9e8, #55a6cd, #b6e4cb,#b6e4cb);color: #1a1a17;
color: #1a1a17;

}

.ourmprarp1oo1,  .ourmprarp2oo1,  .ourmprarp3oo1, .ourmprarp1oo2,.ourmprarp2oo2,.ourmprarp3oo2
{
width: 30px;
height: 81px;
top: 140px;
left: 320px;
}

.ourmprarp1oo3,.ourmprarp2oo3,.ourmprarp3oo3{
/*background-image: linear-gradient(60deg, aliceblue, #5bb4e9, #225574);

color: #1a1a17;
background-image: linear-gradient(60deg, aliceblue, #5bb4e9, #225574);
top: 190px;
left: 300px;
color: #1a1a17;
width: 80px;
height: 30px;
*/
}
.ourmprarp1oo3k{
background-image: url("txt2ourxtndntlrarpm1k.jpg");
opacity: 0;

border-width: 4px;
border-color: lightyellow;
border-style: double;
border-radius: 47px;
display: block;
background-origin: border-box;
background-size: cover;
position: absolute;

top: -141px;
left: 60px;
transition: top 3s linear, left 3s linear;
}


.ourmprarpm1:hover {
background-image: url("txt2ourxtndntlrarpm1s.jpg");

}


.ourmprarpm1:hover ~ .ourmprarp1oo1{
width: 250px;
opacity: 1;

padding: 0px 10px 0px 30px;
font-size: 0.8em;

}

.ourmprarpm1:hover ~ .ourmprarp1oo2{
width: 250px;
opacity: 1;
left: 70px;
padding: 0px 30px 0px 10px;
font-size: 0.8em;

}

.ourmprarpm1:hover ~ .ourmprarp1oo3{
    height: 49px;
    opacity: 1;
    padding: 0px 0px 0px 0px;
    font-size: 0.8em;
    border-width: 0px 17px 4px 4px;
    border-radius: 4px 4px 27px 27px;
    border-color: #ceedec;
    border-style: double;
    top: 235px;

}

.ourmprarpm1:hover  .ourmprarp1oo3k{

opacity: 1;

padding: 0px 0px 0px 0px;
width: 44px;
height:71px;
top: 0px;
left: 115px;
}








.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;
}