body { position: relative; overflow-x:hidden; -webkit-overflow-scrolling:touch; width:100%; height:100%; zoom:1; }
#container section > article { position:relative; z-index:100; }
#container section { overflow:hidden; position:relative; }
#container section > .slide_overlay { width:100%; height:100%; position:absolute; top:0; left:0; }

.nav-trigger { display:none; cursor:pointer; position:fixed; z-index:999999; top:10px; right:10px; text-align:center; width:60px; height:60px; line-height:60px; border-radius:100%; -webkit-border-radius:100%; background:#FFF; color:#333; font-size:30px;  }
.nav-trigger:hover { background:#333; color:#FFF; }

#loading{height:100%;background:#EEEEEE;display:;z-index:999999;position:fixed;top:0;left:0;width:100%;height:100%;transition:all ease 0.5s;-webkit-transition:all ease 0.5s}
#glow{animation:5s glow infinite;-webkit-animation:5s glow infinite;height:500px;width:500px;position:absolute;left:50%;top:50%;margin-top:-250px;margin-left:-250px;}
#glow{background: #EEEEEE; background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #EEEEEE 50%); background: -webkit-gradient(radial, center center, 0px, center center, 50%, color-stop(0%,#FFFFFF), color-stop(50%,#EEEEEE)); background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#EEEEEE 50%); background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#EEEEEE 50%); background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#EEEEEE 50%); background: radial-gradient(ellipse at center,  #FFFFFF 0%,#EEEEEE 50%); }
#load{animation:0.4s load infinite;-webkit-animation:0.4s load infinite;position:absolute;position:absolute;left:50%;top:50%;margin-top:-81px;margin-left:-81px;z-index:1}
#circle{width:140px;height:140px;margin:-70px 0 0 -70px;top:50%;left:50%;position:absolute;background:url() no-repeat center transparent;border-radius:140px;-webkit-border-radius:140px;z-index:2}
#loader_percent{position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);font-size:20px;text-align:center;color:#333333;width:100%;}
#loader_barre { height:20px; width:0%; position:absolute; top:0; left:0; background-color:#FFFFFF; }

@keyframes glow{ 0%{transform:scale(1);-webkit-transform:scale(1)} 25%{transform:scale(1.2);-webkit-transform:scale(1.2)} 50%{transform:scale(.9);-webkit-transform:scale(.9)} 75%{transform:scale(1.2);-webkit-transform:scale(1.2)} 100%{transform:scale(1);-webkit-transform:scale(1)} }
@keyframes load{ 0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)} 25%{transform:rotate(90deg);-webkit-transform:rotate(90deg)} 50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)} 75%{transform:rotate(270deg);-webkit-transform:rotate(270deg)} 100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);} }
@-webkit-keyframes glow{ 0%{transform:scale(1);-webkit-transform:scale(1)} 25%{transform:scale(1.2);-webkit-transform:scale(1.2)} 50%{transform:scale(.9);-webkit-transform:scale(.9)} 75%{transform:scale(1.2);-webkit-transform:scale(1.2)} 100%{transform:scale(1);-webkit-transform:scale(1)} }
@-webkit-keyframes load{ 0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)} 25%{transform:rotate(90deg);-webkit-transform:rotate(90deg)} 50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)} 75%{transform:rotate(270deg);-webkit-transform:rotate(270deg)} 100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);} }

.object_hide { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

#mask { display:none; top:0; left:0; width:100%; height:100%; z-index:999999; position:fixed; background:#F9F9F9; }
#mask .close_mask { position:absolute; top:0px; right:0px; font-size:60px; padding:5px 5px 25px 25px; z-index:2; background:#333333; color:#FFFFFF; border-radius:0 0 0 100%; }
#mask .close_mask:hover { color:#333333; background:#FFFFFF; }
#mask .content_mask { z-index:1; width:95%; height:90%; background:#FFFFFF; top:5%; left:2.5%; position:relative; overflow-y:auto; overflow-x:hidden; }
#mask .html_mask { padding:20px; }

.alert { display:block; margin:15px 0; padding:8px 16px; text-align:center; }
.alert.alert-danger { background:red; color:#FFFFFF; }
.alert.background-material-light-green-A400 { background:#009900; color:#FFFFFF; }