/* Default styles. */ 
span.cisae-demo-1 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Border style. [Normal] */ 
span.cisae-demo-1 { 
border:solid 2px rgba(51, 51, 51, 1); 
} 


/* Margin style. [Normal] */ 

/* Pop style. */ 
span.cisae-demo-1 { 
top: 0px; 
} 

span.cisae-demo-1:hover { 
top: -8px; 
} 


/* Rounded Corners style. [Normal] */ 
span.cisae-demo-1 { 
-webkit-border-radius:20px; 
-moz-border-radius:20px; 
border-radius:20px; 
} 


/* Shadow style. [Normal] */ 

/* Transition. */ 
span.cisae-demo-1 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-1 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 


/* Shadow. */ 
span.cisae-demo-1 { 
-moz-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1); 
-webkit-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1); 
-o-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1); 
box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1); 
} 



/* Default styles. */ 
span.cisae-demo-2 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* External Caption style. */ 
span.cisae-demo-2-external-caption { 
position: relative; 
display: inline-block; 
background-color: rgba(246, 246, 246, 1); 
padding: 5px; 
border: solid 1px rgba(204, 204, 204, 1); 
} 

p.cisae-demo-2-external-caption { 
color: rgba(51, 51, 51, 1); 
font-size: 10px; 
line-height: 10px; 
position: relative; 
margin: 0px; 
padding: 5px 0px 0px 0px; 
text-align:center; 
text-decoration:none !important; 
clear:both; 
} 


/* Margin style. [Normal] */ 

/* Shadow style. [Normal] */ 

/* Transition. */ 
span.cisae-demo-2 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-2 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 


/* Shadow. */ 
span.cisae-demo-2 { 
-moz-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1); 
-webkit-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1); 
-o-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1); 
box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1); 
} 



/* Default styles. */ 
span.cisae-demo-3 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Cutout style. [Normal] */ 

/* Cutout style. [Hover] */ 

/* Margin style. [Normal] */ 

/* Rounded Corners style. [Normal] */ 
span.cisae-demo-3 { 
-webkit-border-radius:30px; 
-moz-border-radius:30px; 
border-radius:30px; 
} 


/* Shadow style. [Normal] */ 

/* Shadow style. [Hover] */ 

/* Transition. */ 
span.cisae-demo-3 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-3 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 


/* Shadow. */ 
span.cisae-demo-3 { 
-moz-box-shadow: 0px 0px 0px rgba(51, 51, 51, 1), 1px 1px 0px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.6), inset 1px 1px 0px rgba(0,0,0,0.6); 
-webkit-box-shadow: 0px 0px 0px rgba(51, 51, 51, 1), 1px 1px 0px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.6), inset 1px 1px 0px rgba(0,0,0,0.6); 
-o-box-shadow: 0px 0px 0px rgba(51, 51, 51, 1), 1px 1px 0px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.6), inset 1px 1px 0px rgba(0,0,0,0.6); 
box-shadow: 0px 0px 0px rgba(51, 51, 51, 1), 1px 1px 0px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.6), inset 1px 1px 0px rgba(0,0,0,0.6); 
} 

span.cisae-demo-3:hover { 
-moz-box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 1) ,1px 1px 0px rgba(255,255,255,0.2), inset 0px 0px 0px rgba(0,0,0,0.6), inset 1px 1px 0px rgba(0,0,0,0.6); 
-webkit-box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 1) ,1px 1px 0px rgba(255,255,255,0.2), inset 0px 0px 0px rgba(0,0,0,0.6), inset 1px 1px 0px rgba(0,0,0,0.6); 
-o-box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 1) ,1px 1px 0px rgba(255,255,255,0.2), inset 0px 0px 0px rgba(0,0,0,0.6), inset 1px 1px 0px rgba(0,0,0,0.6); 
box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 1) ,1px 1px 0px rgba(255,255,255,0.2), inset 0px 0px 0px rgba(0,0,0,0.6), inset 1px 1px 0px rgba(0,0,0,0.6); 
} 



/* Default styles. */ 
span.cisae-demo-4 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Internal Caption style. */ 
p.cisae-demo-4-internal-caption { 
z-index: 1001; 
position: relative; 
display: block; 
float: left; 
background-color:rgba(0, 0, 0, 1); 
font-size:10px; 
line-height:10px; 
color:rgba(255, 255, 255, 1); 
text-decoration:none; 
margin-top:0px; 
margin-top:0px; 
margin-left:5px !important; 
margin-right:5px !important; 
text-align:center; 
padding:5px; 
filter:alpha(opacity=75); 
opacity: 0.75; 
-moz-opacity:0.75; 
-khtml-opacity: 0.75; 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px; 
} 


/* Margin style. [Normal] */ 

/* Reflection style. */ 
span.cisae-demo-4:after { 
position: absolute; 
content: " "; 
width: 100%; 
height: 30px; 
left: 0; 
-webkit-border-top-left-radius: 20px; 
-webkit-border-top-right-radius: 20px; 
-moz-border-radius-topleft: 20px; 
-moz-border-radius-topright: 20px; 
border-top-left-radius: 20px; 
border-top-right-radius: 20px; 
bottom: -31px; 
background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%, rgba(255,255,255,0))); 
background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,0) 100%); 
} 


/* Rounded Corners style. [Normal] */ 
span.cisae-demo-4 { 
-webkit-border-radius:20px; 
-moz-border-radius:20px; 
border-radius:20px; 
} 


/* Transition. */ 
span.cisae-demo-4 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-4 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:30px; 
margin-left:10px; 
} 



/* Default styles. */ 
span.cisae-demo-5 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Double Outlined style. [Normal] */ 
span.cisae-demo-5 { 
border:solid #FFFFFF 5px; 
} 


/* Margin style. [Normal] */ 

/* Rotation style. [Hover] */ 
span.cisae-demo-5:hover { 
-webkit-transform:rotate(3deg); 
-moz-transform:rotate(3deg); 
-ms-transform:rotate(3deg); 
-o-transform:rotate(3deg); 
transform:rotate(3deg); 
} 


/* Round Image style. [Normal] */ 
span.cisae-demo-5 { 
-webkit-border-radius: 50% 50% 50% 50%; 
-moz-border-radius: 50% 50% 50% 50%; 
border-radius: 50% 50% 50% 50%; 
} 


/* Shadow style. [Normal] */ 

/* Transition. */ 
span.cisae-demo-5 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-5 { 
margin-top:12px; 
margin-right:12px; 
margin-bottom:12px; 
margin-left:12px; 
} 


/* Shadow. */ 
span.cisae-demo-5 { 
-moz-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1), 0px 0px 0px 2px rgba(0, 0, 0, 1); 
-webkit-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1), 0px 0px 0px 2px rgba(0, 0, 0, 1); 
-o-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1), 0px 0px 0px 2px rgba(0, 0, 0, 1); 
box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1), 0px 0px 0px 2px rgba(0, 0, 0, 1); 
} 



/* Default styles. */ 
span.cisae-demo-6 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Double Outlined style. [Normal] */ 
span.cisae-demo-6 { 
border:solid #FFFFFF 1px; 
} 


/* Embossed style. [Normal] */ 

/* Margin style. [Normal] */ 

/* Rounded Corners style. [Normal] */ 
span.cisae-demo-6 { 
-webkit-border-radius:20px; 
-moz-border-radius:20px; 
border-radius:20px; 
} 


/* Tooltip style. */ 
span.cisae-demo-6:hover:after { 
content:attr(tooltip); 
position:absolute; 
display:block; 
padding:5px 10px; 
margin-top:10px; 
margin-left:10px; 
margin-right:10px; 
max-width:400px; 
background:#111; 
background:rgba(0,0,0,.8); 
-webkit-border-radius:10px; 
-moz-border-radius:10px; 
border-radius:10px; 
color:#FFF; 
font-size:11px; 
font-weight:normal; 
text-align:left; 
text-shadow:0 1px 0 #000; 
-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); 
-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); 
-o-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); 
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); 
} 


/* Transition. */ 
span.cisae-demo-6 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-6 { 
margin-top:11px; 
margin-right:11px; 
margin-bottom:11px; 
margin-left:11px; 
} 


/* Shadow. */ 
span.cisae-demo-6 { 
-moz-box-shadow: inset 0px 0px 2px rgba(0,0,0,.8),inset 7px 7px 7px rgba(255,255,255,.5),inset -7px -7px 7px rgba(0,0,0,.6), 0px 0px 0px 1px rgba(102, 102, 102, 1); 
-webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,.8),inset 7px 7px 7px rgba(255,255,255,.5),inset -7px -7px 7px rgba(0,0,0,.6), 0px 0px 0px 1px rgba(102, 102, 102, 1); 
-o-box-shadow: inset 0px 0px 2px rgba(0,0,0,.8),inset 7px 7px 7px rgba(255,255,255,.5),inset -7px -7px 7px rgba(0,0,0,.6), 0px 0px 0px 1px rgba(102, 102, 102, 1); 
box-shadow: inset 0px 0px 2px rgba(0,0,0,.8),inset 7px 7px 7px rgba(255,255,255,.5),inset -7px -7px 7px rgba(0,0,0,.6), 0px 0px 0px 1px rgba(102, 102, 102, 1); 
} 



/* Default styles. */ 
span.cisae-demo-7 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Border style. [Normal] */ 
span.cisae-demo-7 { 
border:solid 1px rgba(51, 51, 51, 1); 
} 


/* Margin style. [Normal] */ 

/* Perspective style. */ 
span.cisae-demo-7 { 
z-index: 1000; 
} 

span.cisae-demo-7:before { 
content: ""; 
position: absolute; 
z-index: -2; 
right:80px; 
bottom:5px; 
width:50%; 
height:35%; 
max-width:200px; 
-webkit-box-shadow:80px 0 8px rgba(0, 0, 0, 0.4); 
-moz-box-shadow:80px 0 8px rgba(0, 0, 0, 0.4); 
-o-box-shadow:80px 0 8px rgba(0, 0, 0, 0.4); 
box-shadow:80px 0 8px rgba(0, 0, 0, 0.4); 
-webkit-transform:skew(-30deg); 
-moz-transform:skew(-30deg); 
-ms-transform:skew(-30deg); 
-o-transform:skew(-30deg); 
transform:skew(-30deg); 
-webkit-transform-origin:0 100%; 
-moz-transform-origin:0 100%; 
-ms-transform-origin:0 100%; 
-o-transform-origin:0 100%; 
transform-origin:0 100%; 
} 


/* Transition. */ 
span.cisae-demo-7 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-7 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 



/* Default styles. */ 
span.cisae-demo-8 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Framed style. [Normal] */ 
span.cisae-demo-8 { 
border:solid #FFF 4px; 
} 


/* Framed style. [Hover] */ 
span.cisae-demo-8:hover { 
border:solid #FFF 4px; 
} 


/* Margin style. [Normal] */ 

/* Raised Box style. [Normal] */ 

/* Raised Box style. [Hover] */ 

/* Tape style. */ 
span.cisae-demo-8:after { 
position: absolute; 
content: ' '; 
width: 60px; 
height: 25px; 
top: -10px; 
left: 50%; 
margin-left: -30px; 
border: solid 1px rgba(137,130,48,.2); 
background-color: rgba(254,243,127,0.6); 
background: -moz-linear-gradient(top, rgba(254,243,127,.6) 0%, rgba(240,224,54,.6) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,243,127,.6)), color-stop(100%,rgba(240,224,54,.6))); 
background: linear-gradient(top, rgba(254,243,127,.6) 0%,rgba(240,224,54,.6) 100%); 
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.2); 
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.2); 
-o-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.2); 
box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.2); 
} 


/* Transition. */ 
span.cisae-demo-8 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-8 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 


/* Shadow. */ 
span.cisae-demo-8 { 
-moz-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4), 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 5px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset, 1px 1px 7px rgba(0, 0, 0, 0.5); 
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4), 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 5px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset, 1px 1px 7px rgba(0, 0, 0, 0.5); 
-o-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4), 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 5px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset, 1px 1px 7px rgba(0, 0, 0, 0.5); 
box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4), 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 5px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset, 1px 1px 7px rgba(0, 0, 0, 0.5); 
} 

span.cisae-demo-8:hover { 
-moz-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4), 0 25px 16.666666666666664px -16.666666666666664px rgba(0, 0, 0, 0.5), 0 1.6666666666666667px 8.333333333333332px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset, 1px 1px 7px rgba(0, 0, 0, 0.5); 
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4), 0 25px 16.666666666666664px -16.666666666666664px rgba(0, 0, 0, 0.5), 0 1.6666666666666667px 8.333333333333332px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset, 1px 1px 7px rgba(0, 0, 0, 0.5); 
-o-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4), 0 25px 16.666666666666664px -16.666666666666664px rgba(0, 0, 0, 0.5), 0 1.6666666666666667px 8.333333333333332px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset, 1px 1px 7px rgba(0, 0, 0, 0.5); 
box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4), 0 25px 16.666666666666664px -16.666666666666664px rgba(0, 0, 0, 0.5), 0 1.6666666666666667px 8.333333333333332px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset, 1px 1px 7px rgba(0, 0, 0, 0.5); 
} 



/* Default styles. */ 
span.cisae-demo-9 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Margin style. [Normal] */ 

/* Shake style. */ 
@keyframes shake{ 
0% { transform: translate(2px, 1px) rotate(0deg); } 
10% { transform: translate(-1px, -2px) rotate(-1deg); } 
20% { transform: translate(-3px, 0px) rotate(1deg); } 
30% { transform: translate(0px, 2px) rotate(0deg); } 
40% { transform: translate(1px, -1px) rotate(1deg); } 
50% { transform: translate(-1px, 2px) rotate(-1deg); } 
60% { transform: translate(-3px, 1px) rotate(0deg); } 
70% { transform: translate(2px, 1px) rotate(-1deg); } 
80% { transform: translate(-1px, -1px) rotate(1deg); } 
90% { transform: translate(2px, 2px) rotate(0deg); } 
100% { transform: translate(1px, -2px) rotate(-1deg); } 
} 
@-moz-keyframes shake{ 
0% { -moz-transform: translate(2px, 1px) rotate(0deg); } 
10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); } 
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 
30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 
40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 
50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 
60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 
70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 
80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 
90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 
100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } 
} 
@-webkit-keyframes shake { 
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } 
} 
span.cisae-demo-9 
 { 
display:inline-block; 
 } 
span.cisae-demo-9:hover, 
span.cisae-demo-9.shake:focus { 
animation-name: shake; 
animation-duration: 0.8s; 
transform-origin:50% 50%; 
animation-iteration-count: infinite; 
animation-timing-function: linear; 
-moz-animation-name: shake; 
-moz-animation-duration: 0.8s; 
-moz-transform-origin:50% 50%; 
-moz-animation-iteration-count: infinite; 
-moz-animation-timing-function: linear; 
-webkit-animation-name: shake; 
-webkit-animation-duration: 0.8s; 
-webkit-transform-origin:50% 50%; 
-webkit-animation-iteration-count: infinite; 
-webkit-animation-timing-function: linear; 
} 


/* Vertical Curve style. */ 
span.cisae-demo-9 { 
z-index: 1000; 
} 

span.cisae-demo-9:before { 
content: ""; 
position: absolute; 
z-index: -2; 
top:10px; 
bottom:10px; 
left:0px; 
right:0px; 
-webkit-box-shadow:0 0 15px rgba(0,0,0,1); 
-moz-box-shadow:0 0 15px rgba(0,0,0,1); 
-o-box-shadow:0 0 15px rgba(0,0,0,1); 
box-shadow:0 0 15px rgba(0,0,0,1); 
-moz-border-radius:10px / 99.99999999999999px; 
border-radius:10px / 99.99999999999999px; 
} 


/* Transition. */ 
span.cisae-demo-9 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-9 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 



/* Default styles. */ 
span.cisae-demo-10 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Curled Corners style. */ 
span.cisae-demo-10 { 
z-index: 1000; 
-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.4); 
-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.4); 
-o-box-shadow:0 0 3px rgba(0, 0, 0, 0.4); 
box-shadow:0 0 3px rgba(0, 0, 0, 0.4); 
-moz-border-radius:0 0 120px 120px / 0 0 12px 12px; 
border-radius:0 0 120px 120px / 0 0 12px 12px; 
} 

span.cisae-demo-10:before { 
content: ""; 
position: absolute; 
z-index: -1; 
background-color: rgba(0, 0, 0, 0.9); 
bottom:12px; 
left:10px; 
margin-left:2px; 
margin-right:2px; 
width:50%; 
height:55%; 
-webkit-box-shadow:0 10px 12px rgba(0, 0, 0, 1); 
-moz-box-shadow:0 10px 12px rgba(0, 0, 0, 1); 
-o-box-shadow:0 10px 12px rgba(0, 0, 0, 1); 
box-shadow:0 10px 12px rgba(0, 0, 0, 1); 
-webkit-transform:skew(-8deg) rotate(-3deg); 
-moz-transform:skew(-8deg) rotate(-3deg); 
-ms-transform:skew(-8deg) rotate(-3deg); 
-o-transform:skew(-8deg) rotate(-3deg); 
transform:skew(-8deg) rotate(-3deg); 
-moz-border-radius:0 0 12px 12px / 0 0 12px 12px; 
border-radius:0 0 12px 12px / 0 0 12px 12px; 
} 

span.cisae-demo-10:after { 
content: ""; 
position: absolute; 
z-index: -1; 
background-color: rgba(0, 0, 0, 0.9); 
bottom:12px; 
right:10px; 
left:auto; 
margin-left:2px; 
margin-right:2px; 
width:50%; 
height:55%; 
-webkit-box-shadow:0 10px 12px rgba(0, 0, 0, 1); 
-moz-box-shadow:0 10px 12px rgba(0, 0, 0, 1); 
-o-box-shadow:0 10px 12px rgba(0, 0, 0, 1); 
box-shadow:0 10px 12px rgba(0, 0, 0, 1); 
-webkit-transform:skew(8deg) rotate(3deg); 
-moz-transform:skew(8deg) rotate(3deg); 
-ms-transform:skew(8deg) rotate(3deg); 
-o-transform:skew(8deg) rotate(3deg); 
transform:skew(8deg) rotate(3deg); 
-moz-border-radius:0 0 12px 12px / 0 0 12px 12px; 
border-radius:0 0 12px 12px / 0 0 12px 12px; 
} 

span.cisae-demo-10-curled-corners { 
z-index: 1000; 
-moz-border-radius:0 0 120px 120px / 0 0 12px 12px; 
border-radius:0 0 120px 120px / 0 0 12px 12px; 
} 


/* Internal Caption style. */ 
p.cisae-demo-10-internal-caption { 
z-index: 1001; 
position: relative; 
display: block; 
float: left; 
background-color:rgba(0, 0, 0, 1); 
font-size:10px; 
line-height:10px; 
color:rgba(255, 255, 255, 1); 
text-decoration:none; 
margin-top:0px; 
margin-top:0px; 
margin-left:5px !important; 
margin-right:5px !important; 
text-align:center; 
padding:5px; 
filter:alpha(opacity=75); 
opacity: 0.75; 
-moz-opacity:0.75; 
-khtml-opacity: 0.75; 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px; 
} 


/* Margin style. [Normal] */ 

/* Pop style. */ 
span.cisae-demo-10 { 
top: 0px; 
} 

span.cisae-demo-10:hover { 
top: -8px; 
} 


/* Raised Box style. [Hover] */ 

/* Transition. */ 
span.cisae-demo-10 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-10 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 

span.cisae-demo-10:hover { 
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 5px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 5px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
-o-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 5px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 5px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
} 



/* Default styles. */ 
span.cisae-demo-11 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Framed style. [Normal] */ 
span.cisae-demo-11 { 
border:solid #FFF 4px; 
} 


/* Margin style. [Normal] */ 

/* Sliding Caption style. */ 
span.cisae-demo-11 { 
overflow:hidden; 
} 

span.cisae-demo-11:before { 
content:"?"; 
position:absolute; 
font-weight:800; 
background:black; 
background:rgba(255,255,255,0.75); 
text-shadow:0 0 5px white; 
color:black; 
width:24px; 
height:24px; 
-webkit-border-radius:12px; 
-moz-border-radius:12px; 
border-radius:12px; 
text-align:center; 
font-size:14px; 
line-height:24px; 
-moz-transition:all 0.6s ease; 
opacity:0.75; 
bottom: 10px; 
left: 10px; 
} 

span.cisae-demo-11:hover:before { 
opacity:0; 
} 

span.cisae-demo-11 div.cisae-demo-11-sliding-caption { 
position:absolute; 
background:black; 
background:rgba(0,0,0,0.75); 
color:white; 
padding:10px 20px; 
opacity:0; 
-webkit-transition:all 0.6s ease; 
-moz-transition:all 0.6s ease; 
-o-transition:all 0.6s ease; 
left:0; 
right:0; 
bottom:-30%; 
margin:0px; 
font-size: 11px; 
text-align:left; 
} 

span.cisae-demo-11:hover div.cisae-demo-11-sliding-caption { 
opacity:1; 
bottom:0; 
} 


/* Transition. */ 
span.cisae-demo-11 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-11 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 


/* Shadow. */ 
span.cisae-demo-11 { 
-moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5); 
-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5); 
-o-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5); 
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5); 
} 



/* Default styles. */ 
span.cisae-demo-12 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Border style. [Normal] */ 
span.cisae-demo-12 { 
border:solid 2px rgba(255, 255, 255, 1); 
} 


/* Margin style. [Normal] */ 

/* Pop style. */ 
span.cisae-demo-12 { 
top: 0px; 
} 

span.cisae-demo-12:hover { 
top: -14px; 
} 


/* Raised Box style. [Hover] */ 

/* Rotation style. [Hover] */ 
span.cisae-demo-12:hover { 
-webkit-transform:rotate(3deg); 
-moz-transform:rotate(3deg); 
-ms-transform:rotate(3deg); 
-o-transform:rotate(3deg); 
transform:rotate(3deg); 
} 


/* Shadow style. [Hover] */ 

/* Transition. */ 
span.cisae-demo-12 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-12 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 

span.cisae-demo-12:hover { 
-moz-box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 1) ,0 20px 13.333333333333332px -13.333333333333332px rgba(0, 0, 0, 0.5), 0 1.3333333333333333px 6.666666666666666px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
-webkit-box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 1) ,0 20px 13.333333333333332px -13.333333333333332px rgba(0, 0, 0, 0.5), 0 1.3333333333333333px 6.666666666666666px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
-o-box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 1) ,0 20px 13.333333333333332px -13.333333333333332px rgba(0, 0, 0, 0.5), 0 1.3333333333333333px 6.666666666666666px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 1) ,0 20px 13.333333333333332px -13.333333333333332px rgba(0, 0, 0, 0.5), 0 1.3333333333333333px 6.666666666666666px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
} 



/* Default styles. */ 
span.cisae-demo-13 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Margin style. [Normal] */ 

/* Opacity style. */ 
span.cisae-demo-13 { 
opacity:0.7; 
} 


/* Opacity style. [Hover] */ 
span.cisae-demo-13:hover { 
opacity:1; 
} 


/* Rounded Corners style. [Normal] */ 
span.cisae-demo-13 { 
-webkit-border-radius:20px; 
-moz-border-radius:20px; 
border-radius:20px; 
} 


/* Shadow style. [Hover] */ 

/* Transition. */ 
span.cisae-demo-13 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-13 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 

span.cisae-demo-13:hover { 
-moz-box-shadow: 3.75px 3.75px 15px rgba(0, 0, 0, 1); 
-webkit-box-shadow: 3.75px 3.75px 15px rgba(0, 0, 0, 1); 
-o-box-shadow: 3.75px 3.75px 15px rgba(0, 0, 0, 1); 
box-shadow: 3.75px 3.75px 15px rgba(0, 0, 0, 1); 
} 



/* Default styles. */ 
span.cisae-demo-14 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Double Outlined style. [Normal] */ 
span.cisae-demo-14 { 
border:solid #FFFFFF 10px; 
} 


/* Double Outlined style. [Hover] */ 
span.cisae-demo-14:hover { 
border:solid #000000 10px; 
} 


/* Horizontal Curve style. */ 
span.cisae-demo-14 { 
z-index: 1000; 
} 

span.cisae-demo-14:after { 
content: ""; 
position: absolute; 
z-index: -2; 
top:0px; 
bottom:0px; 
left:10px; 
right:10px; 
-webkit-box-shadow:0 1px 15px rgba(0,0,0,1); 
-moz-box-shadow:0 1px 15px rgba(0,0,0,1); 
-o-box-shadow:0 1px 15px rgba(0,0,0,1); 
box-shadow:0 1px 15px rgba(0,0,0,1); 
-moz-border-radius:99.99999999999999px / 10px; 
border-radius:99.99999999999999px / 10px; 
} 


/* Margin style. [Normal] */ 

/* Vertical Curve style. */ 
span.cisae-demo-14 { 
z-index: 1000; 
} 

span.cisae-demo-14:before { 
content: ""; 
position: absolute; 
z-index: -2; 
top:10px; 
bottom:10px; 
left:0px; 
right:0px; 
-webkit-box-shadow:0 0 15px rgba(0,0,0,1); 
-moz-box-shadow:0 0 15px rgba(0,0,0,1); 
-o-box-shadow:0 0 15px rgba(0,0,0,1); 
box-shadow:0 0 15px rgba(0,0,0,1); 
-moz-border-radius:10px / 99.99999999999999px; 
border-radius:10px / 99.99999999999999px; 
} 


/* Transition. */ 
span.cisae-demo-14 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-14 { 
margin-top:12px; 
margin-right:12px; 
margin-bottom:12px; 
margin-left:12px; 
} 


/* Shadow. */ 
span.cisae-demo-14 { 
-moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1); 
-webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1); 
-o-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1); 
box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1); 
} 

span.cisae-demo-14:hover { 
-moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1); 
-webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1); 
-o-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1); 
box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1); 
} 



/* Default styles. */ 
span.cisae-demo-15 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Border style. [Normal] */ 
span.cisae-demo-15 { 
border:dotted 4px rgba(51, 51, 51, 1); 
} 


/* Margin style. [Normal] */ 

/* Shadow style. [Normal] */ 

/* Transition. */ 
span.cisae-demo-15 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-15 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 


/* Shadow. */ 
span.cisae-demo-15 { 
-moz-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1); 
-webkit-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1); 
-o-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1); 
box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1); 
} 



/* Default styles. */ 
span.cisae-demo-16 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Border style. [Normal] */ 
span.cisae-demo-16 { 
border:double 4px rgba(51, 51, 51, 0); 
} 


/* Border style. [Hover] */ 
span.cisae-demo-16:hover { 
border:double 4px rgba(51, 51, 51, 1); 
} 


/* External Caption style. */ 
span.cisae-demo-16-external-caption { 
position: relative; 
display: inline-block; 
background-color: rgba(239, 239, 239, 1); 
padding: 10px; 
} 

p.cisae-demo-16-external-caption { 
color: rgba(51, 51, 51, 1); 
font-size: 10px; 
line-height: 10px; 
position: relative; 
margin: 0px; 
padding: 10px 0px 0px 0px; 
text-align:center; 
text-decoration:none !important; 
clear:both; 
} 


/* Horizontal Curve style. */ 
span.cisae-demo-16 span { 
z-index: 1000; 
} 

span.cisae-demo-16 span:after { 
content: ""; 
position: absolute; 
z-index: -2; 
top:0px; 
bottom:0px; 
left:10px; 
right:10px; 
-webkit-box-shadow:0 1px 15px rgba(0,0,0,1); 
-moz-box-shadow:0 1px 15px rgba(0,0,0,1); 
-o-box-shadow:0 1px 15px rgba(0,0,0,1); 
box-shadow:0 1px 15px rgba(0,0,0,1); 
-moz-border-radius:99.99999999999999px / 10px; 
border-radius:99.99999999999999px / 10px; 
} 


/* Margin style. [Normal] */ 

/* Rounded Corners style. [Normal] */ 
span.cisae-demo-16 { 
-webkit-border-radius:20px; 
-moz-border-radius:20px; 
border-radius:20px; 
} 

span.cisae-demo-16 span { 
-webkit-border-radius:20px; 
-moz-border-radius:20px; 
border-radius:20px; 
} 


/* Vertical Curve style. */ 
span.cisae-demo-16 span { 
z-index: 1000; 
} 

span.cisae-demo-16 span:before { 
content: ""; 
position: absolute; 
z-index: -2; 
top:10px; 
bottom:10px; 
left:0px; 
right:0px; 
-webkit-box-shadow:0 0 15px rgba(0,0,0,1); 
-moz-box-shadow:0 0 15px rgba(0,0,0,1); 
-o-box-shadow:0 0 15px rgba(0,0,0,1); 
box-shadow:0 0 15px rgba(0,0,0,1); 
-moz-border-radius:10px / 99.99999999999999px; 
border-radius:10px / 99.99999999999999px; 
} 


/* Transition. */ 
span.cisae-demo-16 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-16 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 



/* Default styles. */ 
span.cisae-demo-17 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Double Outlined style. [Normal] */ 
span.cisae-demo-17 { 
border:solid #FFFFFF 0px; 
} 


/* Double Outlined style. [Hover] */ 
span.cisae-demo-17:hover { 
border:solid #000000 0px; 
} 


/* Glowing style. [Normal] */ 

/* Glowing style. [Hover] */ 

/* Margin style. [Normal] */ 

/* Shadow style. [Normal] */ 

/* Shadow style. [Hover] */ 

/* Transition. */ 
span.cisae-demo-17 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-17 { 
margin-top:25px; 
margin-right:25px; 
margin-bottom:25px; 
margin-left:25px; 
} 


/* Shadow. */ 
span.cisae-demo-17 { 
-moz-box-shadow: 3.75px 3.75px 15px rgba(0, 0, 0, 1), 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1), 0px 0px 0px 15px rgba(0, 0, 0, 1); 
-webkit-box-shadow: 3.75px 3.75px 15px rgba(0, 0, 0, 1), 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1), 0px 0px 0px 15px rgba(0, 0, 0, 1); 
-o-box-shadow: 3.75px 3.75px 15px rgba(0, 0, 0, 1), 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1), 0px 0px 0px 15px rgba(0, 0, 0, 1); 
box-shadow: 3.75px 3.75px 15px rgba(0, 0, 0, 1), 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1), 0px 0px 0px 15px rgba(0, 0, 0, 1); 
} 

span.cisae-demo-17:hover { 
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 1) ,0 0 0px rgba(255,255,255,.6), inset 0 0 0px rgba(255,255,255,1), 0px 0px 0px 15px rgba(0, 0, 0, 1); 
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 1) ,0 0 0px rgba(255,255,255,.6), inset 0 0 0px rgba(255,255,255,1), 0px 0px 0px 15px rgba(0, 0, 0, 1); 
-o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 1) ,0 0 0px rgba(255,255,255,.6), inset 0 0 0px rgba(255,255,255,1), 0px 0px 0px 15px rgba(0, 0, 0, 1); 
box-shadow: 0px 0px 0px rgba(0, 0, 0, 1) ,0 0 0px rgba(255,255,255,.6), inset 0 0 0px rgba(255,255,255,1), 0px 0px 0px 15px rgba(0, 0, 0, 1); 
} 



/* Default styles. */ 
span.cisae-demo-18 { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Cutout style. [Normal] */ 

/* Margin style. [Normal] */ 

/* Rounded Corners style. [Normal] */ 
span.cisae-demo-18 { 
-webkit-border-radius:150px; 
-moz-border-radius:150px; 
border-radius:150px; 
} 


/* Shadow style. [Normal] */ 

/* Transition. */ 
span.cisae-demo-18 { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 

/* Margin. [Normal] */ 
span.cisae-demo-18 { 
margin-top:10px; 
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px; 
} 


/* Shadow. */ 
span.cisae-demo-18 { 
-moz-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1), 1px 1px 0px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.6), inset 1px 1px 0px rgba(0,0,0,0.6); 
-webkit-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1), 1px 1px 0px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.6), inset 1px 1px 0px rgba(0,0,0,0.6); 
-o-box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1), 1px 1px 0px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.6), inset 1px 1px 0px rgba(0,0,0,0.6); 
box-shadow: 2.5px 2.5px 10px rgba(51, 51, 51, 1), 1px 1px 0px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.6), inset 1px 1px 0px rgba(0,0,0,0.6); 
}