html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline}

html{
line-height:1}

ol,ul{
list-style:none}

table{
border-collapse:collapse;
border-spacing:0}

caption,th,td{
text-align:left;
font-weight:normal;
vertical-align:middle}

q,blockquote{
quotes:none}

q:before,q:after,blockquote:before,blockquote:after{
content:"";
content:none}

a img{
border:none}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
display:block}

@font-face{
font-family:"trdGtBdCn20";
src:url('../fonts/trdGtBdCn20.eot?1422973983');
src:url('../fonts/trdGtBdCn20.eot?&1422973983#iefix') format('embedded-opentype'),url('../fonts/trdGtBdCn20.woff?1422974016') format('woff'),url('../fonts/trdGtBdCn20.ttf?1422974000') format('truetype'),url('../fonts/trdGtBdCn20.svg?1422974043') format('svg')}

@font-face{
font-family:"trdGtCn18";
src:url('../fonts/trdGtCn18.eot?1422974311');
src:url('../fonts/trdGtCn18.eot?&1422974311#iefix') format('embedded-opentype'),url('../fonts/trdGtCn18.woff?1422974324') format('woff'),url('../fonts/trdGtCn18.ttf?1422974338') format('truetype'),url('../fonts/trdGtCn18.svg?1422974363') format('svg')}

@font-face{
font-family:"spartan";
src:url('../fonts/spartan.ttf');}

@font-face {
    font-family: "controller";
    src: url('../fonts/controller.woff');
}

@font-face {
    font-family: "gothan-black";
    src: url('../fonts/GOTHAM-BLACK.ttf');
}

@font-face {
    font-family: "geometric";
    src: url('../fonts/geometric.otf');
}

@font-face {
    font-family: "athletic";
    src: url('../fonts/Athletic.ttf');
}

@font-face {
    font-family: "adumu";
    src: url('../fonts/Adumu.ttf');
}

html{
font-size:100%;
line-height:1.5em}

*,*:before,*:after{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box}

html,body{
height:100%}

body {
    background-image: url("../img/pattern.png");
    background-color: #fafafa;
    background-repeat: repeat;
    background-size: contain;
    color: #ababab;
    font-family: "spartan",Arial,Helvetica,sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    overflow-x: hidden
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background: #000000;
    /*background: rgb(2,0,36);*/
    /*background: linear-gradient(141deg, rgba(2,0,36,1) 0%, rgba(232,24,63,1) 0%, rgba(0,0,0,1) 65%);*/
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}


body.ie9 {
    filter: none
}

a{
color:#fff;
outline:none;
text-decoration:none;
-moz-transition:0.3s;
-o-transition:0.3s;
-webkit-transition:0.3s;
transition:0.3s}

a:hover,a.over{
color:#bbb}

h1{
display:inline-block;
color: #000000;
font-family:"spartan",Arial,Helvetica,sans-serif;
margin-bottom:0;
font-size:1.5625em;
line-height:0.96em;
text-transform:uppercase}

h2{
color: #FFFFFF;
font-family:"spartan",Arial,Helvetica,sans-serif;
font-size:1.4375em;
line-height:1.04348em}

img,embed,object,video{
height:auto;
max-width:100%}

.ie8 img,.ie8 embed,.ie8 object,.ie8 video{
width:100%}

.img-replace{
display:inline-block;
overflow:hidden;
text-align:center;
text-indent:-3000em;
vertical-align:middle}

.container{
max-width:71.248em;
margin-left:auto;
margin-right:auto}

.container:after{
content:" ";
display:block;
clear:both}

@media only screen and (max-width: 599px){
.container{
max-width:35.624em;
margin-left:auto;
margin-right:auto}

.container:after{
content:" ";
display:block;
clear:both}

}

@media only screen and (min-width: 600px) and (max-width: 900px){
.container{
max-width:47.49867em;
margin-left:auto;
margin-right:auto}

.container:after{
content:" ";
display:block;
clear:both}

}

@media only screen and (min-width: 901px){
.container{
max-width:71.248em;
margin-left:auto;
margin-right:auto}

.container:after{
content:" ";
display:block;
clear:both}

}


#page{
height:100%;
position:absolute;
top:0;
width:100%}

section{
clear:both;
*zoom:1}

section:after{
content:"";
display:table;
clear:both}

section#content{
margin-bottom:2em;
margin-top:2em}

article{
width:100%;
float:left;
padding-left:1.04167%;
padding-right:1.04167%;
*zoom:1;
margin-bottom:1em}

article:after{
content:"";
display:table;
clear:both}

article header{
padding-left:1.04167%;
padding-right:1.04167%;
margin-bottom:1em}

.animated{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both}

.animated.infinite{
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite}

.animated.hinge{
-webkit-animation-duration:2s;
animation-duration:2s}

@-webkit-keyframes bounce{
0%,20%,53%,80%,100%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}

40%,43%{
-webkit-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)}

70%{
-webkit-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)}

90%{
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)}

}

@keyframes bounce{
0%,20%,53%,80%,100%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}

40%,43%{
-webkit-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)}

70%{
-webkit-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)}

90%{
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)}

}

.bounce{
-webkit-animation-name:bounce;
animation-name:bounce;
-webkit-transform-origin:center bottom;
-ms-transform-origin:center bottom;
transform-origin:center bottom}

@-webkit-keyframes flash{
0%,50%,100%{
opacity:1}

25%,75%{
opacity:0}

}

@keyframes flash{
0%,50%,100%{
opacity:1}

25%,75%{
opacity:0}

}

.flash{
-webkit-animation-name:flash;
animation-name:flash}

@-webkit-keyframes pulse{
0%{
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

50%{
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)}

100%{
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

}

@keyframes pulse{
0%{
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

50%{
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)}

100%{
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

}

.pulse{
-webkit-animation-name:pulse;
animation-name:pulse}

@-webkit-keyframes rubberBand{
0%{
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

30%{
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)}

40%{
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)}

50%{
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)}

65%{
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)}

75%{
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)}

100%{
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

}

@keyframes rubberBand{
0%{
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

30%{
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)}

40%{
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)}

50%{
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)}

65%{
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)}

75%{
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)}

100%{
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

}

.rubberBand{
-webkit-animation-name:rubberBand;
animation-name:rubberBand}

@-webkit-keyframes shake{
0%,100%{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}

10%,30%,50%,70%,90%{
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)}

20%,40%,60%,80%{
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)}

}

@keyframes shake{
0%,100%{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}

10%,30%,50%,70%,90%{
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)}

20%,40%,60%,80%{
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)}

}

.shake{
-webkit-animation-name:shake;
animation-name:shake}

@-webkit-keyframes swing{
20%{
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)}

40%{
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)}

60%{
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)}

80%{
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)}

100%{
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)}

}

@keyframes swing{
20%{
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)}

40%{
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)}

60%{
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)}

80%{
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)}

100%{
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)}

}

.swing{
-webkit-transform-origin:top center;
-ms-transform-origin:top center;
transform-origin:top center;
-webkit-animation-name:swing;
animation-name:swing}

@-webkit-keyframes tada{
0%{
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

10%,20%{
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}

30%,50%,70%,90%{
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}

40%,60%,80%{
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}

100%{
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

}

@keyframes tada{
0%{
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

10%,20%{
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}

30%,50%,70%,90%{
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}

40%,60%,80%{
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}

100%{
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

}

.tada{
-webkit-animation-name:tada;
animation-name:tada}

@-webkit-keyframes wobble{
0%{
-webkit-transform:none;
transform:none}

15%{
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}

30%{
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}

45%{
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}

60%{
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}

75%{
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}

100%{
-webkit-transform:none;
transform:none}

}

@keyframes wobble{
0%{
-webkit-transform:none;
transform:none}

15%{
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}

30%{
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}

45%{
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}

60%{
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}

75%{
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}

100%{
-webkit-transform:none;
transform:none}

}

.wobble{
-webkit-animation-name:wobble;
animation-name:wobble}

@-webkit-keyframes bounceIn{
0%,20%,40%,60%,80%,100%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

0%{
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)}

20%{
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)}

40%{
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)}

60%{
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)}

80%{
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)}

100%{
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

}

@keyframes bounceIn{
0%,20%,40%,60%,80%,100%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

0%{
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)}

20%{
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)}

40%{
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)}

60%{
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)}

80%{
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)}

100%{
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}

}

.bounceIn{
-webkit-animation-name:bounceIn;
animation-name:bounceIn;
-webkit-animation-duration:.75s;
animation-duration:.75s}

@-webkit-keyframes bounceInDown{
0%,60%,75%,90%,100%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

0%{
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)}

60%{
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)}

75%{
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)}

90%{
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)}

100%{
-webkit-transform:none;
transform:none}

}

@keyframes bounceInDown{
0%,60%,75%,90%,100%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

0%{
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)}

60%{
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)}

75%{
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)}

90%{
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)}

100%{
-webkit-transform:none;
transform:none}

}

.bounceInDown{
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown}

@-webkit-keyframes bounceInLeft{
0%,60%,75%,90%,100%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

0%{
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)}

60%{
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)}

75%{
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)}

90%{
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)}

100%{
-webkit-transform:none;
transform:none}

}

@keyframes bounceInLeft{
0%,60%,75%,90%,100%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

0%{
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)}

60%{
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)}

75%{
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)}

90%{
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)}

100%{
-webkit-transform:none;
transform:none}

}

.bounceInLeft{
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft}

@-webkit-keyframes bounceInRight{
0%,60%,75%,90%,100%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

0%{
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)}

60%{
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)}

75%{
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)}

90%{
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)}

100%{
-webkit-transform:none;
transform:none}

}

@keyframes bounceInRight{
0%,60%,75%,90%,100%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

0%{
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)}

60%{
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)}

75%{
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)}

90%{
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)}

100%{
-webkit-transform:none;
transform:none}

}

.bounceInRight{
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight}

@-webkit-keyframes bounceInUp{
0%,60%,75%,90%,100%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

0%{
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)}

60%{
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)}

75%{
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)}

90%{
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)}

100%{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}

}

@keyframes bounceInUp{
0%,60%,75%,90%,100%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

0%{
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)}

60%{
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)}

75%{
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)}

90%{
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)}

100%{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}

}

.bounceInUp{
-webkit-animation-name:bounceInUp;
animation-name:bounceInUp}

@-webkit-keyframes bounceOut{
20%{
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)}

50%,55%{
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)}

100%{
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)}

}

@keyframes bounceOut{
20%{
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)}

50%,55%{
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)}

100%{
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)}

}

.bounceOut{
-webkit-animation-name:bounceOut;
animation-name:bounceOut;
-webkit-animation-duration:.75s;
animation-duration:.75s}

@-webkit-keyframes bounceOutDown{
20%{
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)}

40%,45%{
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)}

100%{
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)}

}

@keyframes bounceOutDown{
20%{
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)}

40%,45%{
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)}

100%{
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)}

}

.bounceOutDown{
-webkit-animation-name:bounceOutDown;
animation-name:bounceOutDown}

@-webkit-keyframes bounceOutLeft{
20%{
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)}

100%{
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)}

}

@keyframes bounceOutLeft{
20%{
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)}

100%{
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)}

}

.bounceOutLeft{
-webkit-animation-name:bounceOutLeft;
animation-name:bounceOutLeft}

@-webkit-keyframes bounceOutRight{
20%{
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)}

100%{
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)}

}

@keyframes bounceOutRight{
20%{
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)}

100%{
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)}

}

.bounceOutRight{
-webkit-animation-name:bounceOutRight;
animation-name:bounceOutRight}

@-webkit-keyframes bounceOutUp{
20%{
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)}

40%,45%{
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)}

100%{
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)}

}

@keyframes bounceOutUp{
20%{
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)}

40%,45%{
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)}

100%{
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)}

}

.bounceOutUp{
-webkit-animation-name:bounceOutUp;
animation-name:bounceOutUp}

@-webkit-keyframes fadeIn{
0%{
opacity:0}

100%{
opacity:1}

}

@keyframes fadeIn{
0%{
opacity:0}

100%{
opacity:1}

}

.fadeIn{
-webkit-animation-name:fadeIn;
animation-name:fadeIn}

@-webkit-keyframes fadeInDown{
0%{
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

@keyframes fadeInDown{
0%{
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

.fadeInDown{
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown}

@-webkit-keyframes fadeInDownBig{
0%{
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

@keyframes fadeInDownBig{
0%{
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

.fadeInDownBig{
-webkit-animation-name:fadeInDownBig;
animation-name:fadeInDownBig}

@-webkit-keyframes fadeInLeft{
0%{
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

@keyframes fadeInLeft{
0%{
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

.fadeInLeft{
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft}

@-webkit-keyframes fadeInLeftBig{
0%{
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

@keyframes fadeInLeftBig{
0%{
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

.fadeInLeftBig{
-webkit-animation-name:fadeInLeftBig;
animation-name:fadeInLeftBig}

@-webkit-keyframes fadeInRight{
0%{
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

@keyframes fadeInRight{
0%{
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

.fadeInRight{
-webkit-animation-name:fadeInRight;
animation-name:fadeInRight}

@-webkit-keyframes fadeInRightBig{
0%{
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

@keyframes fadeInRightBig{
0%{
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

.fadeInRightBig{
-webkit-animation-name:fadeInRightBig;
animation-name:fadeInRightBig}

@-webkit-keyframes fadeInUp{
0%{
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

@keyframes fadeInUp{
0%{
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

.fadeInUp{
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp}

@-webkit-keyframes fadeInUpBig{
0%{
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

@keyframes fadeInUpBig{
0%{
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

.fadeInUpBig{
-webkit-animation-name:fadeInUpBig;
animation-name:fadeInUpBig}

@-webkit-keyframes fadeOut{
0%{
opacity:1}

100%{
opacity:0}

}

@keyframes fadeOut{
0%{
opacity:1}

100%{
opacity:0}

}

.fadeOut{
-webkit-animation-name:fadeOut;
animation-name:fadeOut}

@-webkit-keyframes fadeOutDown{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)}

}

@keyframes fadeOutDown{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)}

}

.fadeOutDown{
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown}

@-webkit-keyframes fadeOutDownBig{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)}

}

@keyframes fadeOutDownBig{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)}

}

.fadeOutDownBig{
-webkit-animation-name:fadeOutDownBig;
animation-name:fadeOutDownBig}

@-webkit-keyframes fadeOutLeft{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)}

}

@keyframes fadeOutLeft{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)}

}

.fadeOutLeft{
-webkit-animation-name:fadeOutLeft;
animation-name:fadeOutLeft}

@-webkit-keyframes fadeOutLeftBig{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)}

}

@keyframes fadeOutLeftBig{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)}

}

.fadeOutLeftBig{
-webkit-animation-name:fadeOutLeftBig;
animation-name:fadeOutLeftBig}

@-webkit-keyframes fadeOutRight{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)}

}

@keyframes fadeOutRight{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)}

}

.fadeOutRight{
-webkit-animation-name:fadeOutRight;
animation-name:fadeOutRight}

@-webkit-keyframes fadeOutRightBig{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)}

}

@keyframes fadeOutRightBig{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)}

}

.fadeOutRightBig{
-webkit-animation-name:fadeOutRightBig;
animation-name:fadeOutRightBig}

@-webkit-keyframes fadeOutUp{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)}

}

@keyframes fadeOutUp{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)}

}

.fadeOutUp{
-webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp}

@-webkit-keyframes fadeOutUpBig{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)}

}

@keyframes fadeOutUpBig{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)}

}

.fadeOutUpBig{
-webkit-animation-name:fadeOutUpBig;
animation-name:fadeOutUpBig}

@-webkit-keyframes flip{
0%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}

40%{
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}

50%{
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}

80%{
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}

100%{
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}

}

@keyframes flip{
0%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}

40%{
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}

50%{
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}

80%{
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}

100%{
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}

}

.animated.flip{
-webkit-backface-visibility:visible;
backface-visibility:visible;
-webkit-animation-name:flip;
animation-name:flip}

@-webkit-keyframes flipInX{
0%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0}

40%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in}

60%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1}

80%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}

100%{
-webkit-transform:perspective(400px);
transform:perspective(400px)}

}

@keyframes flipInX{
0%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0}

40%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in}

60%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1}

80%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}

100%{
-webkit-transform:perspective(400px);
transform:perspective(400px)}

}

.flipInX{
-webkit-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipInX;
animation-name:flipInX}

@-webkit-keyframes flipInY{
0%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0}

40%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in}

60%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1}

80%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}

100%{
-webkit-transform:perspective(400px);
transform:perspective(400px)}

}

@keyframes flipInY{
0%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0}

40%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in}

60%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1}

80%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}

100%{
-webkit-transform:perspective(400px);
transform:perspective(400px)}

}

.flipInY{
-webkit-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipInY;
animation-name:flipInY}

@-webkit-keyframes flipOutX{
0%{
-webkit-transform:perspective(400px);
transform:perspective(400px)}

30%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1}

100%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0}

}

@keyframes flipOutX{
0%{
-webkit-transform:perspective(400px);
transform:perspective(400px)}

30%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1}

100%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0}

}

.flipOutX{
-webkit-animation-name:flipOutX;
animation-name:flipOutX;
-webkit-animation-duration:.75s;
animation-duration:.75s;
-webkit-backface-visibility:visible !important;
backface-visibility:visible !important}

@-webkit-keyframes flipOutY{
0%{
-webkit-transform:perspective(400px);
transform:perspective(400px)}

30%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1}

100%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0}

}

@keyframes flipOutY{
0%{
-webkit-transform:perspective(400px);
transform:perspective(400px)}

30%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1}

100%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0}

}

.flipOutY{
-webkit-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipOutY;
animation-name:flipOutY;
-webkit-animation-duration:.75s;
animation-duration:.75s}

@-webkit-keyframes lightSpeedIn{
0%{
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0}

60%{
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1}

80%{
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1}

100%{
-webkit-transform:none;
transform:none;
opacity:1}

}

@keyframes lightSpeedIn{
0%{
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0}

60%{
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1}

80%{
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1}

100%{
-webkit-transform:none;
transform:none;
opacity:1}

}

.lightSpeedIn{
-webkit-animation-name:lightSpeedIn;
animation-name:lightSpeedIn;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}

@-webkit-keyframes lightSpeedOut{
0%{
opacity:1}

100%{
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0}

}

@keyframes lightSpeedOut{
0%{
opacity:1}

100%{
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0}

}

.lightSpeedOut{
-webkit-animation-name:lightSpeedOut;
animation-name:lightSpeedOut;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}

@-webkit-keyframes rotateIn{
0%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0}

100%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1}

}

@keyframes rotateIn{
0%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0}

100%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1}

}

.rotateIn{
-webkit-animation-name:rotateIn;
animation-name:rotateIn}

@-webkit-keyframes rotateInDownLeft{
0%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0}

100%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1}

}

@keyframes rotateInDownLeft{
0%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0}

100%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1}

}

.rotateInDownLeft{
-webkit-animation-name:rotateInDownLeft;
animation-name:rotateInDownLeft}

@-webkit-keyframes rotateInDownRight{
0%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0}

100%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1}

}

@keyframes rotateInDownRight{
0%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0}

100%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1}

}

.rotateInDownRight{
-webkit-animation-name:rotateInDownRight;
animation-name:rotateInDownRight}

@-webkit-keyframes rotateInUpLeft{
0%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0}

100%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1}

}

@keyframes rotateInUpLeft{
0%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0}

100%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1}

}

.rotateInUpLeft{
-webkit-animation-name:rotateInUpLeft;
animation-name:rotateInUpLeft}

@-webkit-keyframes rotateInUpRight{
0%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0}

100%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1}

}

@keyframes rotateInUpRight{
0%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0}

100%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1}

}

.rotateInUpRight{
-webkit-animation-name:rotateInUpRight;
animation-name:rotateInUpRight}

@-webkit-keyframes rotateOut{
0%{
-webkit-transform-origin:center;
transform-origin:center;
opacity:1}

100%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0}

}

@keyframes rotateOut{
0%{
-webkit-transform-origin:center;
transform-origin:center;
opacity:1}

100%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0}

}

.rotateOut{
-webkit-animation-name:rotateOut;
animation-name:rotateOut}

@-webkit-keyframes rotateOutDownLeft{
0%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1}

100%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0}

}

@keyframes rotateOutDownLeft{
0%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1}

100%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0}

}

.rotateOutDownLeft{
-webkit-animation-name:rotateOutDownLeft;
animation-name:rotateOutDownLeft}

@-webkit-keyframes rotateOutDownRight{
0%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1}

100%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0}

}

@keyframes rotateOutDownRight{
0%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1}

100%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0}

}

.rotateOutDownRight{
-webkit-animation-name:rotateOutDownRight;
animation-name:rotateOutDownRight}

@-webkit-keyframes rotateOutUpLeft{
0%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1}

100%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0}

}

@keyframes rotateOutUpLeft{
0%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1}

100%{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0}

}

.rotateOutUpLeft{
-webkit-animation-name:rotateOutUpLeft;
animation-name:rotateOutUpLeft}

@-webkit-keyframes rotateOutUpRight{
0%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1}

100%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0}

}

@keyframes rotateOutUpRight{
0%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1}

100%{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0}

}

.rotateOutUpRight{
-webkit-animation-name:rotateOutUpRight;
animation-name:rotateOutUpRight}

@-webkit-keyframes hinge{
0%{
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}

20%,60%{
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}

40%,80%{
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1}

100%{
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0}

}

@keyframes hinge{
0%{
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}

20%,60%{
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}

40%,80%{
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1}

100%{
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0}

}

.hinge{
-webkit-animation-name:hinge;
animation-name:hinge}

@-webkit-keyframes rollIn{
0%{
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

@keyframes rollIn{
0%{
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}

100%{
opacity:1;
-webkit-transform:none;
transform:none}

}

.rollIn{
-webkit-animation-name:rollIn;
animation-name:rollIn}

@-webkit-keyframes rollOut{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}

}

@keyframes rollOut{
0%{
opacity:1}

100%{
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}

}

.rollOut{
-webkit-animation-name:rollOut;
animation-name:rollOut}

@-webkit-keyframes zoomIn{
0%{
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)}

50%{
opacity:1}

}

@keyframes zoomIn{
0%{
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)}

50%{
opacity:1}

}

.zoomIn{
-webkit-animation-name:zoomIn;
animation-name:zoomIn}

@-webkit-keyframes zoomInDown{
0%{
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

60%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}

}

@keyframes zoomInDown{
0%{
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

60%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}

}

.zoomInDown{
-webkit-animation-name:zoomInDown;
animation-name:zoomInDown}

@-webkit-keyframes zoomInLeft{
0%{
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

60%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}

}

@keyframes zoomInLeft{
0%{
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

60%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}

}

.zoomInLeft{
-webkit-animation-name:zoomInLeft;
animation-name:zoomInLeft}

@-webkit-keyframes zoomInRight{
0%{
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

60%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}

}

@keyframes zoomInRight{
0%{
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

60%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}

}

.zoomInRight{
-webkit-animation-name:zoomInRight;
animation-name:zoomInRight}

@-webkit-keyframes zoomInUp{
0%{
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

60%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}

}

@keyframes zoomInUp{
0%{
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

60%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}

}

.zoomInUp{
-webkit-animation-name:zoomInUp;
animation-name:zoomInUp}

@-webkit-keyframes zoomOut{
0%{
opacity:1}

50%{
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)}

100%{
opacity:0}

}

@keyframes zoomOut{
0%{
opacity:1}

50%{
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)}

100%{
opacity:0}

}

.zoomOut{
-webkit-animation-name:zoomOut;
animation-name:zoomOut}

@-webkit-keyframes zoomOutDown{
40%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

100%{
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}

}

@keyframes zoomOutDown{
40%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

100%{
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}

}

.zoomOutDown{
-webkit-animation-name:zoomOutDown;
animation-name:zoomOutDown}

@-webkit-keyframes zoomOutLeft{
40%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}

100%{
opacity:0;
-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
transform:scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center}

}

@keyframes zoomOutLeft{
40%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}

100%{
opacity:0;
-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
transform:scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center}

}

.zoomOutLeft{
-webkit-animation-name:zoomOutLeft;
animation-name:zoomOutLeft}

@-webkit-keyframes zoomOutRight{
40%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}

100%{
opacity:0;
-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
transform:scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center}

}

@keyframes zoomOutRight{
40%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}

100%{
opacity:0;
-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
transform:scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center}

}

.zoomOutRight{
-webkit-animation-name:zoomOutRight;
animation-name:zoomOutRight}

@-webkit-keyframes zoomOutUp{
40%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

100%{
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}

}

@keyframes zoomOutUp{
40%{
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

100%{
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}

}

.zoomOutUp{
-webkit-animation-name:zoomOutUp;
animation-name:zoomOutUp}

@-webkit-keyframes slideInDown{
0%{
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
visibility:visible}

100%{
-webkit-transform:translateY(0);
transform:translateY(0)}

}

@keyframes slideInDown{
0%{
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
visibility:visible}

100%{
-webkit-transform:translateY(0);
transform:translateY(0)}

}

.slideInDown{
-webkit-animation-name:slideInDown;
animation-name:slideInDown}

@-webkit-keyframes slideInLeft{
0%{
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
visibility:visible}

100%{
-webkit-transform:translateX(0);
transform:translateX(0)}

}

@keyframes slideInLeft{
0%{
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
visibility:visible}

100%{
-webkit-transform:translateX(0);
transform:translateX(0)}

}

.slideInLeft{
-webkit-animation-name:slideInLeft;
animation-name:slideInLeft}

@-webkit-keyframes slideInRight{
0%{
-webkit-transform:translateX(100%);
transform:translateX(100%);
visibility:visible}

100%{
-webkit-transform:translateX(0);
transform:translateX(0)}

}

@keyframes slideInRight{
0%{
-webkit-transform:translateX(100%);
transform:translateX(100%);
visibility:visible}

100%{
-webkit-transform:translateX(0);
transform:translateX(0)}

}

.slideInRight{
-webkit-animation-name:slideInRight;
animation-name:slideInRight}

@-webkit-keyframes slideInUp{
0%{
-webkit-transform:translateY(100%);
transform:translateY(100%);
visibility:visible}

100%{
-webkit-transform:translateY(0);
transform:translateY(0)}

}

@keyframes slideInUp{
0%{
-webkit-transform:translateY(100%);
transform:translateY(100%);
visibility:visible}

100%{
-webkit-transform:translateY(0);
transform:translateY(0)}

}

.slideInUp{
-webkit-animation-name:slideInUp;
animation-name:slideInUp}

@-webkit-keyframes slideOutDown{
0%{
-webkit-transform:translateY(0);
transform:translateY(0)}

100%{
visibility:hidden;
-webkit-transform:translateY(100%);
transform:translateY(100%)}

}

@keyframes slideOutDown{
0%{
-webkit-transform:translateY(0);
transform:translateY(0)}

100%{
visibility:hidden;
-webkit-transform:translateY(100%);
transform:translateY(100%)}

}

.slideOutDown{
-webkit-animation-name:slideOutDown;
animation-name:slideOutDown}

@-webkit-keyframes slideOutLeft{
0%{
-webkit-transform:translateX(0);
transform:translateX(0)}

100%{
visibility:hidden;
-webkit-transform:translateX(-100%);
transform:translateX(-100%)}

}

@keyframes slideOutLeft{
0%{
-webkit-transform:translateX(0);
transform:translateX(0)}

100%{
visibility:hidden;
-webkit-transform:translateX(-100%);
transform:translateX(-100%)}

}

.slideOutLeft{
-webkit-animation-name:slideOutLeft;
animation-name:slideOutLeft}

@-webkit-keyframes slideOutRight{
0%{
-webkit-transform:translateX(0);
transform:translateX(0)}

100%{
visibility:hidden;
-webkit-transform:translateX(100%);
transform:translateX(100%)}

}

@keyframes slideOutRight{
0%{
-webkit-transform:translateX(0);
transform:translateX(0)}

100%{
visibility:hidden;
-webkit-transform:translateX(100%);
transform:translateX(100%)}

}

.slideOutRight{
-webkit-animation-name:slideOutRight;
animation-name:slideOutRight}

@-webkit-keyframes slideOutUp{
0%{
-webkit-transform:translateY(0);
transform:translateY(0)}

100%{
visibility:hidden;
-webkit-transform:translateY(-100%);
transform:translateY(-100%)}

}

@keyframes slideOutUp{
0%{
-webkit-transform:translateY(0);
transform:translateY(0)}

100%{
visibility:hidden;
-webkit-transform:translateY(-100%);
transform:translateY(-100%)}

}

.slideOutUp{
-webkit-animation-name:slideOutUp;
animation-name:slideOutUp}

a.button {
    background: #ff052a;
    border: 2px solid #9B9B9B;
    font-family: "trdGtCn18",Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding: 12px 16px;
    position: relative;
    text-transform: uppercase;
    font-size: 1.400em;
    line-height: 1.71429em
}

@media only screen and (max-width: 599px){
a.button{
padding:6px 12px}
}

a.button:hover,a.button.over{
background:#c07b23;
color:#000000}

a.button:hover:before,a.button:hover:after,a.button.over:before,a.button.over:after{
content:"";
position:absolute;
z-index:-1;
top:50%;
bottom:0;
left:10px;
right:10px}

a.register{
background:#fff200}

a.login{
background:#fff}

a.register,a.login{
color:#db8282;
font-family:"trdGtCn18",Arial,Helvetica,sans-serif;
padding:8px 16px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font-size:0.875em;
line-height:1.71429em}

a.register:hover,a.register.over,a.login:hover,a.login.over{
-moz-box-shadow:#fff 0 0 20px;
-webkit-box-shadow:#fff 0 0 20px;
box-shadow:#fff 0 0 20px}

button.button {
    background: #ff6533;
    border: 2px solid #ff6533;
    border-radius: 50px;
    color: #673434;
    font-family: adumu;
    padding: 12px 16px;
    position: relative;
    font-size: 1.400em;
    letter-spacing: 1px;
    line-height: 1.71429em;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media only screen and (max-width: 599px){
button.button{
padding:6px 12px}

}

button.button:hover, button.button.over {
    background: #ff6533;
    border: 2px solid #673434;
    color: #ffffff
}

button.button:hover:before,button.button:hover:after,button.button.over:before,button.button.over:after{
content:"";
position:absolute;
z-index:-1;
top:50%;
bottom:0;
left:10px;
right:10px}

.header-wrapper {
    position: absolute;
    top: 0;
    background: #c99e67;
    width: 100%
}

.site-header {
    background: #c99e67;
    height: 6.05em;
    padding-top: 0.85em;
    padding-bottom: 0.85em;
    top: 0;
    clear: both;
    width: 100%;
    float: left;
    z-index: 999
}

@media only screen and (max-width: 599px) and (orientation: portrait){
.site-header{
height:auto;
padding-bottom:1em}

}

.site-header .container{
height:100%}

.site-header h1{
width:50%;
float:left;
padding-left:1.04167%;
padding-right:1.04167%;
height:100%;
margin-bottom:0}

@media only screen and (max-width: 599px){
.site-header h1{
width:41.66667%;
float:left;
padding-left:1.04167%;
padding-right:1.04167%}

}

@media only screen and (max-width: 599px) and (orientation: portrait){
.site-header h1{
clear:both;
width:83.33333%;
float:left;
margin-left:8.33333%;
margin-right:-100%;
padding-left:1.04167%;
padding-right:1.04167%;
text-align:center}

}

.site-header h1.logo{
height:200%}

.site-header h1.logo a{
background:url('../img/logo.png?1419007387') no-repeat center left;
background-size:contain;
display:block;
height:100%;
width:208px;
}

@media only screen and (max-width: 599px){
.site-header h1.logo a{
width:100%}

}

.ie8 .site-header h1.logo a{
-ms-behavior:url(/js/backgroundsize.min.htc)}

@media only screen and (max-width: 599px) and (orientation: portrait){
.site-header h1.logo a{
background-position:center center;
clear:both;
width:100%;
float:left;
padding-left:1.04167%;
padding-right:1.04167%}

}

.site-header .secondary-nav{
width:50%;
float:right;
padding-left:1.04167%;
padding-right:1.04167%;
height:100%;
display:none}

@media only screen and (max-width: 599px){
.site-header .secondary-nav{
width:50%;
float:left;
padding-left:1.04167%;
padding-right:1.04167%}

}

@media only screen and (max-width: 599px) and (orientation: portrait){
.site-header .secondary-nav{
clear:both;
width:83.33333%;
float:left;
padding-left:1.04167%;
padding-right:1.04167%}

}

.site-header .secondary-nav ul{
text-align:right;
margin:0;
padding:0;
border:0;
overflow:hidden;
*zoom:1;
overflow:visible}

.site-header .secondary-nav ul li{
list-style-image:none;
list-style-type:none;
margin-left:0;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
*zoom:1;
*display:inline;
white-space:nowrap;
padding-left:0;
padding-right:0}

@media only screen and (max-width: 599px) and (orientation: portrait){
.site-header .secondary-nav ul{
margin-bottom:1em;
margin-top:1em;
text-align:left}

}

.site-header .secondary-nav ul li:first-child{
margin-right:0.75em}

@media only screen and (max-width: 599px){
.site-header .secondary-nav ul li:first-child{
margin-right:0.5em}

}


::-webkit-input-placeholder{
color:#a2a2a2;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1}

:-moz-placeholder{
color:#a2a2a2;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1}

::-moz-placeholder{
color:#a2a2a2;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1}

:-ms-input-placeholder{
color:#a2a2a2;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1}

button{
cursor:pointer}

label{
display:block;
margin-bottom:1em}

label.inline{
width:50%;
float:left}

input, select, textarea {
    background: #fff;
    border: 1px solid #3c2c25;
    color: #555;
    font-family: Arial,Helvetica,sans-serif;
    height: 40px;
    margin-bottom: 1.25em;
    margin-top: 0;
    padding: 4px 8px;
    width: 100%;
    font-size: 0.875em;
    line-height: 1.71429em
}

input:focus,select:focus,textarea:focus{
-moz-box-shadow:rgba(0,0,0,0.25) 0 0 5px;
-webkit-box-shadow:rgba(0,0,0,0.25) 0 0 5px;
box-shadow:rgba(0,0,0,0.25) 0 0 5px}

input[disabled='disabled'],input[readonly='readonly'],select[disabled='disabled'],select[readonly='readonly'],textarea[disabled='disabled'],textarea[readonly='readonly']{
background:#fff}

.inline input,.inline select,.inline textarea{
height:auto;
width:auto}

input.error,select.error,textarea.error{
border:1px solid #db8282}

input[type=file]{
border:none;
padding:0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0}

textarea{
height:150px;
resize:none}

.error-msg{
color:#db8282;
display:none}

body#cartao-presente section.content{
margin-bottom:0}

section#mediabox article{
margin-bottom:0}

body#cartao-presente section#mediabox header{
margin-top:12%;
margin-bottom:2em;
text-align:center}

@media only screen and (max-width: 599px){
body#cartao-presente section#mediabox header{
margin-top:17%;
margin-bottom:1em}

}

@media only screen and (max-width: 599px) and (orientation: portrait){
body#cartao-presente section#mediabox header{
margin-top:22%;
margin-bottom:0}

}

@media only screen and (min-width: 600px) and (max-width: 900px){
body#cartao-presente section#mediabox header{
margin-top:12%}

}

body#cartao-presente section#mediabox .photo{
width:57.44681%;
float:left;
margin-right:2.12766%}

@media only screen and (max-width: 599px){
body#cartao-presente section#mediabox .photo{
width:48.93617%;
float:left;
margin-right:2.12766%;
margin-left:0%}

}

@media only screen and (max-width: 599px) and (orientation: portrait){
body#cartao-presente section#mediabox .photo{
width:100%;
float:left;
margin-left:0;
margin-right:0}

}

@media only screen and (min-width: 600px) and (max-width: 900px){
body#cartao-presente section#mediabox .photo{
margin-left:0%}

}

body#cartao-presente section#mediabox .photo img{
height:auto;
width:80%}

body#cartao-presente section#mediabox .text{
width:36.17021%;
float:right;
margin-right:0;
margin-right:4.16667%}

@media only screen and (max-width: 599px){
body#cartao-presente section#mediabox .text{
width:44.68085%;
float:right;
margin-right:0;
margin-left:0%;
margin-right:0%}

}

@media only screen and (max-width: 599px) and (orientation: portrait){
body#cartao-presente section#mediabox .text{
width:100%;
float:right;
margin-right:0;
margin-left:0%}

}

@media only screen and (min-width: 600px) and (max-width: 900px){
body#cartao-presente section#mediabox .text{
width:40.42553%;
float:right;
margin-right:0;
margin-right:0%}

}

body#cartao-presente section#mediabox h1{
font-size:1.5625em;
line-height:1.248em;
font-family:"trdGtBdCn20",Arial,Helvetica,sans-serif;
margin-bottom:0.5em;
margin-top:3.5em}

@media only screen and (max-width: 599px){
body#cartao-presente section#mediabox h1{
margin-top:0}

}

@media only screen and (min-width: 600px) and (max-width: 900px){
body#cartao-presente section#mediabox h1{
margin-top:2.5em}

}

@media only screen and (min-width: 600px) and (max-width: 699px){
body#cartao-presente section#mediabox h1{
margin-top:1em}

}

body#cartao-presente section#mediabox p{
font-size:0.8125em;
line-height:1.84615em;
font-family:Arial,Helvetica,sans-serif;
margin-bottom:2em}

@media only screen and (max-width: 599px){
body#cartao-presente section#mediabox p{
font-size:0.8125em;
line-height:1.29231em;
margin-bottom:1.5em}

}

@media only screen and (min-width: 600px) and (max-width: 900px){
body#cartao-presente section#mediabox p{
font-size:0.8125em;
line-height:1.29231em;
margin-bottom:1.5em}

}

@media only screen and (max-width: 599px){
body#cartao-presente section#mediabox a.button{
font-size:0.75em;
line-height:1.6em}

}


article.about {
    //background: rgb(229,0,0);
    //background: linear-gradient(0deg, rgba(229,0,0,1) 0%, rgba(79,0,0,1) 50%, rgba(0,0,0,1) 100%, rgba(183,0,0,1) 100%, rgba(0,0,0,1) 100%);
    //background: rgb(0,0,0);
    //background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(79,0,0,1) 25%, rgba(229,0,0,1) 50%, rgba(183,0,0,1) 75%, rgba(0,0,0,1) 100%);
    //background: rgb(0,0,0);
    //background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(79,0,0,1) 35%, rgba(229,0,0,1) 63%, rgba(183,0,0,1) 80%, rgba(0,0,0,1) 100%);
    //background: rgb(0,0,0);
    //background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(80,1,1,1) 5%, rgba(229,0,0,1) 12%, rgba(183,0,0,1) 19%, rgba(0,0,0,1) 25%);
    //background: rgb(0, 19, 59);
    //background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(80,1,1,1) 3%, rgba(229,0,0,1) 6%, rgba(183,0,0,1) 9%, rgba(0,0,0,1) 12%);
    //background: #190605;
    //background-image: url("../img/pattern.png");
    //background-repeat: no-repeat;
    //background-size: cover;
    background-color: #673434;
    //opacity: 0.4;
    margin-bottom: -2em;
    padding-top: 1em;
}

@media only screen and (max-width: 599px){
article.about{
margin-top:0}

}

@media only screen and (min-width: 600px) and (max-width: 900px){
article.about{
margin-top:-1em}

}

article.about ul{
*zoom:1;
clear:both}

article.about ul:after{
content:"";
display:table;
clear:both}

    article.about ul li {
        clear: both;
        width: 100%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%;
        height: auto;
        padding-bottom: 0.5em;
        padding-top: 1em;
        color: #FDFDFD;
        font-family: Consolas;
        font-size: 15px;
        line-height: 0.96em
    }

@media only screen and (max-width: 599px){
article.about ul li{
height:auto;
width:100%;
float:left;
padding-left:1.04167%;
padding-right:1.04167%;
margin-bottom:1em}

article.about ul li:nth-child(1n+1){
margin-left:0;
margin-right:-100%;
clear:none}

article.about ul li:nth-child(n+1){
clear:both}

}

article.about ul li h2{
margin-bottom:0.5em;
font-family:"spartan",Arial,Helvetica,sans-serif;
font-size:1.5625em;
line-height:0.96em}

article.about ul li p{
clear:both;
color:#ffffff;
font-family:"spartan",Arial,Helvetica,sans-serif;
margin-bottom:0;
font-size:0.35em;

}

body#cartao-presente-saldo section#mediabox header{
margin-top:3%;
text-align:center}

@media only screen and (max-width: 599px){
body#cartao-presente-saldo section#mediabox header{
margin-top:3%;
margin-bottom:1em}

}

@media only screen and (max-width: 599px) and (orientation: portrait){
body#cartao-presente-saldo section#mediabox header{
margin-top:3%}

}

@media only screen and (min-width: 600px) and (max-width: 900px){
body#cartao-presente-saldo section#mediabox header{
margin-top:3%}

}

body#cartao-presente-saldo section#mediabox .photo{
width:48.93617%;
float:left;
margin-right:2.12766%;
margin-left:4.16667%}

@media only screen and (max-width: 599px){
body#cartao-presente-saldo section#mediabox .photo{
width:44.68085%;
float:left;
margin-right:2.12766%;
margin-left:0%;
margin-right:4.16667%}

}

@media only screen and (max-width: 599px) and (orientation: portrait){
body#cartao-presente-saldo section#mediabox .photo{
width:100%;
float:left;
margin-left:0;
margin-right:0;
margin-right:0%}

}

@media only screen and (min-width: 600px) and (max-width: 900px){
body#cartao-presente-saldo section#mediabox .photo{
margin-left:0%}

}

body#cartao-presente-saldo section#mediabox .photo img{
height:auto;
width:80%}

body#cartao-presente-saldo section#mediabox .texto-validacao {
    font-family: 'trdGtBdCn20',Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: red;
    font-weight: normal;
}

body#cartao-presente-saldo section#mediabox form{
width:36.17021%;
float:right;
margin-right:0;
margin-left:4.16667%;
margin-right:4.16667%;
margin-top:2em}

@media only screen and (max-width: 599px){
body#cartao-presente-saldo section#mediabox form{
width:48.93617%;
float:right;
margin-right:0;
margin-left:0%;
margin-right:0%;
margin-top:1em;
margin-bottom:1em}

}

@media only screen and (max-width: 599px) and (orientation: portrait){
body#cartao-presente-saldo section#mediabox form{
width:100%;
float:right;
margin-right:0;
margin-left:0%}

}

@media only screen and (min-width: 600px) and (max-width: 900px){
body#cartao-presente-saldo section#mediabox form{
width:40.42553%;
float:right;
margin-right:0;
margin-right:0%;
margin-top:0}

}

body#cartao-presente-saldo section#mediabox form button{
width:100%}

body#cartao-presente-saldo section#mediabox form #divQuadro{
float:left;
margin-right:1em}

body#cartao-presente-saldo section#mediabox form #divQuadro img{
width:20px}

.ie8 body#cartao-presente-saldo section#mediabox form #divQuadro img{
width:20px}

body#cartao-presente-saldo section#mediabox h1{
font-size:1.5625em;
line-height:1.44em;
font-family:"trdGtBdCn20",Arial,Helvetica,sans-serif;
margin-bottom:0em}

body#cartao-presente-saldo section#mediabox h2{
font-size:0.8125em;
line-height:2.21538em;
font-family:"trdGtCn18",Arial,Helvetica,sans-serif;
margin-bottom:0.5em;
margin-top:1em;
margin-right:8.33333%}

@media only screen and (max-width: 599px){
body#cartao-presente-saldo section#mediabox h2{
margin-top:1em}

}

body#cartao-presente-saldo section#mediabox p{
font-size:0.75em;
line-height:1.6em;
font-family:Arial,Helvetica,sans-serif;
margin-bottom:0;
margin-right:8.33333%}

body#cartao-presente-saldo section#mediabox p.saldo{
margin-right:0%;
margin-bottom:2em;
text-align:center}

body#cartao-presente-saldo section#mediabox p.saldo strong{
font-family:Arial,Helvetica,sans-serif;
font-weight:bold}

body#cartao-presente-saldo section#mediabox table {
    border: 1px solid #3c2c25;
    margin-bottom: 1em;
    width: 100%
}

    body#cartao-presente-saldo section#mediabox table th, body#cartao-presente-saldo section#mediabox table td {
        border: 1px solid #3c2c25;
        font-size: 0.75em;
        line-height: 2em;
        padding: 0.5em 1em;
        font-family: Verdana;
        color: #000;
        background: #c99e67;
        text-align: center;
        font-weight: bold;
    }

    body#cartao-presente-saldo section#mediabox table thead th {
        background: #3c2c25;
        color: #FFF;
        font-family: Verdana;
        font-size: 0.8125em;
        line-height: 1.84615em;
        text-align: center;
        text-align: center;
    }

@media only screen and (max-width: 599px){
    body#cartao-presente-saldo section#mediabox table {
        display: block
    }

    body#cartao-presente-saldo section#mediabox table thead,body#cartao-presente-saldo section#mediabox table tbody,body#cartao-presente-saldo section#mediabox table th,body#cartao-presente-saldo section#mediabox table td,body#cartao-presente-saldo section#mediabox table tr{
    display:block}

        body#cartao-presente-saldo section#mediabox table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px
        }

        body#cartao-presente-saldo section#mediabox table tbody tr {
            padding-bottom: 10px
        }

        body#cartao-presente-saldo section#mediabox table tbody td {
            border: 1px solid #FFF;
            color: #3c2c25;
            background: #c99e67;
            font-family: Verdana;
            position: relative;
            padding-left: 50%;
            white-space: normal;
            text-align: left
        }

            body#cartao-presente-saldo section#mediabox table tbody td:before {
                color: #FFF;
                background: #3c2c25;
                font-family: Verdana;
                content: attr(data-title);
                height: 100%;
                top: 0;
                left: 0;
                padding-right: 10px;
                padding-top: 7px;
                position: absolute;
                text-align: right;
                white-space: nowrap;
                width: 47%;
                font-size: 1.08312em;
                line-height: 1.66186em;
                font-weight: bold;
            }
}

@media only screen and (min-width: 600px) and (max-width: 699px){
    body#cartao-presente-saldo section#mediabox table{
    display:block}

    body#cartao-presente-saldo section#mediabox table thead,body#cartao-presente-saldo section#mediabox table tbody,body#cartao-presente-saldo section#mediabox table th,body#cartao-presente-saldo section#mediabox table td,body#cartao-presente-saldo section#mediabox table tr{
    display:block}

    body#cartao-presente-saldo section#mediabox table thead tr{
    position:absolute;
    top:-9999px;
    left:-9999px}

        body#cartao-presente-saldo section#mediabox table tbody tr {
            padding-bottom: 10px
        }

        body#cartao-presente-saldo section#mediabox table tbody td {
            border: 1px solid #FFF;
            color: #3c2c25;
            background: #c99e67;
            font-family: Verdana;
            position: relative;
            padding-left: 50%;
            white-space: normal;
            text-align: left;
        }

            body#cartao-presente-saldo section#mediabox table tbody td:before {
                color: #FFF;
                background: #3c2c25;
                content: attr(data-title);
                height: 100%;
                top: 0;
                left: 0;
                padding-right: 10px;
                padding-top: 7px;
                position: absolute;
                text-align: right;
                white-space: nowrap;
                width: 47%;
                font-size: 1.08312em;
                line-height: 1.38488em
            }

}