/* Start Notify stack CSS code */ #doonotify-notice-wrapper { position:fixed; top:20px; right:20px; width:301px; z-index:999999; } .doonotify-item-wrapper { position:relative; margin:0 0 10px 0; background:url('../files/notifyAssets/ie-spacer.gif'); /* ie7/8 fix */ } .doonotify-top { background:url(../files/notifyAssets/doonotify.png) no-repeat left -30px; height:10px; z-index:9999999; } .doonotify-item-wrapper { color:#eee !important; } .doonotify-item-wrapper p{ color:#eee !important; } .doonotify-item { display:block; background:rgba(0,0,0,0.8); padding:12px 11px 18px 11px; font-family:arial !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ text-align: left; } .hover .doonotify-item { padding:10px 11px 18px 9px; border: 2px solid #ffffff; } .stacks_in_326hidden-image{ width: 48px; height: 48px; overflow: hidden; } .stacks_in_326hidden-image img{ width: 100%; height: auto; } .doonotify-image { width:48px; height:48px; float:left; margin-right: 10px; overflow: hidden; } .doonotify-image img { width:100%; height:auto; } .doonotify-with-image, .doonotify-without-image { padding:0; } .doonotify-with-image { width:216px; float:left; } .doonotify-item p { padding:0; margin:0; word-wrap:break-word !important; font-size: 13px; font-weight: 400 !important; line-height: normal !important; } .doonotify-close { display:none; position:absolute; top:5px; left:3px; background:url(../files/notifyAssets/doonotify.png) no-repeat left top; cursor:pointer; width:30px; height:30px; text-indent:-9999em; z-index:9999999; } .doonotify-title { font-size:14px !important; line-height: normal !important; font-weight:bold !important; padding:0 0 7px 0; display:block; text-shadow:1px 1px 0 #000; /* Not supported by IE :( */ text-align: left; } /* for the light (white) version of the doonotify notice */ .doonotify-light .doonotify-item { background:rgba(255,255,255,0.8); color: #222 !important; } .doonotify-light p{ color: #222 !important; } .doonotify-light .doonotify-title { text-shadow: none; text-align: left; color: #222 !important; } .doonotify-light .doonotify-item:hover { border: 2px solid #2d2d2d; color: #222 !important; } .stacks_in_326clear{ clear:both; height: 0; margin: 0; padding: 0; } @media all and (max-width: 1024px) { .doonotify-close { display:block; left:100%; margin-left: -32px; } #doonotify-notice-wrapper { position:fixed; top:0px; left:0px; width:100%; } .doonotify-item, .doonotify-light .doonotify-item { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .hover .doonotify-item { padding:12px 11px 18px 11px; border: none; } .doonotify-light .doonotify-item:hover { padding:12px 11px 18px 11px; border: none; } } /* end media query */ /* ####################################### */ /* Edit Mode Theme Style */ /* ####################################### */ /* ####################################### */ /* If not edit mode below */ /* ####################################### */ #stacks_in_326 div{ display: none; height: 0; margin: 0; padding: 0; } /* End Notify stack CSS code *//* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_170Calligrapher{ line-height: normal !important; } /* ----------------------------------------- Google ----------------------------------------- */ .stacks_in_170Calligrapher, .stacks_in_170Calligrapher h1, .stacks_in_170Calligrapher h2, .stacks_in_170Calligrapher h3, .stacks_in_170Calligrapher h4, .stacks_in_170Calligrapher h5, .stacks_in_170Calligrapher h6{ font-family: "Economica" !important; } /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_170targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ /* End Calligrapher stack CSS code */ /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_252Calligrapher{ font-size: 100% !important; color: #333333 !important; font-weight: normal !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0px !important; word-spacing: 0 !important; text-indent:none; text-align: center !important; } .stacks_in_252Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold !important; } .stacks_in_252Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold !important; } .stacks_in_252Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold !important; } .stacks_in_252Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold !important; } .stacks_in_252Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold !important; } .stacks_in_252Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold !important; } .stacks_in_252Calligrapher h6, .stacks_in_252Calligrapher h5, .stacks_in_252Calligrapher h4, .stacks_in_252Calligrapher h3, .stacks_in_252Calligrapher h2, .stacks_in_252Calligrapher h1{ color: #000000 !important; } /* ----------------------------------------- Google ----------------------------------------- */ .stacks_in_252Calligrapher, .stacks_in_252Calligrapher h1, .stacks_in_252Calligrapher h2, .stacks_in_252Calligrapher h3, .stacks_in_252Calligrapher h4, .stacks_in_252Calligrapher h5, .stacks_in_252Calligrapher h6{ font-family: "Economica" !important; } /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_252targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_252Calligrapher a:link{ color: #124A7A !important; text-decoration: none !important; } .stacks_in_252Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_252Calligrapher a:active{ color: #124A7A !important; } .stacks_in_252Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code *//* */ #stacks_in_222 { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; } #stacks_in_222 {width: 100%; font-size: 14px;} #stacks_in_222,#stacks_in_222 * {line-height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #stacks_in_222 .robotNick{display:none!important} #stacks_in_222 label{display:none} #stacks_in_222 label.keepIt{text-align:left;display:inline-block;width:100%;padding-left:5px} #stacks_in_222 select{color:#aaa}.php{display:none} #stacks_in_222 .info{color:#00529B;background-color:#BDE5F8} #stacks_in_222 .success{color:#4F8A10;background-color:#DFF2BF} #stacks_in_222 .warning{color:#9F6000;background-color:#FEEFB3} #stacks_in_222 .error{color:#D8000C;background-color:#FFBABA} #stacks_in_222 textarea{resize:vertical;} #stacks_in_222 .submitMessage, #stacks_in_222 .errorMessage { background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); width: 100%; border: 1px solid; color: #fff !important; padding: 10px 15px; animation: animate-bg 5s linear infinite; -webkit-animation: animate-bg 5s linear infinite; -moz-animation: animate-bg 5s linear infinite; border-radius:3px; max-width: 301px; } #stacks_in_222 .info { background-color: #61b832; border-color: #3b8eb5; } #stacks_in_222 .error, #stacks_in_222 .errorMessage { background-color: #CC3333; border-color: rgba(0,0,0,0.25); } #stacks_in_222 .warning { background-color: #eaaf51; border-color: #d99a36; } #stacks_in_222 .success { background-color: #9AC3CB; border-color: rgba(0,0,0,0.25); padding: 10px 15px 5px 15px; } #stacks_in_222 .submitMessage h3 { margin: 0 0 5px 0 !important; } #stacks_in_222 .submitMessage p { margin: 0; } @keyframes animate-bg { from { background-position: 0 0; } to { background-position: -80px 0; } } @-webkit-keyframes animate-bg { from { background-position: 0 0; } to { background-position: -80px 0; } } @-moz-keyframes animate-bg { from { background-position: 0 0; } to { background-position: -80px 0; } } /* ---------------------------------------- */ #stacks_in_222 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_222 a { text-decoration: none; } #stacks_in_222 .header-stacks_in_222, #stacks_in_222 form { /* padding: 15px 10%;*/ padding: 15px 50px; } #stacks_in_222 form { background: #F1F1F1; background: transparent; } #stacks_in_222 form .note { display: block; font-size: 85%; color: #a2a2a2; margin: 0 0 5px 10px; } #stacks_in_222 .header-stacks_in_222 { background-color: #077ABC; color: white; text-align: center; } #stacks_in_222 .header-stacks_in_222 h1 { font-weight: 400; text-transform: uppercase; font-size: 36px; margin-bottom: 10px; } #stacks_in_222 .header-stacks_in_222 h1 i { color: #055a8b; } #stacks_in_222 .header-stacks_in_222 h1 span { font-weight: 300; } #stacks_in_222 .header-stacks_in_222 p { font-weight: 400; font-size: 16px; color: rgba(255, 255, 255, 0.9); letter-spacing: .05em; margin-bottom: 10px; } #stacks_in_222 .header-stacks_in_222 h3, #stacks_in_222 .header-stacks_in_222 h3 a { color: #32CCFE; } #stacks_in_222 .header-stacks_in_222 h3 a, #stacks_in_222 .header-stacks_in_222 h3 a a { -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; } #stacks_in_222 .header-stacks_in_222 h3 a:hover, #stacks_in_222 .header-stacks_in_222 h3 a a:hover { color: white; } #stacks_in_222 #stacks_in_222 form-group { margin-bottom: 20px; } #stacks_in_222 .heading { font-weight: 300; text-align: left; border-bottom: 1px solid; padding-bottom: 3px; margin-bottom: 15px; display: block; } #stacks_in_222 h1.heading { font-size: 20px; } #stacks_in_222 h2.heading { font-size: 18px; } #stacks_in_222 h3.heading { font-size: 18px; border-bottom: 0px solid; } #stacks_in_222 h4.heading { font-size: 16px; border-bottom: 0px solid; } #stacks_in_222 em.heading { font-weight: 300; border: 0px solid; margin: 0; padding: 0; } #stacks_in_222 strong.heading { font-weight: bold; border: 0px solid; margin: 0; padding: 0; padding-bottom: 3px; margin-bottom: 15px; } #stacks_in_222 span.heading { font-weight: 300; border: 0px solid; margin: 0; padding: 0; padding-bottom: 3px; margin-bottom: 15px; } #stacks_in_222 .controls { text-align: left; position: relative; margin-bottom: 15px; width: 100%; max-width: 301px; } #stacks_in_222 .controls .fileUpload { position: relative; overflow: hidden; padding: 12px; border: 1px solid #c6c6c6; margin-bottom: 0px; font-size: 14px; font-weight: 300; background-color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #7F7F7F; border: none; color: #fff; padding: 0px 0; line-height: 44px; width: 96px; vertical-align: bottom; margin: 0; box-shadow: 0px 0px 0px rgba(0,0,0,0); } #stacks_in_222 .controls .fileUpload:active { box-shadow: 0 0 0 2000px rgba(0,0,0,0.22) inset; } #stacks_in_222 .controls .fileUpload input.upload { position: absolute; height: 44px; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } #stacks_in_222 input.upload.hasError { border-color: red; opacity: 1 !important; } #stacks_in_222 .controls input[type="text"], #stacks_in_222 .controls input[type="email"], #stacks_in_222 .controls input[type="tel"], #stacks_in_222 .controls input[type="url"], #stacks_in_222 .controls input[type="date"], #stacks_in_222 .controls input[type="number"], #stacks_in_222 .controls input[disabled="disabled"], #stacks_in_222 .controls input[readonly], #stacks_in_222 .controls textarea, #stacks_in_222 .controls > button, #stacks_in_222 .controls select { padding: 12px; font-size: 14px; border: 1px solid #FFFFFF; max-width: 301px; width: 100%; margin-bottom: 0px; color: #000000; font-size: 16px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; background-color: #F1F1F1; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin: 0; height: auto; } #stacks_in_222 .controls select { line-height: 22px; padding: 10px 12px; } #stacks_in_222 .controls input:-webkit-autofill, #stacks_in_222 .controls textarea:-webkit-autofill, #stacks_in_222 .controls select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #F1F1F1 inset; color: #333333 !important; } #stacks_in_222 .controls input:disabled { color: #333333 !important; } #stacks_in_222 .controls input[disabled="disabled"] { width: 201px; opacity: 1; } #stacks_in_222 .controls input[type="text"].hasError, #stacks_in_222 .controls input[type="email"].hasError, #stacks_in_222 .controls input[type="tel"].hasError, #stacks_in_222 .controls input[type="url"].hasError, #stacks_in_222 .controls input[type="date"].hasError, #stacks_in_222 .controls input[type="number"].hasError, #stacks_in_222 .controls textarea.hasError, #stacks_in_222 .controls button.hasError, #stacks_in_222 .controls select.hasError { border-color: red; } #stacks_in_222 .controls textarea { margin-bottom: 2px; white-space: pre-line; padding-top: 12px; } #stacks_in_222 .controls input[type="text"]:focus,#stacks_in_222 .controls input[type="text"]:hover, #stacks_in_222 .controls input[type="email"]:focus, #stacks_in_222 .controls input[type="email"]:hover, #stacks_in_222 .controls input[type="tel"]:focus, #stacks_in_222 .controls input[type="tel"]:hover, #stacks_in_222 .controls textarea:focus, #stacks_in_222 .controls textarea:hover, #stacks_in_222 .controls button:focus, #stacks_in_222 .controls button:hover, #stacks_in_222 .controls select:focus, #stacks_in_222 .controls select:hover { outline: none; border-color: #FFFFFF; } #stacks_in_222 .controls input[type="text"]:focus + label, #stacks_in_222 .controls input[type="text"]:hover + label, #stacks_in_222 .controls input[type="email"]:focus + label, #stacks_in_222 .controls input[type="email"]:hover + label, #stacks_in_222 .controls input[type="tel"]:focus + label, #stacks_in_222 .controls input[type="tel"]:hover + label, #stacks_in_222 .controls textarea:focus + label, #stacks_in_222 .controls textarea:hover + label, #stacks_in_222 .controls button:focus + label, #stacks_in_222 .controls button:hover + label, #stacks_in_222 .controls select:focus + label, #stacks_in_222 .controls select:hover + label { color: #333333; cursor: text; } #stacks_in_222 .controls .dateIcon { position: absolute; right: 10px; top: 14px; fill: #333333; width: 16px; height: 16px; pointer-events: none; } #stacks_in_222 .controls select { -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } #stacks_in_222 div[type="stacks-pin"] { display: none; } #stacks_in_222 .controls label { position: absolute; left: 8px; top: 12px; color: #333333; border-radius: 3px; font-size: 16px; line-height: 22px; display: inline-block; padding: 0px 10px 0px; font-weight: 400; background-color: rgba(255, 255, 255, 0); -moz-transition: color 0.3s, top 0.3s, background-color 0.8s; -o-transition: color 0.3s, top 0.3s, background-color 0.8s; -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s; transition: color 0.3s, top 0.3s, background-color 0.8s; /* white-space: nowrap;*/ } #stacks_in_222 .controls .dummyLabel { color: #333333; } #stacks_in_222 .controls label.active { top: -11px; color: #333333; background-color: #F1F1F1; } #stacks_in_222 .controls textarea { resize: none; height: 200px; } #stacks_in_222 .controls > button { cursor: pointer; background-color: #7F7F7F; border: none; color: #fff; padding: 12px 0; } #stacks_in_222 .controls > button:hover { background-color: #7F7F7F; } #stacks_in_222 .controls input[type=checkbox] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; } #stacks_in_222 .controls input[type=checkbox]:after { cursor: pointer; content: " "; background-color: #F1F1F1; display: inline-block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid #FFFFFF; line-height: 20px; text-align: center; position: relative; left: 0px; } #stacks_in_222 .controls input[type=checkbox]:checked:after { content: "\2714"; color: #000000; } #stacks_in_222 .label { display: inline; padding: 12px; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; position: absolute; left: -40px; background: inherit; } #stacks_in_222 form > span { display: inline-block; max-width: 301px; line-height: 1.1; vertical-align: middle; font-size: 90%; white-space: normal; } #stacks_in_222 form .help i { display: inline-block; position: relative; height: 20px; width: 20px; line-height: 16px; font-size: 16px; padding-top: 1px; text-align: center; color: #a2a2a2; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(0,0,0,0.3); background: #f7f7f6 -moz-linear-gradient(#ffffff, #ededec); background: #f7f7f6 -webkit-linear-gradient(#ffffff, #ededec); background: #f7f7f6 linear-gradient(#ffffff, #ededec); cursor: default; font-style: normal; } #stacks_in_222 form .help i:hover { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-color: #585854; background: #585854 -moz-linear-gradient(#6d6d67, #60605b); background: #585854 -webkit-linear-gradient(#6d6d67, #60605b); background: #585854 linear-gradient(#6d6d67, #60605b); } #stacks_in_222 form .help i:after { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97); opacity: 0.97; content: ""; height: 0; width: 0; border-style: solid; border-width: 0 9px 8px 9px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #6d6d67; position: absolute; bottom: -11px; left: -2px; z-index: 2; } #stacks_in_222 form .help > span { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97); opacity: 0.97; position: absolute; left: 5px; top: 40px; z-index: 1; width: 160px; padding: 7px 10px 9px 10px; margin: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(#6d6d67, #585854 20%); background: -webkit-linear-gradient(#6d6d67, #585854 20%); background: linear-gradient(#6d6d67, #585854 20%); /* general */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF585854', endColorstr='#FF585854'); /* IE */ background-color: #585854; /* fallback */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6D6D67', endColorstr='#FF585854'); color: white; border-color: #585854; text-align: left; line-height: 1.2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } #stacks_in_222 form .help i:hover:after { display: block; } #stacks_in_222 form .help i:hover ~ span { display: block; white-space: normal; } #stacks_in_222 form .note { display: block; font-size: 85%; color: #333333; margin: 5px 0 0 5px; max-width: 260px; } #stacks_in_222 form .hint, #stacks_in_222 form .message { position: relative; left: 0; color: #6f6f6f; padding: 9px 10px 7px 10px; margin-left: 10px; background: -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: linear-gradient(#ffffff, #f7f7f6 30%); /* general */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F7F6', endColorstr='#FFF7F7F6'); /* IE */ background-color: #f7f7f6; /* fallback */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF7F7F6'); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.3); vertical-align: top; } #stacks_in_222 form .hint:before, #stacks_in_222 form .hint:after, #stacks_in_222 form .message:before, #stacks_in_222 form .message:after { content: ""; display: block; height: 0; width: 0; border-style: solid; border-width: 8px 8px 8px 0; border-color: rgba(255, 255, 255, 0) #f7f7f6 rgba(255, 255, 255, 0); position: absolute; top: 14px; left: -8px; margin-top: -8px; z-index: 2; } #stacks_in_222 form .hint:after, #stacks_in_222 form .message:after { border-right-color: rgba(0,0,0,0.3); left: -9px; z-index: 1; } #stacks_in_222 form .hint { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 0; left: 320px; } #stacks_in_222 form .hint.always_visible { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; position: relative; left: 0; } #stacks_in_222 form .message ~ .hint { display: none; } #stacks_in_222 form .controls input:focus ~ .hint, #stacks_in_222 form .controls select:focus ~ .hint, #stacks_in_222 form .controls textarea:focus ~ .hint{ -moz-transition: all 0.29s ease; -o-transition: all 0.29s ease; -webkit-transition: all 0.29s ease; transition: all 0.29s ease; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; left: 100%; width: 100%; } #stacks_in_222 form .controls input:focus ~ .hint.always_visible, #stacks_in_222 form .controls select:focus ~ .hint.always_visible, #stacks_in_222 form .controls textarea:focus ~ .hint.always_visible { left: 0; } #stacks_in_222 form .success .message, #stacks_in_222 form .warning .message, #stacks_in_222 form .error .message { padding-left: 29px; max-width: 261px; } #stacks_in_222 form .success .message { background: #f7f7f6 url(http://convergeui.jaromircoufal.cz/success_icon.png) no-repeat 8px 6px; background: url(http://convergeui.jaromircoufal.cz/success_icon.png) no-repeat 8px 6px, -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/success_icon.png) no-repeat 8px 6px, -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/success_icon.png) no-repeat 8px 6px, linear-gradient(#ffffff, #f7f7f6 30%); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#00FFFFFF'); } #stacks_in_222 form .warning .message { background: #f7f7f6 url(http://convergeui.jaromircoufal.cz/warning_icon.png) no-repeat 7px 6px; background: url(http://convergeui.jaromircoufal.cz/warning_icon.png) no-repeat 7px 6px, -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/warning_icon.png) no-repeat 7px 6px, -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/warning_icon.png) no-repeat 7px 6px, linear-gradient(#ffffff, #f7f7f6 30%); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#00FFFFFF'); } #stacks_in_222 form .error .message { background: #f7f7f6 url(http://convergeui.jaromircoufal.cz/error_icon.png) no-repeat 7px 6px; background: url(http://convergeui.jaromircoufal.cz/error_icon.png) no-repeat 7px 6px, -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/error_icon.png) no-repeat 7px 6px, -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: url(http://convergeui.jaromircoufal.cz/error_icon.png) no-repeat 7px 6px, linear-gradient(#ffffff, #f7f7f6 30%); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#00FFFFFF'); } #stacks_in_222 .captchaImage { vertical-align: middle; border-radius: 3px; width: 50px; height: 24px; text-align: center; float: right; box-sizing: content-box; border-width: 10px 0px; } #stacks_in_222 .controls input[type="text"].captchaSize { max-width: 225px; } /* ======================================= NARROW MODE ======================================= */ /* ======================================= RESPONSIVE ======================================= */ #stacks_in_222 form.labels_top .label { float: none; text-align: left; display: inline-block; width: auto; } #stacks_in_222 form.labels_top .label label { padding: 0 8px 0 0; line-height: 1.8; } #stacks_in_222 form.labels_top .label.help i { /* position: absolute; right: -13px; top: 2px; */ } #stacks_in_222 form.labels_top .label.help > span { left: 60%; top: 27px; } #stacks_in_222 form.labels_top .value { padding-top: 2px; } #stacks_in_222 form.labels_top .required label:after { right: 0; top: 0; } #stacks_in_222 form.labels_top .required label.help i { right: -19px; } /* #stacks_in_222 form.labels_top .input { margin: 0 0 5px 0; } */ #stacks_in_222 form.messages_bottom .note { display: block; padding: 10px 10px 6px 10px; margin: 0; border: 1px solid rgba(0,0,0,0.3); border-top-width: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; position: relative; top: -10px; } #stacks_in_222 form.messages_bottom .hint ~ .note, #stacks_in_222 form.messages_bottom .message ~ .note { top: -4px; padding-top: 7px; border-top-width: 1px; } #stacks_in_222 form.messages_bottom .message ~ .hint { display: none; } #stacks_in_222 form.messages_bottom .hint, #stacks_in_222 form.messages_bottom .message { display: block; position: relative; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin: 3px 0 0 0; } #stacks_in_222 form.messages_bottom .hint:before, #stacks_in_222 form.messages_bottom .hint:after, #stacks_in_222 form.messages_bottom .message:before, #stacks_in_222 form.messages_bottom .message:after { border-width: 0 8px 8px 8px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) white; top: 0; left: auto; right: 20px; } #stacks_in_222 form.messages_bottom .hint:after, #stacks_in_222 form.messages_bottom .message:after { top: -1px; left: auto; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(0,0,0,0.3); } #stacks_in_222 form.messages_bottom .hint:hover, #stacks_in_222 form.messages_bottom .message:hover { left: 0; } #stacks_in_222 form.messages_bottom .controls input:focus ~ .hint, #stacks_in_222 form.messages_bottom .controls select:focus ~ .hint, #stacks_in_222 form.messages_bottom .controls textarea:focus ~ .hint { left: 0; } #stacks_in_222 form.messages_bottom .success .message, #stacks_in_222 form.messages_bottom .warning .message, #stacks_in_222 form.messages_bottom .error .message { display: block; margin: 3px 0 0 0; } #stacks_in_222 form.messages_bottom .success .message ~ .hint, #stacks_in_222 form.messages_bottom .warning .message ~ .hint, #stacks_in_222 form.messages_bottom .error .message ~ .hint { margin: 0; position: relative; top: -2px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; } #stacks_in_222 form.messages_bottom .success .message ~ .hint:before, #stacks_in_222 form.messages_bottom .success .message ~ .hint:after, #stacks_in_222 form.messages_bottom .warning .message ~ .hint:before, #stacks_in_222 form.messages_bottom .warning .message ~ .hint:after, #stacks_in_222 form.messages_bottom .error .message ~ .hint:before, #stacks_in_222 form.messages_bottom .error .message ~ .hint:after { display: none; } @media screen and (max-width: 1024px) { #stacks_in_222 form .label { float: none; text-align: left; display: inline-block; width: auto; } #stacks_in_222 form .label label { padding: 0 8px 0 0; line-height: 1.8; } #stacks_in_222 form .label.help i { /* position: absolute; right: -13px; top: 2px; */ } #stacks_in_222 form .label.help > span { left: 60%; top: 27px; } #stacks_in_222 form .value { padding-top: 2px; } #stacks_in_222 form .required label:after { right: 0; top: 0; } #stacks_in_222 form .required label.help i { /* right: -19px;*/ } /* #stacks_in_222 form .input { margin: 0 0 5px 0; } */ } /* ======================================= 768px MEDIA QUERY ======================================= */ @media screen and (max-width: 768px) { #stacks_in_222 form .label { float: none; text-align: left; display: inline-block; width: auto; } #stacks_in_222 form .label label { padding: 0 8px 0 0; line-height: 1.8; } #stacks_in_222 form .label.help i { /* position: absolute; right: -13px; top: 2px; */ } #stacks_in_222 form .label.help > span { left: 60%; top: 27px; } #stacks_in_222 form .value { padding-top: 2px; } #stacks_in_222 form .required label:after { right: 0; top: 0; } #stacks_in_222 form .required label.help i { /* right: -19px;*/ } /* #stacks_in_222 form .input { margin: 0 0 5px 0; } */ #stacks_in_222 form .note { display: block; padding: 10px 10px 6px 10px; margin: 0; border: 1px solid rgba(0,0,0,0.3); border-top-width: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; position: relative; max-width: 301px; } #stacks_in_222 form .hint ~ .note, #stacks_in_222 form .message ~ .note { top: -4px; padding-top: 7px; border-top-width: 1px; } #stacks_in_222 form .message ~ .hint { display: none; } #stacks_in_222 form .hint, #stacks_in_222 form .message { display: block; position: relative; left: 0; max-width: 301px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin: 3px 0 0 0; } #stacks_in_222 form .hint:before, #stacks_in_222 form .hint:after, #stacks_in_222 form .message:before, #stacks_in_222 form .message:after { border-width: 0 8px 8px 8px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) white; top: 0; left: auto; right: 20px; } #stacks_in_222 form .hint:after, #stacks_in_222 form .message:after { top: -1px; left: auto; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(0,0,0,0.3); } #stacks_in_222 form .hint:hover, #stacks_in_222 form .message:hover { left: 0; } #stacks_in_222 form .controls input:focus ~ .hint, #stacks_in_222 form .controls select:focus ~ .hint, #stacks_in_222 form .controls textarea:focus ~ .hint { left: 0; } #stacks_in_222 form .success .message, #stacks_in_222 form .warning .message, #stacks_in_222 form .error .message { display: block; margin: 3px 0 0 0; } #stacks_in_222 form .success .message ~ .hint, #stacks_in_222 form .warning .message ~ .hint, #stacks_in_222 form .error .message ~ .hint { margin: 0; position: relative; top: -2px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; } #stacks_in_222 form .success .message ~ .hint:before, #stacks_in_222 form .success .message ~ .hint:after, #stacks_in_222 form .warning .message ~ .hint:before, #stacks_in_222 form .warning .message ~ .hint:after, #stacks_in_222 form .error .message ~ .hint:before, #stacks_in_222 form .error .message ~ .hint:after { display: none; } #stacks_in_222 .controls .fileUpload { position: absolute; right: 0px; width: 100px; top: 0px; } #stacks_in_222 .controls input[disabled="disabled"] { width: 100%; } #stacks_in_222 .captchaImage { margin: 0 auto; display: block; /* width: 100px;*/ height: auto; } #stacks_in_222 .controls { max-width: 301px; } #stacks_in_222 form .label.help > span { left: 10px; top: 41px; } #stacks_in_222 .controls input[type="text"].captchaSize { max-width: 100%; } #stacks_in_222 .captchaImage { width: 50px; position: absolute; z-index: 1; right: 0px; top: 0px; } } /* ======================================= EXTRA NARROW MODE ======================================= */ #stacks_in_222 form .label { float: none; text-align: left; display: inline-block; width: auto; } #stacks_in_222 form .label label { padding: 0 8px 0 0; line-height: 1.8; } #stacks_in_222 form .label.help i { } #stacks_in_222 form .label.help > span { left: 60%; top: 27px; } #stacks_in_222 form .value { padding-top: 2px; } #stacks_in_222 form .required label:after { right: 0; top: 0; } #stacks_in_222 form .required label.help i { } #stacks_in_222 form .note { display: block; padding: 10px 10px 6px 10px; margin: 0; border: 1px solid rgba(0,0,0,0.3); border-top-width: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; position: relative; max-width: 301px; } #stacks_in_222 form .hint ~ .note, #stacks_in_222 form .message ~ .note { top: -4px; padding-top: 7px; border-top-width: 1px; } #stacks_in_222 form .message ~ .hint { display: none; } #stacks_in_222 form .hint, #stacks_in_222 form .message { display: block; position: relative; left: 0; max-width: 301px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin: 3px 0 0 0; } #stacks_in_222 form .hint:before, #stacks_in_222 form .hint:after, #stacks_in_222 form .message:before, #stacks_in_222 form .message:after { border-width: 0 8px 8px 8px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) white; top: 0; left: auto; right: 20px; } #stacks_in_222 form .hint:after, #stacks_in_222 form .message:after { top: -1px; left: auto; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(0,0,0,0.3); } #stacks_in_222 form .hint:hover, #stacks_in_222 form .message:hover { left: 0; } #stacks_in_222 form .controls input:focus ~ .hint, #stacks_in_222 form .controls select:focus ~ .hint, #stacks_in_222 form .controls textarea:focus ~ .hint { left: 0; } #stacks_in_222 form .success .message, #stacks_in_222 form .warning .message, #stacks_in_222 form .error .message { display: block; margin: 3px 0 0 0; } #stacks_in_222 form .success .message ~ .hint, #stacks_in_222 form .warning .message ~ .hint, #stacks_in_222 form .error .message ~ .hint { margin: 0; position: relative; top: -2px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; } #stacks_in_222 form .success .message ~ .hint:before, #stacks_in_222 form .success .message ~ .hint:after, #stacks_in_222 form .warning .message ~ .hint:before, #stacks_in_222 form .warning .message ~ .hint:after, #stacks_in_222 form .error .message ~ .hint:before, #stacks_in_222 form .error .message ~ .hint:after { display: none; } #stacks_in_222 .controls .fileUpload { position: absolute; right: 0px; width: 100px; top: 0px; } #stacks_in_222 .controls input[disabled="disabled"] { width: 100%; } #stacks_in_222 .captchaImage { margin: 0 auto; display: block; /* width: 100px;*/ height: auto; } #stacks_in_222 .submitMessage, #stacks_in_222 .errorMessage, #stacks_in_222 .controls, #stacks_in_222 form > span, #stacks_in_222 form .hint, #stacks_in_222 form .note, #stacks_in_222 .controls input[type="text"], #stacks_in_222 .controls input[type="email"], #stacks_in_222 .controls input[type="tel"], #stacks_in_222 .controls input[type="url"], #stacks_in_222 .controls input[type="date"], #stacks_in_222 .controls input[type="number"], #stacks_in_222 .controls input[disabled="disabled"], #stacks_in_222 .controls input[readonly], #stacks_in_222 .controls textarea, #stacks_in_222 .controls > button, #stacks_in_222 .controls select, #stacks_in_222 .controls input[type="text"].captchaSize { max-width: 100%; } #stacks_in_222 .header-stacks_in_222, #stacks_in_222 form { padding: 15px 40px; } #stacks_in_222 form .label.help > span { left: 10px; top: 41px; } #stacks_in_222 .captchaImage { width: 50px; position: absolute; z-index: 1; right: 0px; top: 0px; } /* ======================================= CUSTOM FIT MODE ======================================= */ /* ======================================= Autoreply ======================================= */ #stacks_in_222 .autoreply { border-radius: 4px; background: #1656a5; padding: 5px; } #stacks_in_222 .autoreply h5 { color: #999; margin: 10px 0px 5px 0px; padding: 0px; font-size: 20px; line-height: 22px; } #stacks_in_222 .autoreply .title { color: #f1f1f1; font-size: 22px; line-height: 24px; display: block; padding: 15px; box-sizing: border-box; } #stacks_in_222 .autoreply .content { padding: 20px; display: block; background: #f1f1f1; } #stacks_in_222 .autoreply {display: none;} #stacks_in_222 .autoreply {display: none;} #stacks_in_222 .bootstrap-datetimepicker-widget table td span { line-height: 54px !important; } #stacks_in_222 .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5em !important; } #stacks_in_222 .bootstrap-datetimepicker-widget table td.active { color: #fff !important; } #stacks_in_222 .hideSlice { display: none !important; } /* ======================================= Customization / More Styles / Advanced Styles ======================================= */ /* ======================================= IE tweaks ======================================= */ .ie8 #stacks_in_222 form .help i:hover:after { display: none; } .ie8 #stacks_in_222 form .help > span { top: 25px; } .ie8 #stacks_in_222 form.labels_top .help > span { top: 20px; } .ie8 #stacks_in_222 form .hint:before, .ie8 #stacks_in_222 form .hint:after, .ie8 #stacks_in_222 form .message:before, .ie8 #stacks_in_222 form .message:after { display: none; } .ie8 #stacks_in_222 form .hint { display: none; } .ie8 #stacks_in_222 form .hint.always_visible { display: inline-block; } .ie8 #stacks_in_222 form .controls input:focus ~ .hint, .ie8 #stacks_in_222 form .controls select:focus ~ .hint, .ie8 #stacks_in_222 form .controls textarea:focus ~ .hint { display: block; } .ie8 #stacks_in_222 form .controls input:focus ~ .hint.always_visible, .ie8 #stacks_in_222 form .controls select:focus ~ .hint.always_visible, .ie8 #stacks_in_222 form .controls textarea:focus ~ .hint.always_visible { display: inline-block; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:3000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.bootstrap-datetimepicker-widget:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:100%;font-weight:bold;font-size:1.2em}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#999}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td.active:hover:hover,.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active,.bootstrap-datetimepicker-widget td.active.disabled,.bootstrap-datetimepicker-widget td.active:hover.disabled,.bootstrap-datetimepicker-widget td.active[disabled],.bootstrap-datetimepicker-widget td.active:hover[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td span.active:hover,.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active,.bootstrap-datetimepicker-widget td span.active.disabled,.bootstrap-datetimepicker-widget td span.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td span.old{color:#999}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget th.switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px} #stacks_in_222 .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #stacks_in_222 table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } #stacks_in_222 .collapse.in { height: auto; } #stacks_in_222 .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } #stacks_in_222 .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } #stacks_in_222 .hiddenFormSubmit { display: none; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_247Calligrapher{ font-size: 100% !important; color: #333333 !important; font-weight: normal !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0px !important; word-spacing: 0 !important; text-indent:none; text-align: center !important; } .stacks_in_247Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold !important; } .stacks_in_247Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold !important; } .stacks_in_247Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold !important; } .stacks_in_247Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold !important; } .stacks_in_247Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold !important; } .stacks_in_247Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold !important; } .stacks_in_247Calligrapher h6, .stacks_in_247Calligrapher h5, .stacks_in_247Calligrapher h4, .stacks_in_247Calligrapher h3, .stacks_in_247Calligrapher h2, .stacks_in_247Calligrapher h1{ color: #000000 !important; } /* ----------------------------------------- Google ----------------------------------------- */ .stacks_in_247Calligrapher, .stacks_in_247Calligrapher h1, .stacks_in_247Calligrapher h2, .stacks_in_247Calligrapher h3, .stacks_in_247Calligrapher h4, .stacks_in_247Calligrapher h5, .stacks_in_247Calligrapher h6{ font-family: "Economica" !important; } /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_247targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_247Calligrapher a:link{ color: #124A7A !important; text-decoration: none !important; } .stacks_in_247Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_247Calligrapher a:active{ color: #124A7A !important; } .stacks_in_247Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code *//* * Super Forms - Input * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ #stacks_in_233 { overflow: visible; display: inline-block; width: 100%; } #stacks_in_233 .controls.hidden { display: none; } #stacks_in_233 .controls.hidden.field-number { display: block; opacity: .8; } /* * Super Forms - Email * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ #stacks_in_231 { overflow: visible; display: inline-block; width: 100%; } /* * Super Forms - Input * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ #stacks_in_234 { overflow: visible; display: inline-block; width: 100%; } #stacks_in_234 .controls.hidden { display: none; } #stacks_in_234 .controls.hidden.field-number { display: block; opacity: .8; } /* * Super Forms - Textarea * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.3 */ #stacks_in_229 { overflow: visible; display: inline-block; width: 100%; } #g-captcha { position: absolute; pointer-events: none; left: 0; width: 50px; bottom: 0; opacity: 0; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ #site-title{ font-size: 100% !important; color: #333333 !important; font-weight: normal !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0px !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } /* ----------------------------------------- Google ----------------------------------------- */ #site-title{ font-family: "Economica" !important; } /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_271targetNote{ display: none; } .stacks_in_271Calligrapher{ display: none; } .stacks_in_271targetNote{ padding: 20px; margin: 10px; border: 1px solid #000000; border-radius: 5px; color: #ffffff !important; background: #333333; display: block; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_271Calligrapher a:link{ color: #124A7A !important; text-decoration: none !important; } .stacks_in_271Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_271Calligrapher a:active{ color: #124A7A !important; } .stacks_in_271Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code */@import url(http://weloveiconfonts.com/api/?family=brandico|entypo|fontawesome|fontelico|iconicfill|iconicstroke|maki|openwebicons|typicons|zocial); p#stacks_in_273.none, h1#stacks_in_273.none, h2#stacks_in_273.none, h3#stacks_in_273.none, h4#stacks_in_273.none, h5#stacks_in_273.none, h6#stacks_in_273.none { text-align: center !important; } #stacks_in_273 { text-align: center !important; } /* brandico */ #stacks_in_273 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 3em; color:#FC6666; line-height: 1em; } #stacks_in_273 [class*="brandico-"]:hover:before { color:#7F7F7F; } /* entypo */ #stacks_in_273 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 3em; color:#FC6666; line-height: 1em; } #stacks_in_273 [class*="entypo-"]:hover:before { color:#7F7F7F; } /* fontawesome */ #stacks_in_273 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 3em; color:#FC6666; line-height: 1em; } #stacks_in_273 [class*="fontawesome-"]:hover:before { color:#7F7F7F; } /* fontelico */ #stacks_in_273 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 3em; color:#FC6666; line-height: 1em; } #stacks_in_273 [class*="fontelico-"]:hover:before { color:#7F7F7F; } /* maki */ #stacks_in_273 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 3em; color:#FC6666; line-height: 1em; } #stacks_in_273 [class*="maki-"]:hover:before { color:#7F7F7F; } /* openwebicons */ #stacks_in_273 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 3em; color:#FC6666; line-height: 1em; } #stacks_in_273 [class*="openwebicons-"]:hover:before { color:#7F7F7F; } /* typicons */ #stacks_in_273 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 3em; color:#FC6666; line-height: 1em; } #stacks_in_273 [class*="typicons-"]:hover:before { color:#7F7F7F; } /* zocial */ #stacks_in_273 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 3em; color:#FC6666; line-height: 1em; } #stacks_in_273 [class*="zocial-"]:hover:before { color:#7F7F7F; } /* iconicfill */ #stacks_in_273 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 3em; color:#FC6666; line-height: 1em; } #stacks_in_273 [class*="iconicfill-"]:hover:before { color:#7F7F7F; } /* iconicstroke */ #stacks_in_273 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 3em; color:#FC6666; line-height: 1em; } #stacks_in_273 [class*="iconicstroke-"]:hover:before { color:#7F7F7F; } #stacks_in_273 a { text-decoration: none !important; border-bottom: 0px!important; } /* Grow */ .grow { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .shrink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .shrink:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse { 25% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse-grow { to { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .pulse-grow { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-grow:hover { -webkit-animation-name: pulse-grow; animation-name: pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse-shrink { to { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse-shrink { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-shrink:hover { -webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes push { 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .push { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .push:hover { -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pop { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pop:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Rotate */ .rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .rotate:hover { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .grow-rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); -ms-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .float { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /* Sink */ .sink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .sink:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } /* Hover */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } .hover { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Hang */ @-webkit-keyframes hang { 50% { -webkit-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hang { 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } .hang { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hang:hover { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hang; animation-name: hang; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Skew */ .skew { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .skew-forward { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew-forward:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Wobble Vertical */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .wobble-vertical { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-vertical:hover { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .wobble-horizontal { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-horizontal:hover { -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-top { display: inline-block; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-top:hover { -webkit-animation-name: wobble-top; animation-name: wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-bottom { display: inline-block; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-bottom:hover { -webkit-animation-name: wobble-bottom; animation-name: wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Float Shadow */ .float-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .float-shadow:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Hover Shadow */ @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before { opacity: .4; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }p#stacks_in_274.none, h1#stacks_in_274.none, h2#stacks_in_274.none, h3#stacks_in_274.none, h4#stacks_in_274.none, h5#stacks_in_274.none, h6#stacks_in_274.none { text-align: center !important; } #stacks_in_274 { text-align: center !important; } /* brandico */ #stacks_in_274 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 3em; color:#3EBEE6; line-height: 1em; } #stacks_in_274 [class*="brandico-"]:hover:before { color:#7F7F7F; } /* entypo */ #stacks_in_274 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 3em; color:#3EBEE6; line-height: 1em; } #stacks_in_274 [class*="entypo-"]:hover:before { color:#7F7F7F; } /* fontawesome */ #stacks_in_274 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 3em; color:#3EBEE6; line-height: 1em; } #stacks_in_274 [class*="fontawesome-"]:hover:before { color:#7F7F7F; } /* fontelico */ #stacks_in_274 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 3em; color:#3EBEE6; line-height: 1em; } #stacks_in_274 [class*="fontelico-"]:hover:before { color:#7F7F7F; } /* maki */ #stacks_in_274 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 3em; color:#3EBEE6; line-height: 1em; } #stacks_in_274 [class*="maki-"]:hover:before { color:#7F7F7F; } /* openwebicons */ #stacks_in_274 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 3em; color:#3EBEE6; line-height: 1em; } #stacks_in_274 [class*="openwebicons-"]:hover:before { color:#7F7F7F; } /* typicons */ #stacks_in_274 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 3em; color:#3EBEE6; line-height: 1em; } #stacks_in_274 [class*="typicons-"]:hover:before { color:#7F7F7F; } /* zocial */ #stacks_in_274 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 3em; color:#3EBEE6; line-height: 1em; } #stacks_in_274 [class*="zocial-"]:hover:before { color:#7F7F7F; } /* iconicfill */ #stacks_in_274 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 3em; color:#3EBEE6; line-height: 1em; } #stacks_in_274 [class*="iconicfill-"]:hover:before { color:#7F7F7F; } /* iconicstroke */ #stacks_in_274 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 3em; color:#3EBEE6; line-height: 1em; } #stacks_in_274 [class*="iconicstroke-"]:hover:before { color:#7F7F7F; } #stacks_in_274 a { text-decoration: none !important; border-bottom: 0px!important; } /* Grow */ .grow { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .shrink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .shrink:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse { 25% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse-grow { to { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .pulse-grow { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-grow:hover { -webkit-animation-name: pulse-grow; animation-name: pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse-shrink { to { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse-shrink { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-shrink:hover { -webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes push { 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .push { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .push:hover { -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pop { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pop:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Rotate */ .rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .rotate:hover { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .grow-rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); -ms-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .float { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /* Sink */ .sink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .sink:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } /* Hover */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } .hover { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Hang */ @-webkit-keyframes hang { 50% { -webkit-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hang { 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } .hang { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hang:hover { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hang; animation-name: hang; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Skew */ .skew { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .skew-forward { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew-forward:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Wobble Vertical */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .wobble-vertical { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-vertical:hover { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .wobble-horizontal { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-horizontal:hover { -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-top { display: inline-block; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-top:hover { -webkit-animation-name: wobble-top; animation-name: wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-bottom { display: inline-block; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-bottom:hover { -webkit-animation-name: wobble-bottom; animation-name: wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Float Shadow */ .float-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .float-shadow:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Hover Shadow */ @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before { opacity: .4; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }p#stacks_in_275.none, h1#stacks_in_275.none, h2#stacks_in_275.none, h3#stacks_in_275.none, h4#stacks_in_275.none, h5#stacks_in_275.none, h6#stacks_in_275.none { text-align: center !important; } #stacks_in_275 { text-align: center !important; } /* brandico */ #stacks_in_275 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 3em; color:#274CEF; line-height: 1em; } #stacks_in_275 [class*="brandico-"]:hover:before { color:#7F7F7F; } /* entypo */ #stacks_in_275 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 3em; color:#274CEF; line-height: 1em; } #stacks_in_275 [class*="entypo-"]:hover:before { color:#7F7F7F; } /* fontawesome */ #stacks_in_275 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 3em; color:#274CEF; line-height: 1em; } #stacks_in_275 [class*="fontawesome-"]:hover:before { color:#7F7F7F; } /* fontelico */ #stacks_in_275 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 3em; color:#274CEF; line-height: 1em; } #stacks_in_275 [class*="fontelico-"]:hover:before { color:#7F7F7F; } /* maki */ #stacks_in_275 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 3em; color:#274CEF; line-height: 1em; } #stacks_in_275 [class*="maki-"]:hover:before { color:#7F7F7F; } /* openwebicons */ #stacks_in_275 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 3em; color:#274CEF; line-height: 1em; } #stacks_in_275 [class*="openwebicons-"]:hover:before { color:#7F7F7F; } /* typicons */ #stacks_in_275 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 3em; color:#274CEF; line-height: 1em; } #stacks_in_275 [class*="typicons-"]:hover:before { color:#7F7F7F; } /* zocial */ #stacks_in_275 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 3em; color:#274CEF; line-height: 1em; } #stacks_in_275 [class*="zocial-"]:hover:before { color:#7F7F7F; } /* iconicfill */ #stacks_in_275 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 3em; color:#274CEF; line-height: 1em; } #stacks_in_275 [class*="iconicfill-"]:hover:before { color:#7F7F7F; } /* iconicstroke */ #stacks_in_275 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 3em; color:#274CEF; line-height: 1em; } #stacks_in_275 [class*="iconicstroke-"]:hover:before { color:#7F7F7F; } #stacks_in_275 a { text-decoration: none !important; border-bottom: 0px!important; } /* Grow */ .grow { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .shrink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .shrink:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse { 25% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse-grow { to { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .pulse-grow { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-grow:hover { -webkit-animation-name: pulse-grow; animation-name: pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse-shrink { to { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse-shrink { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-shrink:hover { -webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes push { 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .push { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .push:hover { -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pop { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pop:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Rotate */ .rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .rotate:hover { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .grow-rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); -ms-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .float { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /* Sink */ .sink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .sink:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } /* Hover */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } .hover { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Hang */ @-webkit-keyframes hang { 50% { -webkit-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hang { 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } .hang { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hang:hover { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hang; animation-name: hang; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Skew */ .skew { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .skew-forward { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew-forward:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Wobble Vertical */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .wobble-vertical { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-vertical:hover { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .wobble-horizontal { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-horizontal:hover { -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-top { display: inline-block; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-top:hover { -webkit-animation-name: wobble-top; animation-name: wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-bottom { display: inline-block; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-bottom:hover { -webkit-animation-name: wobble-bottom; animation-name: wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Float Shadow */ .float-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .float-shadow:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Hover Shadow */ @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before { opacity: .4; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }p#stacks_in_276.none, h1#stacks_in_276.none, h2#stacks_in_276.none, h3#stacks_in_276.none, h4#stacks_in_276.none, h5#stacks_in_276.none, h6#stacks_in_276.none { text-align: center !important; } #stacks_in_276 { text-align: center !important; } /* brandico */ #stacks_in_276 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 3em; color:#074080; line-height: 1em; } #stacks_in_276 [class*="brandico-"]:hover:before { color:#7F7F7F; } /* entypo */ #stacks_in_276 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 3em; color:#074080; line-height: 1em; } #stacks_in_276 [class*="entypo-"]:hover:before { color:#7F7F7F; } /* fontawesome */ #stacks_in_276 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 3em; color:#074080; line-height: 1em; } #stacks_in_276 [class*="fontawesome-"]:hover:before { color:#7F7F7F; } /* fontelico */ #stacks_in_276 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 3em; color:#074080; line-height: 1em; } #stacks_in_276 [class*="fontelico-"]:hover:before { color:#7F7F7F; } /* maki */ #stacks_in_276 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 3em; color:#074080; line-height: 1em; } #stacks_in_276 [class*="maki-"]:hover:before { color:#7F7F7F; } /* openwebicons */ #stacks_in_276 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 3em; color:#074080; line-height: 1em; } #stacks_in_276 [class*="openwebicons-"]:hover:before { color:#7F7F7F; } /* typicons */ #stacks_in_276 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 3em; color:#074080; line-height: 1em; } #stacks_in_276 [class*="typicons-"]:hover:before { color:#7F7F7F; } /* zocial */ #stacks_in_276 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 3em; color:#074080; line-height: 1em; } #stacks_in_276 [class*="zocial-"]:hover:before { color:#7F7F7F; } /* iconicfill */ #stacks_in_276 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 3em; color:#074080; line-height: 1em; } #stacks_in_276 [class*="iconicfill-"]:hover:before { color:#7F7F7F; } /* iconicstroke */ #stacks_in_276 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 3em; color:#074080; line-height: 1em; } #stacks_in_276 [class*="iconicstroke-"]:hover:before { color:#7F7F7F; } #stacks_in_276 a { text-decoration: none !important; border-bottom: 0px!important; } /* Grow */ .grow { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .shrink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .shrink:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse { 25% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse-grow { to { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .pulse-grow { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-grow:hover { -webkit-animation-name: pulse-grow; animation-name: pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse-shrink { to { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse-shrink { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-shrink:hover { -webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes push { 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .push { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .push:hover { -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pop { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pop:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Rotate */ .rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .rotate:hover { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .grow-rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); -ms-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .float { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /* Sink */ .sink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .sink:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } /* Hover */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } .hover { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Hang */ @-webkit-keyframes hang { 50% { -webkit-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hang { 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } .hang { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hang:hover { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hang; animation-name: hang; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Skew */ .skew { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .skew-forward { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew-forward:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Wobble Vertical */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .wobble-vertical { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-vertical:hover { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .wobble-horizontal { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-horizontal:hover { -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-top { display: inline-block; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-top:hover { -webkit-animation-name: wobble-top; animation-name: wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-bottom { display: inline-block; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-bottom:hover { -webkit-animation-name: wobble-bottom; animation-name: wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Float Shadow */ .float-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .float-shadow:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Hover Shadow */ @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before { opacity: .4; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }#stacks_in_277{overflow:hidden}#stacks_in_277 hr{opacity:1.00;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_277 hr.custom{border-color:rgba(221, 221, 221, 1.00)}