@-moz-keyframes gsf-icon-spinner{to{-moz-transform:rotate(-360deg)}}@-webkit-keyframes gsf-icon-spinner{to{-webkit-transform:rotate(-360deg)}}@keyframes gsf-icon-spinner{to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.gid-wrap{line-height:1.7;color:#2a2a2a;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px}.gid-wrap *{box-sizing:border-box}.gid-row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.gid-col{padding-right:15px;padding-left:15px}.gid-col-4{flex:0 0 33.333333%;max-width:33.333333%}@media screen and (max-width:768px){.gid-col-4{flex:0 0 100%;max-width:100%}}.gid-message-box{margin-bottom:30px}.gid-message-box p{font-size:16px;margin-bottom:10px}.gid-message-box ul{list-style:disc;padding-left:2rem}.gid-demo-item{background-color:#fff;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.13);-moz-box-shadow:0 1px 4px 0 rgba(0,0,0,.13);box-shadow:0 1px 4px 0 rgba(0,0,0,.13);margin-bottom:25px;position:relative}.gid-demo-item figure{padding:0;margin:0;position:relative}.gid-demo-item img{width:100%}.gid-demo-item-body{padding:10px 15px;display:-webkit-box;display:-ms-flexbox;display:flex}.gid-demo-item-body.gid-demo-item-body button+button{margin-left:10px}.gid-demo-item-name{font-weight:700;font-size:14px;line-height:28px;margin-right:auto}.gid-demo-item figure a{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:block;width:100px;line-height:30px;height:30px;text-align:center;background-color:rgba(34,34,34,.6);color:#eee;text-decoration:none;font-weight:700;border-radius:5px;opacity:0;visibility:hidden;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.gid-demo-item figure a:hover{background-color:rgba(34,34,34,.8);color:#fff}.gid-demo-item:hover figure a{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}i.gsf-icon-spinner{animation-name:gsf-icon-spinner;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;width:1em;height:1em;vertical-align:middle}