.dochd{
display:inline-block;
margin:0px 0px 37px 0px;
}

.docct{
padding:37px 0px 37px 0px;
margin:17px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
border-width:3px;
border-style:outset;
border-color:#4f667d;
font-size:0.75em;
width:271px;
height:67px;
text-align:center;
float:left;
/*background-image: linear-gradient(to bottom, #163D64 ,#163D64 ,#C6F0FA ,#163D64 );*/
position: relative;
left: 0px;
top: 0px;
}


.docct:hover{
/*padding: 47px 47px 37px 37px;*/
  border-image-source: url(dkccbrd1.jpg);
  border-image-repeat: stretch;
  border-image-slice: 39;
  border-image-width: 27px;  

}

.dkfile{
padding 7px 37px 17px 17px;
margin:0px
}


.docctxtndoutcc1{
background-image: url("docoutcc11.jpg");
width: 1px;
height: 1px;
padding:0px 0px 0px 0px;
margin:-247px 0px 0px 0px;
opacity:0;
z-index:26;
transition: opacity 4s, height 3s;
}

.gmamkout1{
background-image: url("gmamkout1.jpg");
width: 1px;
height: 1px;
padding:0px 0px 0px 0px;
margin:-227px 0px 0px 0px;
opacity:0;
z-index:26;
transition: opacity 4s, height 3s;
}


.docct:hover  .docctxtndoutcc1{
width: 271px;
height: 91px;
opacity:1;
}

.docct:hover  .gmamkout1{
width: 271px;
height: 166px;
opacity:1;
}


.gmamk1xtnd{
width: 1px;
height: 1px;
padding:0px 0px 0px 717px;
margin:0px 0px 0px 0px;
opacity:0;
position: absolute;
left: 0px;
bottom: 0px;
z-index:2;
transition: opacity 6s, height 5s;
background-origin:content-box;
background-clip:content-box;



}

.gmamk1xtndeng{
background-image: url("gmamkducksaves1.jpg");
width: 1px;
height: 1px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
position: absolute;
left: 300px;
bottom: 0px;
opacity:1;
z-index:27;
transform:none;
transition: opacity 6s, height 5s, transform 7s;
background-origin:content-box;
background-clip:content-box;

}


.gmamk1xtndplaygal{
background-image: url("gmamkducksavesplaygal1.jpg");
width: 1px;
height: 1px;
padding:0px 0px 0px 417px;
margin:0px 0px 0px 0px;
/* position: absolute; */
/* left: 717px; */
bottom: 0px;
opacity:0;
z-index:27;
transform:none;
transition: opacity 6s, height 5s, transform 7s;
background-origin:content-box;
background-clip:content-box;
background-repeat: no-repeat;

}

.gmamk1xtndplayeng{
background-image: url("gmamkducksavesplayeng1.jpg");
width: 1px;
height: 1px;
padding:0px 0px 0px 417px;
margin:0px 0px 0px 0px;
/* position: absolute; */
/* left: 717px; */
bottom: 0px;
opacity:0;
z-index:27;
transform:none;
transition: opacity 6s, height 5s, transform 7s;
background-origin:content-box;
background-clip:content-box;
background-repeat: no-repeat;

}

.btplay{


transition:  border-color 2s;
padding: 85px 7px 7px 7px;

border-width: 7px;
border-color: #163D64;

border-radius: 17px;
border-style: solid;
display:block;
}

.gmamkout1:hover .gmamk1xtnd{
width: 417px;
height: 231px;
opacity:1;

}
.gmamkout1:hover .gmamk1xtndeng{
width: 417px;
height: 231px;
opacity:1;

}


.gmamkout1:hover .gmamk1xtndplaygal{
width: 171px;
height: 109px;


}

.gmamkout1:hover .gmamk1xtndplayeng{
width: 171px;
height: 109px;


}

.gmamk1xtndplaygal:hover {

opacity:1;

}

.gmamk1xtndplayeng:hover {

opacity:1;

}


.btplay:hover{
border-color: #dfeba5;

}

.docctxtndoutcc1fll1{
background-image: url("docoutcc1fll1.jpg");
width: 1px;
height: 1px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
position: absolute;
left: 717px;
bottom: 0px;
opacity:0;
z-index:27;
transform:none;
transition: opacity 6s, height 5s, transform 7s;
background-origin:content-box;
background-clip:content-box;

}
.docctxtndoutcc1fll11{
background-image: url("docoutcc1fll11.jpg");
width: 1px;
height: 1px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
position: absolute;
left: 717px;
bottom: 0px;
opacity:0;
z-index:26;
transform:none;
transition: opacity 6s, height 5s, transform 7s;
background-origin:content-box;
background-clip:content-box;

}

.docctxtndoutcc1fll2{
background-image: url("docoutcc1fll111.jpg");
width: 1px;
height: 1px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
opacity:0;
position: absolute;
left: 717px;
bottom: 0px;
z-index:20;
transition: opacity 6s, height 5s;
background-origin:content-box;
background-clip:content-box;
}

.docctxtndoutcc1fll3{

width: 1px;
height: 1px;
padding:0px 0px 0px 717px;
margin:0px 0px 0px 0px;
opacity:0;
position: absolute;
left: 0px;
bottom: 0px;
z-index:2;
transition: opacity 6s, height 5s;
background-origin:content-box;
background-clip:content-box;
}






.docctxtndoutcc1:hover  .docctxtndoutcc1fll3{
width: 417px;
height: 384px;
opacity:1;
}

.docctxtndoutcc1:hover  .docctxtndoutcc1fll2{
width: 417px;
height: 384px;
opacity:1;
}
.docctxtndoutcc1:hover  .docctxtndoutcc1fll1{
width: 417px;
height: 384px;
opacity:1;
}

.docctxtndoutcc1:hover  .docctxtndoutcc1fll11{
width: 417px;
height: 384px;
opacity:1;
}

.docctxtndoutcc1fll2:hover ~ .docctxtndoutcc1fll1{
transform: rotateY(180deg);
 transform-origin: -0px 0px;
 backface-visibility: hidden;
}
.docctxtndoutcc1fll2:hover ~ .docctxtndoutcc1fll11{
transform: rotateY(180deg);
 transform-origin: -0px 0px;
 
}

.docctxtndoutcc1fll1:hover{
transform: rotateY(180deg);
 transform-origin: -0px 0px;
 backface-visibility: hidden;
}

.docctxtndoutcc1fll1:hover ~ .docctxtndoutcc1fll11{
transform: rotateY(180deg);
 transform-origin: -0px 0px;

}



.docctxtndoutcc2{
background-image: url("docoutcc22.jpg");
width: 1px;
height: 1px;
padding:0px 0px 0px 0px;
margin:-0px 0px 0px 3px;
opacity:0;
z-index:26;
transition: opacity 4s, height 3s;
}

.docct:hover  .docctxtndoutcc2{
width: 271px;
height: 90px;
opacity:1;
}


.docctxtndoutcc2fll1{
background-image: url("docoutcc2fll1.jpg");
width: 1px;
height: 1px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
position: absolute;
left: 717px;
bottom: 0px;
opacity:0;
z-index:27;
transform:none;
transition: opacity 6s, height 5s, transform 7s;
background-origin:content-box;
background-clip:content-box;

}
.docctxtndoutcc2fll11{
background-image: url("docoutcc2fll11.jpg");
width: 1px;
height: 1px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
position: absolute;
left: 717px;
bottom: 0px;
opacity:0;
z-index:26;
transform:none;
transition: opacity 6s, height 5s, transform 7s;
background-origin:content-box;
background-clip:content-box;

}

.docctxtndoutcc2fll2{
background-image: url("docoutcc2fll111.jpg");
width: 1px;
height: 1px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
opacity:0;
position: absolute;
left: 717px;
bottom: 0px;
z-index:20;
transition: opacity 6s, height 5s;
background-origin:content-box;
background-clip:content-box;
}

.docctxtndoutcc2fll3{

width: 1px;
height: 1px;
padding:0px 0px 0px 717px;
margin:0px 0px 0px 0px;
opacity:0;
position: absolute;
left: 0px;
bottom: 0px;
z-index:2;
transition: opacity 6s, height 5s;
background-origin:content-box;
background-clip:content-box;
}






.docctxtndoutcc2:hover  .docctxtndoutcc2fll3{
width: 417px;
height: 410px;
opacity:1;
}

.docctxtndoutcc2:hover  .docctxtndoutcc2fll2{
width: 417px;
height: 410px;
opacity:1;
}
.docctxtndoutcc2:hover  .docctxtndoutcc2fll1{
width: 417px;
height: 410px;
opacity:1;
}

.docctxtndoutcc2:hover  .docctxtndoutcc2fll11{
width: 417px;
height: 410px;
opacity:1;
}

.docctxtndoutcc2fll2:hover ~ .docctxtndoutcc2fll1{
transform: rotateY(180deg);
 transform-origin: -0px 0px;
 backface-visibility: hidden;
}
.docctxtndoutcc2fll2:hover ~ .docctxtndoutcc2fll11{
transform: rotateY(180deg);
 transform-origin: -0px 0px;
 
}

.docctxtndoutcc2fll1:hover{
transform: rotateY(180deg);
 transform-origin: -0px 0px;
 backface-visibility: hidden;
}

.docctxtndoutcc2fll1:hover ~ .docctxtndoutcc2fll11{
transform: rotateY(180deg);
 transform-origin: -0px 0px;

}