set_4.css

.set_4_button1{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 25px;line-height:45px;border:1px solid #fff;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#FFF;margin-right:2.5em}.set_4_button1.raised{-webkit-transition:all 0.1s;-moz-transition:all 0.1s;transition:all 0.1s;background:#666}.set_4_button1.raised:active{background:#515151;box-shadow:0px 1px 1px #063e6b}.anim{position:absolute;top:50%;left:50%;z-index:-1;-webkit-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.anim:before{position:relative;content:'';display:block;margin-top:100%}.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}.clickable .toggle:checked+.anim{-webkit-animation:anim-in 0.75s; -moz-animation:anim-in 0.75s;animation:anim-in 0.75s}.clickable .toggle:checked+.anim:after{-webkit-animation:anim-in-pseudo 0.75s; -moz-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s}.clickable .toggle:not(:checked)+.anim{-webkit-animation:anim-out 0.75s; -moz-animation:anim-out 0.75s;animation:anim-out 0.75s}.clickable .toggle:not(:checked)+.anim:after{-webkit-animation:anim-out-pseudo 0.75s; -moz-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s}.hoverable:hover >.anim{-webkit-animation:anim-out 0.75s; -moz-animation:anim-out 0.75s;animation:anim-out 0.75s}.hoverable:hover >.anim:after{-webkit-animation:anim-out-pseudo 0.75s; -moz-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s}@-webkit-keyframes anim-in{ 0%{width:0%}100%{width:100%}}@-moz-keyframes anim-in{ 0%{width:0%}100%{width:100%}}@-ms-keyframes anim-in{ 0%{width:0%}100%{width:100%}}@keyframes anim-in{ 0%{width:0%}100%{width:100%}}@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-moz-keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-ms-keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-webkit-keyframes anim-out{0%{width:0%}100%{width:100%}}@-moz-keyframes anim-out{ 0%{width:0%}100%{width:100%}}@-ms-keyframes anim-out{ 0%{width:0%}100%{width:100%}}@keyframes anim-out{ 0%{width:0%}100%{width:100%}}@-webkit-keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-moz-keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-ms-keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}.set_4_button2{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 25px;line-height:45px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#2e2302;margin-right:2.5em}.set_4_button2.raised{-webkit-transition:all 0.1s;-moz-transition:all 0.1s;transition:all 0.1s;background:#f8c013}.set_4_button2.raised:active{background:#515151;box-shadow:0px 1px 1px #063e6b}.anim{position:absolute;top:50%;left:50%;z-index:-1;-webkit-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.anim:before{position:relative;content:'';display:block;margin-top:100%}.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}.clickable .toggle:checked+.anim{-webkit-animation:anim-in 0.75s; -moz-animation:anim-in 0.75s;animation:anim-in 0.75s}.clickable .toggle:checked+.anim:after{-webkit-animation:anim-in-pseudo 0.75s; -moz-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s}.clickable .toggle:not(:checked)+.anim{-webkit-animation:anim-out 0.75s; -moz-animation:anim-out 0.75s;animation:anim-out 0.75s}.clickable .toggle:not(:checked)+.anim:after{-webkit-animation:anim-out-pseudo 0.75s; -moz-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s}.hoverable:hover >.anim{-webkit-animation:anim-out 0.75s; -moz-animation:anim-out 0.75s;animation:anim-out 0.75s}.hoverable:hover >.anim:after{-webkit-animation:anim-out-pseudo 0.75s; -moz-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s}@-webkit-keyframes anim-in{ 0%{width:0%}100%{width:100%}}@-moz-keyframes anim-in{ 0%{width:0%}100%{width:100%}}@-ms-keyframes anim-in{ 0%{width:0%}100%{width:100%}}@keyframes anim-in{ 0%{width:0%}100%{width:100%}}@-webkit-keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-moz-keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-ms-keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-webkit-keyframes anim-out{ 0%{width:0%}100%{width:100%}}@-moz-keyframes anim-out{ 0%{width:0%}100%{width:100%}}@-ms-keyframes anim-out{ 0%{width:0%}100%{width:100%}}@keyframes anim-out{ 0%{width:0%}100%{width:100%}}@-webkit-keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-moz-keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-ms-keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}.set_4_button3{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 25px;line-height:45px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#fff;margin-right:2.5em}.set_4_button3.raised{background:#f2625a;-webkit-transition:all 0.1s; -moz-transition:all 0.1s;transition:all 0.1s}.set_4_button3.raised:active{background:#515151;box-shadow:0px 1px 1px #063e6b}.anim{position:absolute;top:50%;left:50%;z-index:-1;-webkit-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.anim:before{position:relative;content:'';display:block;margin-top:100%}.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}.clickable .toggle:checked+.anim{-webkit-animation:anim-in 0.75s; -moz-animation:anim-in 0.75s;animation:anim-in 0.75s}.clickable .toggle:checked+.anim:after{-webkit-animation:anim-in-pseudo 0.75s; -moz-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s}.clickable .toggle:not(:checked)+.anim{-webkit-animation:anim-out 0.75s; -moz-animation:anim-out 0.75s;animation:anim-out 0.75s}.clickable .toggle:not(:checked)+.anim:after{-webkit-animation:anim-out-pseudo 0.75s; -moz-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s}.hoverable:hover >.anim{-webkit-animation:anim-out 0.75s; -moz-animation:anim-out 0.75s;animation:anim-out 0.75s}.hoverable:hover >.anim:after{-webkit-animation:anim-out-pseudo 0.75s; -moz-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s}@-webkit-keyframes anim-in{0%{width:0%}100%{width:100%}}@-moz-keyframes anim-in{ 0%{width:0%}100%{width:100%}}@-ms-keyframes anim-in{ 0%{width:0%}100%{width:100%}}@keyframes anim-in{ 0%{width:0%}100%{width:100%}}@-webkit-keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-moz-keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-webkit-keyframes anim-out{ 0%{width:0%}100%{width:100%}}@-moz-keyframes anim-out{ 0%{width:0%}100%{width:100%}}@-ms-keyframes anim-out{ 0%{width:0%}100%{width:100%}}@keyframes anim-out{ 0%{width:0%}100%{width:100%}}@-webkit-keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-moz-keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-ms-keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}.set_4_button4{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 25px;line-height:45px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#252b2d;margin-right:2.5em}.set_4_button4.raised{-webkit-transition:all 0.1s;-moz-transition:all 0.1s;transition:all 0.1s;background:#b9ccd2}.set_4_button4.raised:active{background:#515151;box-shadow:0px 1px 1px #063e6b}.anim{position:absolute;top:50%;left:50%;z-index:-1;-webkit-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.anim:before{position:relative;content:'';display:block;margin-top:100%}.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}.clickable .toggle:checked+.anim{-webkit-animation:anim-in 0.75s; -moz-animation:anim-in 0.75s;animation:anim-in 0.75s}.clickable .toggle:checked+.anim:after{-webkit-animation:anim-in-pseudo 0.75s; -moz-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s}.clickable .toggle:not(:checked)+.anim{-webkit-animation:anim-out 0.75s; -moz-animation:anim-out 0.75s;animation:anim-out 0.75s}.clickable .toggle:not(:checked)+.anim:after{-webkit-animation:anim-out-pseudo 0.75s; -moz-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s}.hoverable:hover >.anim{-webkit-animation:anim-out 0.75s; -moz-animation:anim-out 0.75s;animation:anim-out 0.75s}.hoverable:hover >.anim:after{-webkit-animation:anim-out-pseudo 0.75s; -moz-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s}@-webkit-keyframes anim-in{ 0%{width:0%}100%{width:100%}}@-moz-keyframes anim-in{ 0%{width:0%}100%{width:100%}}@-ms-keyframes anim-in{ 0%{width:0%}100%{width:100%}}@keyframes anim-in{ 0%{width:0%}100%{width:100%}}@-webkit-keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-moz-keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-ms-keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@keyframes anim-in-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-webkit-keyframes anim-out{ 0%{width:0%}100%{width:100%}}@-moz-keyframes anim-out{ 0%{width:0%}100%{width:100%}}@-ms-keyframes anim-out{ 0%{width:0%}100%{width:100%}}@keyframes anim-out{ 0%{width:0%}100%{width:100%}}@-webkit-keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-moz-keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@-ms-keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}@keyframes anim-out-pseudo{ 0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}