@charset "UTF-8";
@charset "UTF-8";
html {
font-family: Open Sans, Arial, sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} body,
button,
input,
select,
textarea {
font: normal 16px/1.25 "Open Sans",sans-serif;
font-family: "Open Sans", sans-serif;
font-weight: normal;
font-family: "Open Sans", sans-serif;
font-weight: normal;
font-weight: 300;
color: #737373;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
*::-moz-selection {
background: #00b073 none repeat scroll 0 0;
color: #fff;
text-shadow: none;
}
label, input[type="button"], input[type="submit"], button {
cursor: pointer;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin-left: 1.8em;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, .8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
}
select {
border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
padding: 3px;
}
textarea {
padding-left: 3px;
width: 100%;
}  .nav_container {
clear: both;
display: block;
float: left;
width: 100%;
background: #fbfbfb;
border-bottom: 1px solid #ececec;
height: 80px;
-webkit-font-smoothing: initial;
font-smoothing: initial;
}
.main-navigation {
width: 960px;
margin: 0 auto;
}
.logo_tagline_container {
float: left;
width: 240px;
}
.logo_tagline_container span {
position: relative;
top: -11px;
margin-left: 45px;
text-transform: uppercase;
font-weight: 100;
font-family: Open Sans, Arial, sans-serif;
color: #929292;
font-size: 8px;
letter-spacing: 1px;
}
.logo_tagline_container a {
margin-top: 15px;
}
.main-navigation .menu {
float: right;
margin-top: 31px;
} .main-navigation .menu li:nth-child(6) a {
display: inline-block;
border: none;
background: #00b073;
text-shadow: 1px 1px 0 rgba(0,0,0,0.17);
background-image: none;
color: white;
margin-right: 0;
padding: 10px 19px 10px 19px !important;
border-radius: 4px;
transition: .45s !important;
position: relative;
top: -10px;
}
.main-navigation .menu li:nth-child(6) a:hover {
transition:.45s !important;
background: #64a000;
color: white !important;
text-decoration: none !important;
} .main-navigation .menu li a {
font-family: Open Sans, Arial, sans-serif;
font-size: 13px;
text-decoration: none;
letter-spacing: .02em;
padding: 0px 13px;
margin: 0 5px 0 5px;
color: #888;
padding-bottom: 35px;
transition: .2s;
}
.menu li a:hover {
text-decoration: none;
color: #7ebb17;
transition: 0.2s;
}
.site-branding {
background: #2e3138 url(/wp-content/themes/codeguard_base/images/bg_header_stripe.png) repeat;
background-size: 1% auto;
float: left;
width: 100%;
text-align: center;
color: white;
padding: 60px 0px;
}
.site-branding h1, .site-branding p {
margin: 0px;
}
.site-branding h1 {
font-size: 39px;
}
.site-branding p {
margin: 5px 0px;
font-size: 17px;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto !important;
margin-right: auto !important;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em;
} .widget select {
max-width: 100%;
} div.content p, div.content ul li, div.content ol li {
font-family: Open Sans,sans-serif;
font-size: 16px;
font-weight: 300;
color: #737373;
line-height: 1.6;
margin: 20px 0;
}
div.content a {
color: #00b073;
font-family: Open Sans, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
text-decoration: none;
}
.content p {
margin-bottom: 10px;
}
.content h2 {
color: #4b555d;
text-align: left;
font-size: 22px;
font-weight: 700;
margin: 20px 0;
}
.content a {
color: #00b073;
font-family: Open Sans, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
text-decoration: none;
}
.image_wrap {
background: #f8f8f8 none repeat scroll 0 0;
margin: 20px 0 50px;
padding: 10px 10px 1px;
}
.wp-caption-text {
color: #a3a3a3;
font-family: georgia,serif;
font-size: 12px;
font-style: italic;
line-height: 16px;
position: relative;
top: 3px;
}
.hiw_sub p {
font-size: 13px;
line-height: 20px;
}
.grid_3 {
display: inline;
float: left;
margin: 0 16px;
overflow: hidden;
width: 208px;
}
.contain_6 {
float: left;
margin-top: 10px;
width: 50%;
}
.contain_6 div {
margin-bottom: 40px;
width: 90%;
}
.contain_6 h3 {
font-size: 16px;
margin-bottom: 10px;
}
.grid_4 {
display: inline;
float: left;
margin: 0 16px;
overflow: hidden;
width: 288px;
}
div.content ol li {
margin-bottom: 10px;
}
div.content ul li {
list-style: outside none none;
} .content-area {
width: 960px;
margin: 0 auto;
padding-top: 50px;
}
.entry-meta .posted-on {
color: #aaaaaa;
font-weight: 500;
font-size: 14px;
}
.entry-title {
margin-top: 3px;
margin-bottom: 0px;
}
.content-area h1.entry-title a, .content-area h1.entry-title {
color: #444444;
text-decoration: none;
font-size: 31px;
font-weight: 500;
line-height: 1.1em;
}
.content-area h1.entry-title a {
transition: color 0.2s ease-out;
}
.content-area h1.entry-title a:hover {
transition: color 0.2s ease-out; color: #00b073;
text-decoration: none !important;
}
.content-area h1.entry-title {
line-height: 1.2em;
}
.content-area .entry-content {
margin-top: 0px;
}
.more-link, .content-area a {
color: #00b073;
text-decoration: none;
}
.more-link:hover, .content-area a:hover {
color: #00b073;
text-decoration: underline;
}
.content-area article.post {
border-bottom: 1px solid #ececec;
padding-bottom: 15px;
margin-bottom: 40px;
}
.content-area article.post img {
margin: 35px 0px;
}
.tags-links {
margin: 26px 0px 9px 0px;
color: #aaaaaa;
font-size: 14px;
font-weight: 500;
}
.tags-links span {
opacity: 0.5;
}
.nav-links a {
display: inline-block;
color: #404040;
border-radius: 3px;
text-decoration: underline !important;
transition: .45s !important;
position: relative;
font-weight: 500;
}
.nav-links a:hover {
text-decoration: none !important;
color: #404040;
transition: .45s;
}
.nav-links .nav-previous a {
display: block;
background: url(/wp-content/themes/codeguard_base/images/ico_prev_arrow.svg) no-repeat 0px 7px;
background-size: 13px;
padding-left: 21px;
}
.nav-links .nav-next a{
display: block;
background: url(/wp-content/themes/codeguard_base/images/ico_next_arrow.svg) no-repeat 100% 8px;
background-size: 13px;
padding-right: 21px;
}
.comments-area {
border-top: 8px solid #f5f4f4;
margin-top: 40px;
padding-top: 10px;
}
h2.comments-title {
margin-bottom: 0px;
}
.comments-area ol.comment-list {
margin: 0px;
padding: 0px;
}
.comments-area ol.comment-list li {
list-style: none;
border-bottom: 1px solid #ececec;
padding: 30px 0px;
}
.comments-area form input[type="submit"] {
display: inline-block;
border: none;
background: #e5e5e5;
color: #767676 !important;
font-weight: 600;
background-image: none;
box-shadow: none;
color: white;
margin-right: 0;
padding: 15px 19px 15px 19px !important;
border-radius: 3px;
transition: .45s !important;
font-size: 14px;
margin-top: 5px;
text-shadow: none;
}
.comments-area form input[type="submit"]:hover {
transition: .45s !important;
background: #D4D4D4;
}
.comments-area ol.comment-list ol.children {
margin: 0px;
padding: 0px;
border-top: 1px solid #ececec;
margin-top: 30px;
}
.comments-area ol.comment-list ol.children li {
padding: 30px 50px 30px 20px;
}
.comments-area ol.comment-list ol.children li:last-child {
border-bottom: none;
padding-bottom: 0px;
}
.comment-body .avatar {
display: none;
}
.comment-respond form label {
display: block;
font-size: 14px;
margin-bottom: 4px;
color: #6F6F6F;
}
.comment-respond form label span, span.required {
color: #E21928;
}
.comment-respond form input {
border-radius: 0px;
font-size: 14px;
padding:  8px 10px;
}
h3.comment-reply-title {
margin-bottom: 10px;
}
.comment-notes {
font-size: 14px;
margin-top: 0px;
}
.comment-content p {
font-size: 14px;
line-height: 1.8em;
}
.comment-respond {
margin-top: 25px;
}
.comment-author a, .comment-author a:hover {
pointer-events: none;
cursor: default;
text-decoration: none;
color: #474747;
}
.comment-metadata a, .comment-metadata a:hover {
pointer-events: none;
cursor: default;
color: #a4a4a4;
text-decoration: none;
font-size: 13px;
font-weight: 400;
}
.comment-metadata {
margin-top: -3px;
}
.comment-author .says, .comment-metadata .edit-link {
display: none;
}
.comment-content p {
margin: 5px 0px;
}
.comment-body .reply {
font-size: 14px;
}
#mc_embed_signup {
margin: 0 auto;
margin-top: 20px;
width: 578px;
}
#mc_embed_signup label {
color: #fff;
}
#mc_embed_signup form {
background: rgba(255,255,255,0.1);
padding: 10px;
}
#mc_embed_signup form input.email {
float: left;
width: 420px;
padding: 11px 14px;
border-radius: 2px;
font-size: 15px;
}
#mc_embed_signup form input[type="submit"] {
display: inline-block;
border: none;
background: #f3794d;
font-weight: 600;
background-image: none;
box-shadow: none;
color: white;
margin-right: 0;
padding: 15px 25px 15px 25px !important;
border-radius: 2px;
transition: .45s !important;
font-size: 15px;
margin-left: 15px;
text-shadow: none;
}
#mc_embed_signup form input[type="submit"]:hover {
transition: .45s !important;
background: #DC6439;
}
.error-404 {
text-align:left;
position:relative;
margin-bottom: 30px;
left:50px;
}
.error-404 .page-wrap {
display: inline-block;
padding-top: 200px;
position: relative;
}
.error-404 .page-header, .error-404 .page-content {
color: #fff;
max-width: 53%;
}
.error-404 .widget {
margin-top: 30px;
}
.error404 .site-content {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/starfield.jpeg) no-repeat fixed center center / cover;
}
.error404 .content-area {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/404message.png) no-repeat scroll center top;
min-height: 470px;
margin: 4em auto 0;
padding: 0;
width: 960px;
}
.error-404 h1.page-title {
margin-top: 0px;
}
div#dialogtext {
left: 50px;
position: relative;
top: 220px;
}
.search-form input.search-field {
padding: 10px 13px;
width: 300px;
}
.search-form input[type="submit"] {
padding: 6px 13px;
display: inline-block;
border: none;
background: #e5e5e5;
color: #767676 !important;
font-weight: 600;
background-image: none;
box-shadow: none;
color: white;
margin-right: 0;
padding: 13px 19px 12px 19px !important;
border-radius: 3px;
transition: .45s !important;
font-size: 14px;
margin-top: 5px;
text-shadow: none;
margin-left: 0px;
}
.search-form input[type="submit"]:hover {
transition: .45s !important;
background: #D4D4D4;
}
.comment-awaiting-moderation {
font-size: 14px;
margin-top: 10px;
color: #E68C53;
} .sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.entry-content p {
line-height: 1.8em;
color: #474747;
}
.entry-content ul, .entry-content ol {
margin-left: 0px;
}
.entry-content ul li, .entry-content ol li {
line-height: 1.8em;
} .site-footer .footer_desktop .to_top {
background: #bde481;
background-position:scroll 0 0 / 17px auto;
border-radius: 100%;
color: white;
font-size: 18px;
font-weight: 700;
right: 15%;
margin-top: -75px;
padding: 11px 14px;
position: absolute;
text-decoration: none;
list-style: outside none none;
}
.site-footer .footer_desktop .whocg {
background:transparent url(/wp-content/themes/codeguard_base/images/cg_footer.png) no-repeat 50% 0;
background:transparent url(/wp-content/themes/codeguard_base/images/cg_footer.svg) no-repeat 50% 0;
background-size:100% auto;
margin-left: 0;
padding-top: 145px;
}
.site-footer .footer_desktop .whocg .cg_greeting {
color: white;
font-family: Sorbet,sans-serif;
font-size: 13px;
margin-left: 148px;
margin-top: -158px;
position: absolute;
text-align: center;
transform: rotate(-20deg);
}
.site-footer .footer_desktop h1 {
color: white;
display: inline-block;
font-size: 16px;
font-weight: normal !important;
line-height: 0.97em;
margin-bottom: 0 !important;
margin-top: 15px;
}
.site-footer .footer_desktop p {
color: #9d9e9e;
font-size: 13px;
line-height: 1.8em;
margin: 13px 0;
text-align:left;
}
.site-footer .footer_desktop .footer_nav_elements {
float: right;
margin-right: 0;
}
.site-footer .footer_desktop .grid_2 {
margin: 0 25px;
}
.site-footer .footer_desktop ul {
margin: 13px 0 30px;
}
.site-footer .footer_desktop ul li {
border-bottom: medium none;
display: block !important;
line-height: 1.6em;
padding: 2px 0;
text-align: left !important;
}
.site-footer .footer_desktop ul li a {
color: #9d9e9e !important;
cursor: pointer;
display: inline-block !important;
font-size: 13px !important;
font-weight: normal !important;
text-decoration: none;
transition: color 0.2s ease-out 0s;
}
.site-footer ul li a:hover{
color:#9fd951!important;
-webkit-transition:.2s color ease-out
}
footer h2 {
color: #fff;
text-align: center;
font-size: 30px;
margin: 0px 0px 7px 0px;
}
footer p {
margin: 0px;
}
.top_footer, .footer_desktop {
background: #2e3138;
padding: 50px 0;
}
.top_footer p, .footer_desktop p {
color: #fff;
text-align: center;
}
.bottom_footer_container {
width: 960px;
margin: 0 auto;
}
footer .bottom_footer {
background: #191d24;
width: 100%;
display: inline-block;
margin-bottom: -20px;
padding: 30px 0px;
}
.bottom_footer p {
text-transform: uppercase;
float: left;
margin-top: 16px;
color: rgba(255,255,255,0.4)!important;
font-size: 11px!important;
font-weight: 500;
}
.bottom_footer ul {
margin: 0px;
padding: 0px;
margin-top: 5px;
float: right;
}
.bottom_footer ul li {
list-style: none;
background: #2b2e35;
display: inline-block;
border-radius: 100%;
position: relative;
top: 0;
transition: .3s;
-webkit-transition: .3s;
margin-left: 10px;
width: 34px;
height: 34px;
}
.bottom_footer li:hover {
top: -5px;
}
.bottom_footer ul li a {
display: block;
width: 20px;
height: 20px;
padding: 17px;
opacity: 0.4;
transition: .3s;
}
.bottom_footer ul li a:hover {
transition: .3s;
opacity: 10;
}
.bottom_footer .footer_blog {
background: transparent url(data:image/png;base64,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) no-repeat 50% 50%;
background-size: 14px auto;
}
.bottom_footer .footer_twitter {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkNBMDg4REE5M0ExMUUyQjVGOEI3N0M5REFBOTI4MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkNBMDg4RUE5M0ExMUUyQjVGOEI3N0M5REFBOTI4MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGQ0EwODhCQTkzQTExRTJCNUY4Qjc3QzlEQUE5MjgwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGQ0EwODhDQTkzQTExRTJCNUY4Qjc3QzlEQUE5MjgwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fC+H9AAAARpJREFUeNqc071qQjEUwPHci8VBN4VCSwdHBwVxc+4LOHQofYZ2bCm+gYuD7+HH7OKgYpeWLoJLS7+mDqVuohj/kaQNIYbeHvjdL27OPecmiaSU4o+RRhVHuMeTfh5BCpUI50jpa58y5vI3VmjgCq1dMfrFBTrIeJIcYCb98YlbFGJdWgp1PKDmtFRCcU+7OT3+2Xy173xpikvUcCH3x9hUrg4x6niVyaNnEqmWNmjjWCQPM3Mi1uem+F8Mfq6s2bnGV4K2PpA242Mru/r7iwTVtLD0VXToLLpQ3On1JexZs2X0tL8HkryoBeguXPsmizOMAkkeceLbRupQQhfLQAK1FW7cdmyRtfsLOEUFeXzjDRMMsQ79+a0AAwCb/FSz5IIMuwAAAABJRU5ErkJggg==) no-repeat 50% 50%;
background-size: 15px auto;
}
.bottom_footer .footer_facebook {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkNBMDg4OUE5M0ExMUUyQjVGOEI3N0M5REFBOTI4MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkNBMDg4QUE5M0ExMUUyQjVGOEI3N0M5REFBOTI4MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGQ0EwODg3QTkzQTExRTJCNUY4Qjc3QzlEQUE5MjgwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGQ0EwODg4QTkzQTExRTJCNUY4Qjc3QzlEQUE5MjgwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iKyVzAAAAJJJREFUeNpi/P//PwMSCAbidCCWAmJOqJgzA0gRFEf9xw5UmZBMKWXABaCmMALxLyTdy4GYDWYLzCRmIGZF0nsTiH/BOCxA7A7EimgWGANxGpS9GmTchv/4gQQTA37wG4hfgazbBcSvgTgFSfIsFH8C4n8w37GgWdGAFH4MhKwDg+GtiAVK/wFiISTxH8iKAAIMACZeka/61cNPAAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 8px auto;
}
.bottom_footer .footer_youtube {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABDCAYAAADK1Mg0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAA+NJREFUeNrsW+1x4jAQfcvw/9zBOR04HZAK4lQQXMHRQbgKcqkAqABSAU4FkAriVIA72PuBSORFkrHjxJ87wwy2ZBk/9u2X1kAJYeYDZ2Vnmfcm5r2hBTIqed1GHAfM7AtAfAB+znWdAuXZcG6ScwwAK3RZDBRaiPF1G6nzVVAexUMfckB77AMoAZ9LkDfWBhmXvZCI9sycCGMaAtgb7ElCRHsBqgdgCuDWYK+WRJQa5gfiN8TauLznXq5RF4W26vzWRR1mnhrolaGi1CxmnshJYlzKpEkU8lzUsVxjA8arA5TRV0BRlEjE6Ycc6jwYljKtc6JXa+IUV0A2ywv0xPGSiK6J6Mow97atoKwKjsso9137/trmiDaPQroH2Lct3BhVtM6mpBZ1GpRVQbC6D4qNQkSU9FlT4LArvQYFAygDKAMoAyg13LPydJ6Zp20HRUa4t8zsq0z6vohHU6WLNYBFlT9wXAMoz8gWoQIAtvrtS85as07Qh4j+GbTFljctL9SaZSONk6Haxo65nqHan9kZ0AtMgi6ZHQJmDtVYZUUmqhlIH8e6rqdpQ+xKD5Tt8QCkbczABxlkkP5JIUNb215KNaFAXAkoWpQZ4rzg3EZJcKwGrlyeixyucgFzO0VXJAYQmdz/yJJc7ToOCNTz7UzJJBkAWaB/EukpBV0ISIJi2xW/UX7L86/2/f4HbVkGGKjU3dUFsC3qpbik5OVT3yiHU9/eyaY8avlHX8VTOGCsJWUu8Zl5Lvz+XMQvE0GfNkrIzL4pHS+j5vOqdLhG+nw0GI164HoLu+oxzvtFqg6QXiweqYiXWeLYsvFLreFZPOQTPqt6nhaNF5EAFam5jT5zm0ey0UScXxt634K8Hl4ZexV9tkbv+xDRncxR1PGTdmpDRJFjjSUK1nAbDQozz7QYYiJoeUZDZg4t81edAQWfPW+ezSEITfpjmb/vEihV0TAdQPmijDumETdVrDNoStc1RZU//AGUrNxXkbYM9OmBpsh8SQ/atk0HJf2Be7yLl6QaSZ9Uy2ZvSoCXWoyrb4lcUz0ZLUqf+CdqKiocJ8ODOBNC5VE8kdTppYMpgLmWB73i2Kax0WskhcodZatmF5YO1oZ/NpCv4zpKB1OLdqxdr9ZdUGpwyexUyS8jE+2zcN1EdS75CryD4fqdZd2d+oRqjcByr4MJwAveVTSJf1LnBWp6Ne0bJFb0Csp4LCKKdI7v0O9tjhTANRElI2XQEgBRz2O2j832kWbpNz0GJtK9FRmMU4jjnrLXE8pEwn2fB29qwhWa2rBbbRpwJQExaoohWgxxrJVOOgBEjGMb/MbVq/t/AA+VKuzeabjMAAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 15px auto;
} .footer_mobile {
background: #2e3138;
border-top: 1px solid #000;
}
.footer_mobile ul, .footer_social_mobile ul {
margin: 0px;
padding: 0px;
}
.footer_mobile ul li {
text-align: center;
width: 100%;
border-bottom: 1px solid #1b1e25;
padding: 20px 0;
list-style: none;
}
.footer_mobile ul li a {
width: 100%;
display: block;
text-decoration: none;
color: #fff;
text-shadow: 1px 1px 0 #323232;
font-weight: 600;
font-size: 20px;
}
.footer_social_mobile .footer_social_media .twitter {
background: #56d2f8;
}
.footer_social_mobile .footer_social_media .facebook {
background: #3c5a95;
}
.footer_social_mobile .footer_social_media .twitter a {
text-shadow: 1px 1px 0 #39a4c6;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkNBMDg4REE5M0ExMUUyQjVGOEI3N0M5REFBOTI4MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkNBMDg4RUE5M0ExMUUyQjVGOEI3N0M5REFBOTI4MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGQ0EwODhCQTkzQTExRTJCNUY4Qjc3QzlEQUE5MjgwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGQ0EwODhDQTkzQTExRTJCNUY4Qjc3QzlEQUE5MjgwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fC+H9AAAARpJREFUeNqc071qQjEUwPHci8VBN4VCSwdHBwVxc+4LOHQofYZ2bCm+gYuD7+HH7OKgYpeWLoJLS7+mDqVuohj/kaQNIYbeHvjdL27OPecmiaSU4o+RRhVHuMeTfh5BCpUI50jpa58y5vI3VmjgCq1dMfrFBTrIeJIcYCb98YlbFGJdWgp1PKDmtFRCcU+7OT3+2Xy173xpikvUcCH3x9hUrg4x6niVyaNnEqmWNmjjWCQPM3Mi1uem+F8Mfq6s2bnGV4K2PpA242Mru/r7iwTVtLD0VXToLLpQ3On1JexZs2X0tL8HkryoBeguXPsmizOMAkkeceLbRupQQhfLQAK1FW7cdmyRtfsLOEUFeXzjDRMMsQ79+a0AAwCb/FSz5IIMuwAAAABJRU5ErkJggg==) no-repeat 0% 50%;
padding-left: 18px;
background-size: 15px auto;
}
.footer_social_mobile .footer_social_media .facebook a {
text-shadow: 1px 1px 0 #263d6b;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkNBMDg4OUE5M0ExMUUyQjVGOEI3N0M5REFBOTI4MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkNBMDg4QUE5M0ExMUUyQjVGOEI3N0M5REFBOTI4MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGQ0EwODg3QTkzQTExRTJCNUY4Qjc3QzlEQUE5MjgwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGQ0EwODg4QTkzQTExRTJCNUY4Qjc3QzlEQUE5MjgwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iKyVzAAAAJJJREFUeNpi/P//PwMSCAbidCCWAmJOqJgzA0gRFEf9xw5UmZBMKWXABaCmMALxLyTdy4GYDWYLzCRmIGZF0nsTiH/BOCxA7A7EimgWGANxGpS9GmTchv/4gQQTA37wG4hfgazbBcSvgTgFSfIsFH8C4n8w37GgWdGAFH4MhKwDg+GtiAVK/wFiISTxH8iKAAIMACZeka/61cNPAAAAAElFTkSuQmCC) no-repeat 0% 50%;
padding-left: 14px;
background-size: 7px auto;
}
.footer_social_mobile .footer_social_media li {
float: left;
padding: 19px 0;
width: 50%;
display: inline-block;
list-style: none;
font-size: 15px;
font-weight: 700;
margin: 0;
text-decoration: none;
text-align: center;
color: #fff;
}
.footer_social_mobile .footer_social_media li a {
font-size: 17px;
color: #fff;
text-decoration: none;
}
.search_form {
background: #fafafa;
margin-top: 20px;
padding: 15px 0px;
border-top: 1px solid #ececec;
}
.search_form form {
width: 434px;
margin: 0 auto;
}
.search_form .search-form input.search-field {
font-size: 13px;
padding: 7px 13px;
}
.search_form .search-form input[type="submit"] {
font-size: 13px;
padding: 11px 19px 11px 19px !important;
margin-top: 0px;
background: #E0E0E0;
}
.search_form .search-form input[type="submit"]:hover {
background: #CCCCCC;
}
.no-results {
margin-bottom: 60px;
}
.edit-link {
display: none;
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 10px;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.menu-toggle {
background: none;
border: medium none;
box-shadow: none;
color: #ccc;
float: right;
font-size: 34px;
margin-right: 15px;
margin-top: 13px;
padding: 0;
}
.menu-toggle:hover, .menu-toggle:focus {
box-shadow:none;
border:none;
background: none;
}
a.home-toggle {
border: medium none;
color: #ccc;
float: right;
font-size: 24px;
margin-right: 20px;
margin-top: 15px;
}
@media screen and (min-width: 960px) {
.menu-toggle, .home-toggle {
display: none !important;
}
.main-navigation ul {
display: block;
}
} .mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
} .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
} .mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
} .mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
} .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
} .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}  .my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out; 
-moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out; 
-webkit-transform: scale(0.8); 
-moz-transform: scale(0.8); 
-ms-transform: scale(0.8); 
-o-transform: scale(0.8); 
transform: scale(0.8); 
} .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1); 
-moz-transform: scale(1); 
-ms-transform: scale(1); 
-o-transform: scale(1); 
transform: scale(1); 
} .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8); 
-moz-transform: scale(0.8); 
-ms-transform: scale(0.8); 
-o-transform: scale(0.8); 
transform: scale(0.8); 
opacity: 0;
} .my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
} .my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
} .my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}  .my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
} .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
} .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
} .my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
} .my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
} .my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
} table.proscons {
border: 1px solid #101010;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table.proscons tr:nth-child(2n+1) {
background: #2d2d2d none repeat scroll 0 0;
border-bottom: 1px solid #101010;
}
table.proscons tr:nth-child(1) {
background: #202020 none repeat scroll 0 0 !important;
border-bottom: 1px solid #101010 !important;
text-transform: uppercase !important;
}
table.proscons tr td.borderdark {
border-left: 1px solid #101010;
}
table.proscons tr:nth-child(2n+1) td, table.proscons tr:nth-child(2n) td {
padding: 10px;
}
table.proscons tr:nth-child(1) td {
font-weight: bold;
padding-bottom: 10px;
padding-left: 15px;
padding-top: 10px;
}
table.proscons tr td {
border-left: 2px dotted #292929;
border-right: 2px dotted #292929;
}
table.proscons tr td, table.proscons ul li, table.proscons ol li {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 100 !important;
padding: 5px;
}
td, td img {
vertical-align: top;
}
.proscons ul {
margin: 0;
padding: 0;
}
table.proscons tr td, table.proscons ul li, table.proscons ol li {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 100 !important;
padding: 5px;
}
.proscons ul li {
list-style: outside none none;
padding-bottom: 10px;
}
table.proscons tr:nth-child(2n) {
background: #373737 none repeat scroll 0 0;
border-bottom: 1px solid #505050;
} .container_12, .container_16 {
margin-left: auto;
margin-right: auto;
width: 960px;
} div.georgia {
opacity: 1;
top: -36px !important;
transition: all 1.6s ease 0s;
}
div.georgia {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/bg_georgia.png) no-repeat scroll 0 0;
height: 400px;
width: 350px;
}
.georgia {
opacity: 0;
position: relative !important;
top: -25px !important;
}
img.georgia_pin {
opacity: 1;
top: 50px !important;
transition: all 1.2s ease 0s;
}
img.georgia_pin {
left: 71px;
position: relative;
top: 88px;
}
.georgia_pin {
opacity: 0;
position: relative !important;
top: -30px !important;
z-index: 999;
}
div.georgia p {
font-family: Open Sans, Arial, sans-serif;
font-size: 13px;
font-weight: 100;
left: 60px;
position: relative;
top: 95px;
}
div.teamgrid9 {
margin: 10px 0 0 !important;
}
div.team3 {
float: right;
margin: 0;
padding-right: 15px;
}
.margintopbottom {
margin-top: 30px !important;
} #top_tutorials {
overflow: visible;
}
div.tutorials {
margin-bottom: 10px;
margin-top: 20px !important;
}
div.tutorials h3 {
font-family: Open Sans, Arial, sans-serif;
font-size: 18px !important;
font-weight: 100 !important;
margin-bottom: 10px !important;
}
.tutorial_heading h2.first {
margin-top: 15px;
}
.tutorial_heading h2 {
color: #5d5d5d;
font-size: 36px;
font-weight: 100;
margin-bottom: 0;
margin-top: 50px;
}
.first {
margin-left: 0 !important;
padding-left: 0;
}
.tutorials .media {
background: #ececec none repeat scroll 0 0 !important;
}
div.tutorials div.leftside {
margin-bottom: 30px;
margin-left: 0;
margin-right: 30px;
}
.media {
border: 1px solid #ccc;
height: 0;
margin: 0 0 15px;
overflow: hidden;
padding-bottom: 51%;
padding-top: 30px;
position: relative;
}
.media iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.grid_6 {
display: inline;
float: left;
margin: 0 16px;
overflow: hidden;
width: 448px;
}
.grid_6 {
display: inline;
float: left;
margin: 0 16px;
overflow: hidden;
width: 448px;
}
.grid_7 {
display: inline;
float: left;
margin: 0 16px;
overflow: hidden;
width: 528px;
}
.grid_5 {
display: inline;
float: left;
margin: 0 16px;
overflow: hidden;
width: 368px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
} div.privacy ul, div.privacy ol {
margin: 0 0 10px 40px;
}
div.privacy ul li, div.privacy ol li {
list-style: circle;
}
div.privacy h3 {
font-size: 23px !important;
font-weight: 100 !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased !important;
margin: 50px 0 20px 0 !important;
} div.plansfaq ul li, div.plansfaq ol li {
list-style: circle;
}
h3.pqanswertitle {
font-size: 18px !important;
font-weight: 400 !important;
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.vc_separator h4 {
font-size: 14px !important;
font-weight: 600 !important;
}
ul.pf_question_list .seeall, ul.pf_question_list .seeless  {
cursor: pointer;
list-style: none;
color: #666;
font-weight: 400;
}
#faqtop {
border: medium none;
} .pfaqaccordion {
max-width: 100%;
margin: 20px auto;
border-top: 1px solid #efefef;
list-style:none;
}
.pfaqaccordion li {
border-bottom: 1px solid #efefef;
position: relative;
}
.pfaqaccordion li p {
display: none;
padding: 10px 10px 30px 0px;
color: #999;
}
.pfaqaccordion a.active {
color:#00b073;
}
.pfaqaccordion a {
width: 100%;
color:#000;
display: block;
cursor: pointer;
font-weight: 600;
line-height: 3;
font-size: 13px;
user-select: none;
}
.pfaqaccordion a:after {
width: 8px;
height: 8px;
border-right: 1px solid #BDE481;
border-bottom: 1px solid #BDE481;
position: absolute;
right: 10px;
content: " ";
top: 17px;
transform: rotate(-45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.pfaqaccordion p {
font-size: 13px;
font-size: 0.8125rem;
line-height: 2;
padding: 10px;
}
a.active:after {
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
div.plans_caption h1 {
color: #5d5d5d;
font-family: Open Sans, Arial, sans-serif;
font-size: 36px;
font-weight: 100 !important;
margin-bottom:20px;
}
div.plans_caption {
margin: 35px auto 20px;
text-align: center;
}
.plans_page_header {
margin-bottom: 0 !important;
margin-top: 30px !important;
}
div.plans_caption .use_wordpress h1 {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/ico_wordpress_white.svg) no-repeat scroll 0 50% / 32px auto;
color: #fff !important;
font-size: 25px !important;
font-weight: 400 !important;
margin-bottom: 15px;
padding: 0 0 0 40px;
text-align: left;
}
div.use_wordpress {
background: #5e9cd2;
background: -moz-linear-gradient(top,#5e9cd2 0,#2d6ca2 3%,#3b80bc 53%,#418ac8 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5e9cd2),color-stop(3%,#2d6ca2),color-stop(53%,#3b80bc),color-stop(100%,#418ac8));
background: -webkit-linear-gradient(top,#5e9cd2 0,#2d6ca2 3%,#3b80bc 53%,#418ac8 100%);
background: -o-linear-gradient(top,#5e9cd2 0,#2d6ca2 3%,#3b80bc 53%,#418ac8 100%);
background: -ms-linear-gradient(top,#5e9cd2 0,#2d6ca2 3%,#3b80bc 53%,#418ac8 100%);
background: linear-gradient(to bottom,#5e9cd2 0,#2d6ca2 3%,#3b80bc 53%,#418ac8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e9cd2',endColorstr='#418ac8',GradientType=0);
border-radius: 6px;
color: #fff;
height: 116px;;
display: block;
margin: 20px auto 30px;
padding: 19px 28px 0;
width: 750px;
}
div.plans_caption .use_wordpress p {
color: #fff;
float: left;
font-family: Open Sans, Arial, sans-serif;
font-weight: 400 !important;
line-height: 1.5em;
margin-bottom: 15px;
text-align: left;
width: 430px;
}
div.plans_caption span {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px !important;
font-weight: 100;
position: relative;
margin-top: 0;
top: -13px !important;
}
div.plans_caption .use_wordpress a {
background: #fff !important;
box-shadow: none !important;
color: #4296de !important;
float: right;
margin-top: -36px;
text-shadow: none !important;
}
.plans_toggle {
margin: -3px auto 0;
width: 615px;
}
.plans_toggle ul {
margin: 3px 0 23px;
padding: 0;
}
.plans_toggle ul li {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 100;
line-height: 22px;
}
.subscription_toggle li {
display: inline-block;
margin-right: -4px;
}
.subscription_toggle li a.active {
background: #e2e2e2 none repeat scroll 0 0;
}
.subscription_toggle li a.monthly {
border-radius: 5px 0 0 5px;
}
.subscription_toggle li a {
display: block;
color: #333;
padding: 5px 15px;
text-decoration: none;
border: 1px solid #ccc;
border-right: none;
background: white;
font-size: 14px;
float: left;
}
.subscription_toggle li a.active {
background: #e2e2e2 none repeat scroll 0 0;
}
.subscription_toggle li a.monthly {
border-radius: 5px 0 0 5px;
}
#pricingplans {
display: inline-block;
height: auto;
margin-bottom: 80px;
width: 100%;
}
.plans_box {
float: left;
height: 500px;
text-align: center;
width: 20%;
}
.plans_box ul li span {
font-weight: bold;
color: #323232;
font-size: 14px;
}
.plans_box .plan_header, .plans_box_custom .plan_header {
background: #2f2f2f none repeat scroll 0 0;
border: 1px solid #1c1c1c;
padding: 18px 0 11px;
min-height: 120px;
}
.first_header {
border-top-left-radius: 7px;
}
#pricingplans h1 {
margin-bottom: 15px;
margin-top: 0;
}
.plan_header h1 {
color: #fff;
font-family: Open Sans,Open Sans,sans-serif;
font-weight: 200;
text-shadow: 1px 1px 0 #000;
font-size: 25px;
}
.plan_header span.dollar_sign {
color: #fff;
font-weight: 100;
font-family: Open Sans,Open Sans,sans-serif;
font-size: 20px;
}
.box_one .dollar_sign, .box_one .permonth {
display: inline-block;
width: auto;
}
.box_four .plan_ul_holder {
border-left: medium none;
}
.box_four p.categories {
width: auto;
}
.no_border_left {
border-bottom-right-radius: 7px;
border-left: medium none;
}
.plan_header span {
color: #a3a3a4;
text-shadow: 1px 1px 0 #000;
font-size: 21px;
font-family: Open Sans,Open Sans,sans-serif;
font-weight: 100;
position: relative;
top: -16px;
}
.ninja_annual_billing {
display: block;
font-size: 12px !important;
font-weight: normal !important;
margin-bottom: -14px;
top: -14px !important;
}
.nomonthlybilling {
display: none;
font-size: 14px !important;
font-weight: 500 !important;
top: -26px !important;
}
.ninja_no_monthly {
float: left;
font-size: 12px !important;
font-weight: normal !important;
left: 48px;
top: -10px !important;
width: 96px;
}
.bestfor {
background: #ececec none repeat scroll 0 0;
border: 1px solid #dbdbdb;
font-family: Open Sans, Arial, sans-serif;
font-size: 14px !important;
font-weight: 100;
padding: 12px;
}
p.categories {
font-weight: bold;
margin: 0 auto;
width: 115px;
}
.first_plan_ul {
border-bottom-left-radius: 7px;
}
.plan_ul_holder {
border: 1px solid #d5d5d5;
background: #fafafa;
border-top: none;
padding: 15px 0 20px 0;
}
.plans_box ul {
margin: 0;
padding: 0 15px;
}
.plan_ul_holder .buttonholder {
padding: 18px 0 15px;
}
.plan_ul_holder .buttonholder a:hover,.btn_planspage:hover {
background:#83B334;
transition:.45s
}
.firstbuttonholder {
margin-top: 36px;
}
.plan_ul_holder .buttonholder p {
font-family: Open Sans, Arial, sans-serif;
font-size: 11px !important;
font-weight: 100;
margin: 0 auto;
padding: 52px 0 6px;
position: relative;
text-align: center;
top: -13px;
width: 200px;
}
#pricingplans a, #sign_up div a, .plans_caption a, #questions_plans a {
color: #90bb2a;
font-weight: 500;
text-decoration: none;
}
.plan_ul_holder .buttonholder a, .btn_planspage {
background: #008e5d none repeat scroll 0 0;
border-radius: 4px;
box-shadow: 0 3px 0 #00b073;
color: #fff !important;
font-size: 15px !important;
font-weight: bold !important;
padding: 15px 25px 13px;
text-decoration: none !important;
text-shadow: 1px 1px 0 #93b35c;
transition: all 0.45s ease 0s;
}
.plans_box ul li {
border-bottom: 1px solid #ececec;
color: #323232;
font-family: Open Sans, Arial, sans-serif;
font-size: 14px !important;
font-weight: 100;
list-style: outside none none;
margin: 0 0 10px;
padding-bottom: 10px;
}
.fake_monthly_button {
background: #008e5d none repeat scroll 0 0;
border-radius: 4px;
box-shadow: 0 3px 0 #00b073;
color: #fff !important;
display: none;
font-size: 15px !important;
font-weight: bold !important;
opacity: 0.5;
padding: 15px 25px 13px;
text-decoration: none !important;
text-shadow: 1px 1px 0 #93b35c;
}
.last_header {
border-top-right-radius: 7px;
}
.subscription_toggle li a.three_year {
border-radius: 0 5px 5px 0;
border-right: 1px solid #ccc;
}
.plans_section {
border-bottom: 1px solid #dedede;
padding-bottom: 30px;
padding-top: 30px;
width: 100% !important;
}
#sign_up {
background: transparent url(/wp-content/themes/codeguard_base/images/cg_plans_table.png) no-repeat scroll 617px 13px / 340px auto;
width: 100% !important;
}
div#sign_up td a.branded_portal_question {
color: #f75c1f !important;
font-size: 12px;
left: 5px;
position: relative;
text-decoration: underline !important;
top: -1px;
}
div.plans_caption {
margin: 20px auto;
text-align: center;
}
div.plans_caption h1 {
color: #5d5d5d;
font-family: Open Sans, Arial, sans-serif;
font-size: 36px;
font-weight: 100 !important;
}
div.plans_caption p {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 100;
position: relative;
top: -13px;
}
.plans_caption a {
color: #90bb2a;
font-weight: 400;
text-decoration: underline;
}
.plans_caption a:hover {
text-decoration: none;
}
.plans_caption h3 {
color: #5d5d5d !important;
font-family: Open Sans, Arial, sans-serif;
font-size: 23px !important;
font-weight: 100 !important;
}
#sign_up table {
border-collapse: collapse;
margin-bottom: 50px;
margin-top: 10px;
position: relative;
top: 20px;
width: 100%;
}
.contain_plans_table table {
background: #fff none repeat scroll 0 0;
border: 1px solid #d5d4d4 !important;
}
#sign_up .trheadingtop {
background: #707070 none repeat scroll 0 0;
}
#sign_up table tr {
border-bottom: 1px solid #f2f2f2;
}
#sign_up .trheadingtop td:first-child {
width: 220px;
}
#sign_up table tr td:nth-child(1) {
border-left: medium none;
}
#sign_up .trheadingtop td {
border-left: 1px solid #696868;
border-right: 1px solid #696868;
}
#sign_up table tr td {
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
font-family: Open Sans, Arial, sans-serif;
font-size: 15px;
font-weight: 100 !important;
padding: 12px 10px;
}
td, td img {
vertical-align: top;
}
#sign_up table tr td.lighttd {
text-align: center;
}
#sign_up .trheadingtop td {
border-left: 1px solid #696868;
border-right: 1px solid #696868;
}
#sign_up table tr td {
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
font-family: Open Sans, Arial, sans-serif;
font-size: 15px;
font-weight: 100 !important;
padding: 12px 10px;
}
#sign_up .trheadingtop h2 {
font-family: Open Sans, Arial, sans-serif;
font-weight: 100 !important;
text-shadow: -1px -1px 0 #323232;
text-align: center;
}
#sign_up table h2 {
color: #fff;
font-size: 20px;
}
#sign_up table tr td.lighttd {
text-align: center;
}
#sign_up table tr td {
font-family: Open Sans, Arial, sans-serif;
font-size: 15px;
font-weight: 100 !important;
}
#sign_up table {
border-collapse: collapse;
}
#sign_up table tr td.darktd {
text-align: center;
}
#sign_up table tr td:nth-child(4) {
border-right: medium none;
}
#sign_up .trheadingtop td {
border-left: 1px solid #696868;
border-right: 1px solid #696868;
}
#sign_up table tr td {
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
font-family: Open Sans, Arial, sans-serif;
font-size: 15px;
font-weight: 100 !important;
padding: 12px 10px;
}
#sign_up table tr td:nth-child(1) {
border-left: medium none;
text-align: left;
}
#sign_up table tr td {
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
font-family: Open Sans, Arial, sans-serif;
font-size: 15px;
font-weight: 100 !important;
padding: 12px 10px;
}
#sign_up table tr td a {
color: #90bb2a !important;
text-decoration: none;
}
#sign_up .trheading {
background: #f7f7f7 none repeat scroll 0 0;
color: #575757;
}
#sign_up table tr {
border-bottom: 1px solid #f2f2f2;
}
.checkyes {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/homenew/cg_check.png) no-repeat scroll 50% 50%;
}
.last_plan_tr {
border-bottom: 1px solid #d5d4d4 !important;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
#sign_up table tr td.greyheader strong {
font-family: Open Sans, Arial, sans-serif;
font-size: 16px !important;
font-weight: 500 !important;
}
#sign_up table tr td:last-child {
border-right: 1px solid #d5d4d4 !important;
}
#tiptip_content {
font-size:14px !important;
}
.thin_column {
margin-top: 34px;
}
.plans_faq_div {
text-align:left;
}
.plans_faq_div h1 {
color: #585555 !important;
font-family: Open Sans,sans-serif !important;
font-size: 26px !important;
font-weight: normal !important;
margin-bottom: 20px !important;
}
.plans_faq_div h2 {
color: #585555;
font-family: Open Sans, Arial, sans-serif;
font-size: 17px;
font-weight: normal;
margin-bottom: 7px;
}
.plans_faq_div p {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 100 !important;
line-height: 25px;
margin-bottom: 37px;
top:0 !important;
}
div.thin_column div.grid_6 p {
margin-right: 15px;
} .affiliates_header {
margin-top: -30px;
padding: 50px 0 65px;
}
.affiliates_header h1 {
border: medium none;
color: #fff;
font-family: Open Sans, Arial, sans-serif !important;
font-size: 36px;
font-weight: 300 !important;
width: 80%;
}
.affiliates_header p {
color: #fff;
font-size: 15px !important;
font-weight: normal !important;
}
.affiliates_header a {
background: #83b334 none repeat scroll 0 0;
color: #fff !important;
font-size: 15px !important;
font-weight: bold !important;
margin-top: 10px;
padding: 16px 27px 15px !important;
text-decoration: none;
}
.partnerForm {
margin-top: 30px;
}
.partnerForm p {
line-height: 1.9em !important;
margin-bottom: 25px !important;
font-family: Open Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 100;
}
.web_button {
background: #83b334 none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: white !important;
display: inline-block;
font-size: 15px !important;
font-weight: bold !important;
padding: 14px 20px;
transition: all 0.45s ease 0s !important;
}
.affiliates_benefits {
border-top: 1px solid #ccc;
padding: 60px 0 53px;
}
.affiliates_benefits .need_more {
background: #f3794d none repeat scroll 0 0 !important;
margin-top: 55px;
text-decoration: none;
}
.affiliates_benefits h2, .affiliate_more h2 {
font-size: 33px !important;
font-weight: 300;
}
.affiliates_benefits ul {
float: left;
margin-top: 10px !important;
width: 50%;
list-style: outside none none;
margin: 5px 0 0;
padding: 0;
}
.affiliates_benefits em, div.affiliates_benefits li {
font-size: 18px !important;
}
.affiliates_benefits ul li {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/ico_check_medium.png) no-repeat scroll 0 49% / 14px auto;
margin-bottom: 15px;
padding: 1px 0 0 25px;
}
.affiliate_more textarea {
height: 100px !important;
}
#googleForm ol {
margin-left: 1px;
}
#googleForm .ss-q-title {
font-weight: bold;
}
#googleForm input[type="text"] {
height: 30px;
padding: 5px;
width: 300px;
}
#googleForm .ss-q-item-label {
margin-top: 20px;
}
#googleForm label {
display: block;
margin-top: 5px;
}
input[type="text"], input[type="password"], input.text, input.title, textarea, select {
margin: 0.5em 0;
}
input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666}
#googleForm #ss-submit {
font-size: 16px !important;
width: 400px;
}
#googleForm #phone_number {
display: none;
}
textarea {
height: 250px;
padding: 5px;
width: 390px;
}
.partnerFormActions .disabled, .affiliate_more .disabled {
opacity: 0.6;
pointer-events: none;
}
.affiliate_more .marketing_button {
margin-top: 20px;
}
.partnerForm .marketing_button {
border: medium none;
}
.marketing_button {
background: #00b073 none repeat scroll 0 0 !important;
border-radius: 4px !important;
box-shadow: 0 3px 0 #00b073 !important;
color: #fff !important;
font-size: 15px !important;
font-weight: bold !important;
padding: 15px 40px 13px !important;
text-decoration: none !important;
transition: all 0.45s ease 0s !important;
}
.jointhem {
margin-bottom: 30px !important;
margin-top: 50px !important;
}
.jointhem p {
margin-bottom: 35px;
}
.jointhem span {
color: #adacac;
font-style: italic;
margin: 0 10px;
right: 9px;
} .page-template-page-template-how-it-works .site-content::after {
display: block;
} 
.hiw-areas {
clear: both;
overflow: hidden;
}
.hiw-area {
margin: 0 auto;
padding-top: 0px;
width: 960px;
}
div.hiw_caption {
margin: 45px auto 10px;
text-align: center;
}
div.hiw_caption h1 {
color: #5d5d5d;
font-family: Open Sans, Arial, sans-serif;
font-size: 36px;
font-weight: 100 !important;
line-height: 36px;
margin: 0 auto 5px;
position: relative;
}
div.hiw_caption p {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px !important;
font-weight: 100;
margin: 0;
}
.top_hiw_icons {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/bg_double_line.png) repeat-x scroll 0 50%;
margin-top: 70px;
margin-bottom: 70px;
width: 100%;
}
.top_hiw_icons #arrows {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/hiw_arrows.png) no-repeat scroll 50% center;
height: 20px;
}
.top_hiw_icons a:nth-child(1) {
color: #8cb818 !important;
}
.top_hiw_icons a:nth-child(1) {
color: #8bb911;
margin-left: 55px !important;
}
.top_hiw_icons a {
color: #7b7a7a !important;
display: inline-table;
font-family: Open Sans, Arial, sans-serif;
font-size: 13px;
font-weight: 100;
margin-left: 120px !important;
position: relative;
text-decoration: none;
top: -10px;
}
.top_hiw_icons .icon {
background: #fff;
display: table;
font-size: 28px;
margin: 0 auto;
}
.hiw_main_sections {
width: 100%;
}
.hiw_main_sections div {
width: 47%;
}
.side_text {
float: left;
}
.hiw_main_sections h1 {
color: #7b7b7b;
font-family: Open Sans, Arial, sans-serif;
font-size: 36px;
font-weight: 100;
}
.hiw_main_sections p, .hiw_main_sections p span {
color: #7b7b7b !important;
font-family: Open Sans,sans-serif !important;
font-size: 28px !important;
font-weight: 100 !important;
line-height: 42px !important;
margin: 10px 0 35px !important;
text-align: left;
}
.hiw_main_sections p span {
color: #9dc92a !important;
font-weight: 400 !important;
}
.hiw_main_sections p.click {
margin: 0 !important;
}
#more_connection, #more_initial_backup, #more_monitor, #more_restore {
position: static;
right: 10px;
}
.hiw_main_sections a.scroll {
margin: 20px 20px 0 0 !important;
}
.marketing_button_orange {
background: #ef8a52 none repeat scroll 0 0;
border: 0 none;
border-radius: 4px;
box-shadow: 0 3px 0 #e97130;
color: #fff !important;
font-family: Open Sans, Arial, sans-serif;
font-size: 15px !important;
font-weight: bold !important;
margin: 0 auto;
padding: 14px 30px;
text-align: center;
text-decoration: none !important;
top: -13px;
transition: all 0.4s ease 0s;
width: 200px;
}
.marketing_button {
background: #00b073 none repeat scroll 0 0;
border-radius: 4px;
box-shadow: 0 3px 0 #00b073;
color: #fff !important;
font-size: 15px !important;
font-weight: bold !important;
padding: 15px 40px 13px;
text-decoration: none !important;
transition: all 0.45s ease 0s;
}
.side_image {
float: right;
min-height: 345px;
position: relative;
width: 460px;
}
.side_image .image_holder {
overflow: visible;
z-index: 999;
}
.side_image div {
height: auto;
overflow: hidden;
width: 458px;
}
.side_image .image_holder a img {
background: #d9d9d9 none repeat scroll 0 0;
border: 1px solid #d9d9d9;
border-radius: 4px;
display: block;
padding-top: 14px;
max-height: 330px;
}
.side_image p {
font-size: 13px !important;
text-align: center !important;
}
ul, ol {
margin-left: 1.8em;
}
div.drop_down_monitoring, div.drop_down_backup_again, div.drop_down_initial_backup {
float: left;
z-index: 10;
}
.drop_down_initial_backup, .drop_down_monitor, .drop_down_backup_again, .drop_down_restore {
margin-bottom: 130px;
}
.drop_down_connect_site, .drop_down_initial_backup, .drop_down_monitoring, .drop_down_backup_again, .drop_down_restore {
background: #303030 url(/wp-content/themes/codeguard_base/images/hiw_teeth.png) repeat-x scroll 0 0;
border-bottom: 5px solid #dedddd;
color: #fff;
font-family: Open Sans, Arial, sans-serif;
font-size: 14px !important;
font-weight: 100;
padding: 15px 0;
position: relative;
text-align: center;
top: 35px;
width: 100%;
}
.hiw-details p {
font-size: 14px !important;
line-height: 21px;
margin-bottom: 20px;
text-align: left;
}
.hiw-details ul, .hiw-details ol {
margin-left: 1.8em;
}
#drop_down_inner_restore {
padding-top: 30px;
}
.hiw-details ul li, .hiw-details ol li {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 100 !important;
padding: 5px;
}
div.hiw_follow {
position: relative;
}
.hiw_follow {
background: #f5f5f5 none repeat scroll 0 0;
border: 1px solid #e0e0e0;
border-radius: 12px;
float: right;
height: 300px;
left: 130px !important;
padding: 15px 10px;
position: relative;
top: -355px;
width: 60px !important;
}
.hiw_follow a.scroll {
color: #aaaaaa;
display: block;
font-size: 24px;
margin-top: 19px;
text-align: center;
}
.hiw_follow a i {
border: medium none;
border-radius: 0;
display: block;
margin: 0 auto 20px;
}
.hiw_main_sections a i {
border: 5px solid #fff;
border-radius: 20px;
margin-top: 7px;
}
.hiw_container_grad {
padding-top: 150px;
}
.section-1 .initial_backup, .section-2 .monitoring, .section-3 .backup_again, .section-4 .restore {
color: #91BF18 !important;
}
img.hidebtn {
border: 5px solid #303030;
border-radius: 20px;
display: block;
margin: 0 auto;
text-align: center;
}
img.hidebtn:hover {
border: 5px solid #4f4f4f;
}
.hiw_tables {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 100 !important;
text-align: left;
}
.hiw_tables h1 {
margin: 30px 0 20px;
}
ul.tabs {
float: left;
height: 32px;
list-style: outside none none;
margin: 0;
padding: 0;
width: 110%;
}
ul.tabs li.active {
background-image: -moz-linear-gradient(center bottom , #101010 27%, #292829 64%, #292929 82%);
border: 1px solid #101010;
}
ul.tabs li {
background: #101010 none repeat scroll 0 0;
border: 1px solid #101010;
border-radius: 5px 5px 0 0;
cursor: pointer;
float: left;
font-weight: bold;
height: 31px;
line-height: 31px;
margin: 0 10px 0 0;
overflow: hidden;
padding: 0 21px;
position: relative;
}
ul.tabs li {
display: block;
float: left;
margin-right: 18px;
position: relative;
text-align: center;
width: 177px;
z-index: 10;
}
.hiw_tables h1 {
margin: 30px 0 20px;
}
.hiw-details h1 {
font-family: Open Sans, Arial, sans-serif;
font-size: 28px;
font-weight: 100 !important;
margin-bottom: 20px;
text-align: left;
} .formProgress::before {
background: #e8e8e8 none repeat scroll 0 0;
content: "";
display: block;
height: 2px;
margin-top: 16px;
position: absolute;
width: 217px;
z-index: -1;
}
.formProgress {
float: left;
}
.formProgress .active {
background: #008e5d none repeat scroll 0 0;
border: 2px solid #008e5d;
color: #fff;
font-weight: bold;
}
.formProgress span {
background: #fff none repeat scroll 0 0;
border: 2px solid #e8e8e8;
border-radius: 100%;
color: #b3b3b3;
display: block;
float: left;
font-family: Open Sans, Arial, sans-serif;
font-size: 15px;
height: 32px;
line-height: 19px;
margin: 0 60px 0 0;
padding: 5px;
text-align: center;
width: 32px;
}
#googleForm {
clear: both;
float: left;
margin-bottom: 30px;
margin-top: 10px;
width: 100%;
}
.partnerFormActions {
margin-top: 25px;
}
#googleForm label {
display: block;
margin-top: 5px;
}
.ss-choices {
margin: 0;
} .partners_inner {
min-height: 570px;
position: relative;
padding:10px;
}
.partners_inner img, .other_partners_inner img {
display: block;
margin: 0 auto 15px;
text-align: center;
}
.partners_inner:hover {
box-shadow:0px 0px 10px #ddd;
}
#otherPartners img {
height: auto;
margin: 5px;
max-width: 170px;
}
.other_partners_inner {
width: 22%;
} .sub_section {
margin-bottom: 45px;
margin-top: 30px;
}
.morespace {
padding-bottom: 12px;
}
.cg_logo_download {
float: left;
margin-bottom: 30px;
width: 50%;
}
#image_panel img {
border-radius: 3px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.27);
margin: 10px 30px 0 0;
display: block;
}
#image_panel a {
color: #00b073;
padding-right: 15px;
position: relative;
top: 7px;
}
.sub_section textarea {
font-family: Open Sans, Arial, sans-serif;
font-weight: 100;
height: 75px;
margin-top: 10px;
width: 690px;
}
.marketing_copy {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #e0e0e0;
margin-bottom: 60px;
margin-top: 20px;
padding: 30px;
}
.marketing_copy div {
margin-bottom: 35px;
}
.strong_h3 {
font-size: 20px !important;
margin-bottom: 10px !important;
} .aboutsnav {
border-bottom: 1px solid #ececec;
margin-bottom: 20px;
padding: 10px 0 10px;
top: 0;
width: 100%;
overflow: hidden;
}
.aboutsnav h2 {
float: left !important;
font-family: Open Sans,sans-serif !important;
font-size: 20px !important;
font-weight: 100 !important;
margin: 10px 0 0 !important;
padding: 0 !important;
}
.aboutsnav nav {
float: right;
padding: 11px 11px 11px 0;
}
.aboutsnav ul {
margin: 0;
}
.aboutsnav ul li {
display: inline;
list-style-type: none;
}
.aboutsnav .current_page_item a {
color: #00b073 !important;
}
#hiw-menu li:after {
content: " / ";
margin: 0 0 0 7px;
color: #444;
font-size:11px;
}
#hiw-menu li:last-child:after{
content: " ";
} 
.aboutsnav a {
color: #9e9e9e !important;
font-family: Open Sans,sans-serif !important;
font-size: 10px !important;
padding: 4px !important;
text-decoration: none !important;
text-transform: uppercase !important;
}
.clearfix::before, .clearfix::after, .row::before, .row::after {
content: " ";
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
.row::after, .clearfix::after {
clear: both;
}
.clearfix::before, .clearfix::after, .row::before, .row::after {
content: " ";
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
.row {
margin: 0 auto;
width: 960px;
} .malware_header {
text-align: center;
}
.malware_section, .software_section, .software_sub_section, .professional_sub_section {
border-bottom: 1px solid #dedede;
padding-bottom: 60px;
padding-top: 60px;
width: 100% !important;
}
.malware_section_container, .software_section_container, .professional_section_container {
margin: 0 auto;
}
.malware_icon {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
text-align: center;
}
#malware_scan {
margin-top: -100px;
text-align: center;
width: 30%;
}
#malware_scan h3, #malware_discover h3, #malware_fix h3 {
font-size: 1.5em;
}
#malware_discover {
text-align: center;
width: 30%;
}
#malware_fix {
margin-bottom: 100px;
margin-top: -100px;
text-align: center;
width: 30%;
}
.page-template-page-template-malware .aboutsnav, .page-template-page-template-professionals .aboutsnav, .page-template-page-template-cms .aboutsnav{
margin-bottom: 0;
}
.software_sub_section h1 {
color: #989898;
font-family: Open Sans, Arial, sans-serif;
font-weight: 400 !important;
margin-top: 23px;
padding-bottom: 6px;
text-align: center;
}
.rs_image div {
height: 270px;
left: 1px;
overflow: hidden;
position: relative;
top: 28px;
width: 398px;
}
.rs_image {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/hiw_browser.png) no-repeat scroll 100% 0 / 400px 294px;
float: right;
height: 345px;
margin-top: 85px;
width: 400px;
}
.rs_image p {
margin-top: 35px;
text-align: center;
} #professional_top_area div.top_area_inner_js {
height: 315px;
padding-bottom: 0px;
margin: 0;
}
div.top_area_inner_js {
padding-right: 30px;
position: relative;
overflow: hidden;
}
#professional_top_area div:nth-child(2) img {
position: relative;
right: 125px;
top: 25px;
z-index: 1;
}
.social_image_3_js {
margin-top: -10px;
position: relative;
right: 390px !important;
z-index: 1;
}
div.prof_part0_js img {
margin-top: 100px;
}
div.prof_part1_js {
position: relative;
top: -10px;
}
div.prof_part1_js {
height: 400px;
left: 260px;
position: relative;
}
div.prof_part2_js {
position: relative;
top: -65px;
}
div.prof_part0_js img {
margin-top: 100px;
}
div.fun_headers {
width: 48%;
}
ul.bjqs {
display: none;
height: 337px !important;
list-style: outside none none;
margin: 0;
overflow: hidden;
padding: 0 0 0 130px;
position: relative;
right: 132px;
width: 732px !important;
}
div.prof_part3_js {
padding-right: 30px;
position: relative;
top: -150px;
}
div.prof_part3_js {
height: 312px !important;
width: 605px !important;
}
img.banner_webdev {
margin-left: 30px;
position: relative !important;
top: 10px !important;
}
img.banner_agency {
margin-left: 30px;
position: relative !important;
top: 10px !important;
}
img.design_agency {
margin-left: 60px;
}
div.fun_images {
float: right;
left: 160px;
position: relative;
top: -150px;
}
.fun_headers h1 {
color: #4f4e4e;
font-family: Open Sans, Arial, sans-serif;
font-size: 28px;
font-weight: 100;
margin-top: 15px;
margin-bottom: 0px;
}
.fun_headers h1 span {
color: #99c135;
font-size: 33px;
}
.fun_headers h2 {
color: #4f4e4e;
float: right;
font-family: Open Sans, Arial, sans-serif;
font-size: 28px;
font-weight: 100;
margin-right: 115px;
margin-top: 0px;
}
.fun_headers h2 span {
color: #99c135;
font-size: 33px;
}
.fun_headers h3 {
color: #4f4e4e !important;
float: right;
font-family: Open Sans,sans-serif !important;
font-size: 28px !important;
font-weight: 100 !important;
margin-right: 115px !important;
position: relative;
top: -11px;
}
.fun_headers h3 span {
color: #99c135;
font-size: 33px;
}
.fun_headers h4 {
color: #696969;
font-family: Open Sans, Arial, sans-serif;
font-size: 42px;
font-weight: 100;
line-height: 50px;
position: relative;
top: -9px;
}
.fun_headers h4 span {
color: #99c135;
font-size: 43px;
}
div.free_trial_div h1 {
color: #989898;
font-family: Open Sans, Arial, sans-serif;
font-size: 23px !important;
font-weight: 400 !important;
margin-top: 23px;
padding-bottom: 6px;
text-align: center;
}
div.free_trial_div a {
color: #ea9155;
font-weight: 500;
text-decoration: none;
}
div.multi_features h1 {
color: #525252;
font-family: Open Sans, Arial, sans-serif;
font-size: 19px;
font-weight: 400 !important;
margin-bottom: 10px;
text-align: center;
}
div.multi_features p {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px !important;
font-weight: 100 !important;
line-height: 22px;
text-align: center;
}
div.multi_features p strong {
color: #717171 !important;
font-family: Open Sans, Arial, sans-serif;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 22px;
}
div.multi_features div:nth-child(1) {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/eye_icon.png) no-repeat scroll 50% 0;
padding-top: 80px;
}
div.multi_features div:nth-child(2) {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/heart_icon.png) no-repeat scroll 50% 0;
padding-top: 80px;
}
div.multi_features div:nth-child(3) {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/mail_icon.png) no-repeat scroll 50% 2%;
padding-top: 80px;
}
div.multi_features div:nth-child(4) {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/money_icon.png) no-repeat scroll 50% 2%;
padding-top: 80px;
}
div.prof_testimonial p {
color: #989898;
font-family: Open Sans, Arial, sans-serif;
font-size: 27px !important;
font-weight: 200 !important;
padding: 7px 0 20px;
text-align: center;
}
div.prof_testimonial img { 
padding: 0 5px;
position: relative;
top: 20px;
}
div.video_text { 
float: right; 
} 
div.prof_video_testimonials {
margin-top: 80px;
}
div.prof_video_testimonials p {
color: #818181;
font-family: Open Sans, Arial, sans-serif;
font-size: 16px;
font-weight: 100;
line-height: 1.8;
margin-top: 7px;
}
.client_access div.header_sect {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/ico_client_access.png) no-repeat scroll 0 0;
margin-bottom: 40px;
padding-left: 57px;
}
.brandable_portal div.header_sect {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/ico_brandable_portal.png) no-repeat scroll 0 0;
margin-bottom: 40px;
padding-left: 57px;
}
.security div.header_sect {
background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/ico_security.png) no-repeat scroll 0 0;
margin-bottom: 40px;
padding-left: 57px;
}
div.header_sect p {
font-size: 16px;
line-height: 1.8;
}
div.final_features {
float: left;
margin-top: 70px;
}
div.final_features h1 {
color: #5d5d5d;
font-family: Open Sans, Arial, sans-serif;
font-size: 24px !important;
font-weight: 100;
line-height: 36px !important;
}
div.final_features h1 span {
color: #424242;
font-size: 27px !important;
font-weight: 500;
}
div.final_features a#start_trial_button {
display: block;
font-size: 90%;
margin-bottom: 20px;
margin-top: 20px;
padding: 13px 0;
text-align: center;
text-decoration: none;
width: 100%;
}
div.final_features2 {
margin-top: 50px;
float: left;
}
div.final_features2 div h2 {
color: #434343;
font-family: Open Sans, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
width: 750px;
}
div.final_features2 p {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 100;
line-height: 24px;
margin-top: 7px;
} .software_section_container table {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #ececec !important;
margin-bottom: 20px;
margin-top: 30px;
padding-bottom: 40px;
padding-top: 10px;
}
a.rackspace_watch_video {
background-image: url(/wp-content/themes/codeguard_base/images/hero_play.png);
background-position-x: 9%;
background-position-y: 51%;
background-size: 22px auto;
background-repeat: no-repeat;
background-color: rgb(209, 0, 36);
background-size: 22px auto;
border-radius: 4px;
box-shadow: 0 3px 0 #ad001e;
color: #fff !important;
font-size: 14px !important;
font-weight: bold !important;
left: 5px;
padding: 16px 27px 13px 46px;
position: relative;
text-decoration: none;
text-shadow: 1px 1px 0 #bd0021;
top: -3px;
transition: all 0.4s ease 0s;
}
.vaultpress_logo {
height: 64px;
}
.backupbuddy_logo {
height: 64px;
}
#sign_up.no_background {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#sign_up table tr td.lighttd.fastest {
background-color: #00b073;
color: white;
font-weight: 600 !important;
}
.software_section_container table {
background: #fff none repeat scroll 0 0;
border: 1px solid #d5d4d4 !important;
}
#sign_up table tr td.lighttd {
text-align: center;
}
#sign_up table tr td.lighttd.slowest {
background-color: #d10024;
color: white;
font-weight: 600 !important;
}
#sign_up table tr td:nth-child(1) {
border-left: medium none;
}
#sign_up table tr {
border-bottom: 1px solid #f2f2f2;
}
#sign_up table tr td {
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
font-family: Open Sans, Arial, sans-serif;
font-size: 15px;
font-weight: 100 !important;
padding: 12px 10px;
}
.rs_text {
float: left;
width: 50%;
}
.rs_text h1, .rs_text p {
text-align: left !important;
}
.rs_text h1 {
color: #5d5d5d;
font-family: Open Sans, Arial, sans-serif;
font-size: 36px;
font-weight: 100 !important;
}
.rs_text p, .rs_full p{
font-family: Open Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 100;
position: relative;
margin-bottom: 20px;
font-family: Open Sans, Arial, sans-serif;
line-height: 1.8em;
}
.rs_text h2, .rs_full h2 {
font-size: 25px !important;
margin-bottom: 15px;
}
.rs_image p {
margin-top: 35px;
text-align: center;
}
.cmscontainer .reason1, .cmscontainer .reason2, .cmscontainer .reason3 {
display: block;
float: left;
margin-bottom: 90px;
width: 100%;
}
.cmscontainer h2, .cmscontainer h2 strong {
font-size: 26px;
font-weight: 400;
}
.cmscontainer h2 strong {
font-weight: 600;
}
.cmscontainer .image img {
background: #d9d9d9 none repeat scroll 0 0;
border: 1px solid #d9d9d9;
border-radius: 4px;
height: auto;
padding-top: 12px;
width: 420px;
display:block;
}
.cmscontainer .text {
float: left;
width: 468px;
}
.cmscontainer .image {
float: right;
text-align:center;
color: #a3a3a3;
}
.cmscontainer .image p {
color: #a3a3a3;
font-size: 13px;
margin-top: 5px;
text-align: center;
width: 420px;
}
.cmscontainer .reason2 .text {
float: right;
}
.cmscontainer .reason2 .image {
float: left;
}
.cmscontainer p {
font-size: 15px;
line-height: 1.8em;
margin-top: 20px;
}
.cmscontainer ol li {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 100;
line-height: 1.8em;
}
.tryitfree {
font-family: Open Sans,Open Sans,Arial,sans-serif;
margin-bottom: 50px;
text-align: center;
}
.tryitfree h1 {
font-size: 37px;
font-weight: 500;
color: #444;
}
.tryitfree p a {
color: #90bb2a;
font-weight: bold;
text-decoration: none;
}
.tryitfree p {
font-size: 15px;
}
.tryitfree .button {
background: #f3794d none repeat scroll 0 0;
border-radius: 4px;
color: #fff !important;
display: block;
float: none;
font-size: 18px;
font-weight: 600;
margin: 30px auto 10px;
padding: 13px 27px;
text-align: center;
text-decoration: none;
transition: all 0.45s ease 0s;
width: 300px;
}
.cms_banner {
text-align:center;
}
.cms_banner h1, .cms_banner span {
font-size: 40px;
font-weight: 500;
}
.cms_banner p {
font-size: 18px !important;
margin-top: 15px;
}
.drupalbanner h1 span {
color: #008fcc;
}
.joomlabanner h1 span {
color: #ed413c;
}
.magentobanner h1 span {
color: #f17a2f;
}
.typo3banner h1 span {
color: #fd8624;
}
.modxbanner h1 span {
color: #77bc55;
} .support_container {
margin-bottom: 40px;
}
.support_heading h2{
text-align: center;
margin-bottom: 15px;
}
h1.support_type {
background: #ccc;
padding: 10px;
text-align: center;
}
.support_content div {
margin-bottom: 10px;
padding: 10px;
}
.support_content div h1 {
margin-bottom: 5px;
margin-top: 10px;
}
.support_content div.gray {
background: #f8f8f8;
} .main-navigation .menu li.navsignup a {
background: #00b073 none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: white;
display: inline-block;
margin-right: 0;
padding: 10px 19px !important;
position: relative;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.17);
top: -10px;
transition: all 0.45s ease 0s !important;
} @media only screen and (max-width: 960px) {
.bottom_footer_container {width: 90%;}
.main-navigation {width: 90%;}
.main-navigation .menu {margin-top: 0px; background: white; z-index: 999; position: relative; border: 1px solid #ececec; width: 100%; top: 12px; left: 0px;}
.main-navigation .menu li a {padding: 13px 0px; margin: 0px;}
.main-navigation .menu li {width: 100%; text-align: center; border-top: 1px solid #ececec;}
.main-navigation .menu li:nth-child(6) a {top: 0px; padding: 13px 0px !important; border-radius: 0px !important; display: block;}
.logo_tagline_container { margin-left: 20px; width: 135px}
.logo_tagline_container span { display:none; }
.main-navigation, #main { width: 100%;}
.nav_container { height: 60px; }
.container_12, .container_16 { width: 100% !important;}
.hiw_main_sections .side_text { text-align: center;}
.hiw_main_sections p, .hiw_main_sections p span { text-align: center; }
.hiw_main_sections .side_text, .backup_again div.side_text p, .initial_backup div.side_text p, #restore div.side_text { width: 90%; float: none;; margin:0 auto;}
.side_image { clear: both; float: none; margin: 0 auto; top: 10px; width: 100% !important; }
.side_image .image_holder { margin: 0 auto; position: relative; margin-top: 20px; display: block !important; max-height:auto; width: 90%; }
.top_hiw_icons #arrows, .top_hiw_icons { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin: 0 auto; width: 75%; text-align: center;}
.top_hiw_icons { margin-top: 40px; }
.top_hiw_icons a:nth-child(1) { margin-left: 0 !important; }
.top_hiw_icons a { margin-left: 55px !important; }
.hiw_follow { display: none; }
.site-footer { display: inline-block; margin-bottom: -20px; width: 100%; }
.row { margin: 0 auto; overflow: hidden; width: 90%; }
.aboutsnav h2 { margin: 0 auto; overflow: hidden; width: 100%; text-align:center; }
.aboutsnav nav { float: none; margin: 20px 20px auto; width: 100%; padding-top: 30px; }
.aboutsnav ul { margin: 0 auto; width: 100%; text-align: center; }
.aboutsnav ul li { display: inline-table; }
.site-content { display: block; margin: 0 auto; overflow: hidden; width: 100%; }
.hiw_main_sections { display: block !important; }
.side_image .image_holder a img { max-height:inherit; }
.grid_4 { display: inline; float: left; margin: 0 16px; overflow: hidden; width: 100%; }
.hiw-details h1 { display: block; text-align: center; }
.hiw-details p { display: block; padding:10px; }
.alignright, .alignleft { display: block; float: none; margin: 20px auto; }
.hiw_container_grad { display: inline-block; }
.grid_6 {  width: 44%; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: block; margin: 30px auto; overflow: hidden; }
.page-template-page-template-plans .plans_faq_div { width: 90%; margin: 20px 20px auto; }
.plans_section .container_12 { width: 90% !important; }
}
@media only screen and (max-width: 900px) {
.content-area {width: 90%;}
.site-branding {background: #2e3138;}
.top_hiw_icons #arrows, .top_hiw_icons { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin: 0 auto; width: 90%; text-align: center;}
.top_hiw_icons a { margin-left: 30px !important; }
.top_hiw_icons { margin-top: 40px; }
.hiw_main_sections a.scroll { margin: 0 auto 30px !important; width: 50%; }
#malware_scan, #malware_discover, #malware_fix { width: 90%; margin: 30px;}
.plans_faq_div .grid_6 {  width: 100%; }
.plans_toggle ul li a, .plans_toggle ul li { width: 100% !important; }
.subscription_toggle li { clear: both; display: block; float: left; text-align: center; }
.subscription_toggle li a { border: 1px solid #ccc; width: 200px; border-radius: 0 !important;}
.plans_toggle { margin-bottom: 30px !important; margin-top: 0 !important; width: 100% !important; }
.plans_toggle ul { height: 137px !important; margin: 0 auto !important; width: 100% !important; }
.row { margin: 0 auto; overflow: hidden; width: 90%; }
#pricingplans { float: left; height: auto; margin-bottom: 105px; width: 100%; }
.last_header, .plans_box .plan_header, .plans_box_custom .plan_header { border: 1px solid #d5d5d5; border-top-left-radius: 7px; border-top-right-radius: 7px; }
.plans_box { float: none; width: 100%; margin-bottom: 80px; }
div.use_wordpress { height: auto; padding-bottom: 40px; width: 80%; }
div.use_wordpress h1, div.use_wordpress p { float: none !important; margin: 0 auto; text-align: center !important; width: 100% !important;}
div.use_wordpress a { float: none !important; margin: 20px auto 0; }
div.use_wordpress h1 { display: inline-block; }
.nomonthlybilling.ninja_no_monthly { display: block; margin: 0 auto; text-align: center; width: 75%; }
.partner_marketing_button, .partner_marketing_button_orange { clear: both; display: block;  float: none; text-align: center;  width: 100%; }
.jointhem span { display: block; margin: 10px auto; text-align: center; }
#sign_up table tr td, #sign_up table h2, #sign_up table tr td.greyheader strong {font-size: 12px !important;}
#sign_up .trheadingtop td:first-child { width: 100%;}
.grid_4 { display: inline; float: left; margin: 0 16px; overflow: hidden; width: 44%; }
div.fun_headers { width: 100%; }
div.fun_images { display: none; }
div.fun_headers { background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/bg_part3_small.png) no-repeat scroll 100% 0px;height: 360px; margin-left: 10px; padding-right: 330px; }
div.fun_headers h4, .fun_headers h4 span { font-size: 38px !important; }
div.fun_headers h1 span, .fun_headers h2 span, .fun_headers h3, .fun_headers h3 span { font-size: 18px !important; }
.rs_text { float: none; margin: 0 auto; width: 90%; }
.rs_image div { height: 250px; left: 22px; overflow: hidden; position: relative; top: 27px; width: 95%; }
.rs_image { background: none; float: none; height: 345px; margin: 25px 10px auto; width: 90%; }
}
@media only screen and (max-width: 769px) {
#mc_embed_signup {width: 90%;}
#mc_embed_signup form input[type="submit"] {width: 100%; margin-left: 0px; margin-top: 10px;}
#mc_embed_signup form input.email {width: 100%;}
#mc_embed_signup form {margin: 0 auto; width: 60%;}
.bottom_footer {display: none;}
.footer_mobile, .footer_social_mobile {display: block !important;}
.footer_desktop, footer .bottom_footer { display: none !important; }
.hiw_main_sections a.scroll { display: block; margin: 0 auto 30px !important; width: 100%; }
.top_hiw_icons a:nth-child(1) { font-size: 8px; }
.top_hiw_icons a span { display: none !important; }
.top_hiw_icons a i { color: #7b7a7a !important; }
.top_hiw_icons a:first-child i { color: #97C322 !important; }
.top_hiw_icons a:nth-child(1) { font-size: 8px; }
.top_hiw_icons a { margin-left: 20px !important; }
div.hiw_caption h1 { font-size: 22px;}
.grid_6 {  width: 90%; }
.grid_4 { display: block; float: none; margin: 20px auto; overflow: hidden; width: 90%; }
div.top_area_inner_js { overflow: hidden; padding-right: 0px;}
div.fun_headers { background: none; height: 360px; margin-left: 10px; padding-right: 210px; }
div.fun_headers { background: rgba(0, 0, 0, 0) url(/wp-content/themes/codeguard_base/images/bg_part3_small.png) no-repeat scroll 185% 0px;height: 360px; margin-left: 10px; padding-right: 210px; }
}
@media only screen and (max-width: 526px) {
.main-navigation .menu {top: 29px;}
div.fun_headers { background: none; height: 360px; margin-left: 10px; padding-right: 0; }
}
@media only screen and (max-width: 503px) {
.main-navigation .menu {top: 13px;}
}
@media only screen and (max-width: 500px) {
.comment-respond form input {width: 100%;}
#mc_embed_signup form {margin: 0 auto; width: 100%;}
.top_footer p, footer h2 {padding: 0px 20px;}
.main-navigation .menu {left: 0px;}
.search-form input.search-field {width: 200px;}
.search_form {display: none;}
.top_footer {margin-top: 20px;}
}
@media only screen and (max-width: 303px) {
.main-navigation {width: 97%;}
.main-navigation .menu {left: 7px}
}
 @font-face { font-family: "Ionicons"; src: url(/wp-content/themes/codeguard_base/fonts/ionicons.eot?v=2.0.0); src: url(/wp-content/themes/codeguard_base/fonts/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"), url(/wp-content/themes/codeguard_base/fonts/ionicons.ttf?v=2.0.0) format("truetype"), url(/wp-content/themes/codeguard_base/fonts/ionicons.woff?v=2.0.0) format("woff"), url(/wp-content/themes/codeguard_base/fonts/ionicons.svg?v=2.0.0#Ionicons) format("svg"); font-weight: normal; font-style: normal; }
.ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ion-alert:before { content: "\f101"; }
.ion-alert-circled:before { content: "\f100"; }
.ion-android-add:before { content: "\f2c7"; }
.ion-android-add-circle:before { content: "\f359"; }
.ion-android-alarm-clock:before { content: "\f35a"; }
.ion-android-alert:before { content: "\f35b"; }
.ion-android-apps:before { content: "\f35c"; }
.ion-android-archive:before { content: "\f2c9"; }
.ion-android-arrow-back:before { content: "\f2ca"; }
.ion-android-arrow-down:before { content: "\f35d"; }
.ion-android-arrow-dropdown:before { content: "\f35f"; }
.ion-android-arrow-dropdown-circle:before { content: "\f35e"; }
.ion-android-arrow-dropleft:before { content: "\f361"; }
.ion-android-arrow-dropleft-circle:before { content: "\f360"; }
.ion-android-arrow-dropright:before { content: "\f363"; }
.ion-android-arrow-dropright-circle:before { content: "\f362"; }
.ion-android-arrow-dropup:before { content: "\f365"; }
.ion-android-arrow-dropup-circle:before { content: "\f364"; }
.ion-android-arrow-forward:before { content: "\f30f"; }
.ion-android-arrow-up:before { content: "\f366"; }
.ion-android-attach:before { content: "\f367"; }
.ion-android-bar:before { content: "\f368"; }
.ion-android-bicycle:before { content: "\f369"; }
.ion-android-boat:before { content: "\f36a"; }
.ion-android-bookmark:before { content: "\f36b"; }
.ion-android-bulb:before { content: "\f36c"; }
.ion-android-bus:before { content: "\f36d"; }
.ion-android-calendar:before { content: "\f2d1"; }
.ion-android-call:before { content: "\f2d2"; }
.ion-android-camera:before { content: "\f2d3"; }
.ion-android-cancel:before { content: "\f36e"; }
.ion-android-car:before { content: "\f36f"; }
.ion-android-cart:before { content: "\f370"; }
.ion-android-chat:before { content: "\f2d4"; }
.ion-android-checkbox:before { content: "\f374"; }
.ion-android-checkbox-blank:before { content: "\f371"; }
.ion-android-checkbox-outline:before { content: "\f373"; }
.ion-android-checkbox-outline-blank:before { content: "\f372"; }
.ion-android-checkmark-circle:before { content: "\f375"; }
.ion-android-clipboard:before { content: "\f376"; }
.ion-android-close:before { content: "\f2d7"; }
.ion-android-cloud:before { content: "\f37a"; }
.ion-android-cloud-circle:before { content: "\f377"; }
.ion-android-cloud-done:before { content: "\f378"; }
.ion-android-cloud-outline:before { content: "\f379"; }
.ion-android-color-palette:before { content: "\f37b"; }
.ion-android-compass:before { content: "\f37c"; }
.ion-android-contact:before { content: "\f2d8"; }
.ion-android-contacts:before { content: "\f2d9"; }
.ion-android-contract:before { content: "\f37d"; }
.ion-android-create:before { content: "\f37e"; }
.ion-android-delete:before { content: "\f37f"; }
.ion-android-desktop:before { content: "\f380"; }
.ion-android-document:before { content: "\f381"; }
.ion-android-done:before { content: "\f383"; }
.ion-android-done-all:before { content: "\f382"; }
.ion-android-download:before { content: "\f2dd"; }
.ion-android-drafts:before { content: "\f384"; }
.ion-android-exit:before { content: "\f385"; }
.ion-android-expand:before { content: "\f386"; }
.ion-android-favorite:before { content: "\f388"; }
.ion-android-favorite-outline:before { content: "\f387"; }
.ion-android-film:before { content: "\f389"; }
.ion-android-folder:before { content: "\f2e0"; }
.ion-android-folder-open:before { content: "\f38a"; }
.ion-android-funnel:before { content: "\f38b"; }
.ion-android-globe:before { content: "\f38c"; }
.ion-android-hand:before { content: "\f2e3"; }
.ion-android-hangout:before { content: "\f38d"; }
.ion-android-happy:before { content: "\f38e"; }
.ion-android-home:before { content: "\f38f"; }
.ion-android-image:before { content: "\f2e4"; }
.ion-android-laptop:before { content: "\f390"; }
.ion-android-list:before { content: "\f391"; }
.ion-android-locate:before { content: "\f2e9"; }
.ion-android-lock:before { content: "\f392"; }
.ion-android-mail:before { content: "\f2eb"; }
.ion-android-map:before { content: "\f393"; }
.ion-android-menu:before { content: "\f394"; }
.ion-android-microphone:before { content: "\f2ec"; }
.ion-android-microphone-off:before { content: "\f395"; }
.ion-android-more-horizontal:before { content: "\f396"; }
.ion-android-more-vertical:before { content: "\f397"; }
.ion-android-navigate:before { content: "\f398"; }
.ion-android-notifications:before { content: "\f39b"; }
.ion-android-notifications-none:before { content: "\f399"; }
.ion-android-notifications-off:before { content: "\f39a"; }
.ion-android-open:before { content: "\f39c"; }
.ion-android-options:before { content: "\f39d"; }
.ion-android-people:before { content: "\f39e"; }
.ion-android-person:before { content: "\f3a0"; }
.ion-android-person-add:before { content: "\f39f"; }
.ion-android-phone-landscape:before { content: "\f3a1"; }
.ion-android-phone-portrait:before { content: "\f3a2"; }
.ion-android-pin:before { content: "\f3a3"; }
.ion-android-plane:before { content: "\f3a4"; }
.ion-android-playstore:before { content: "\f2f0"; }
.ion-android-print:before { content: "\f3a5"; }
.ion-android-radio-button-off:before { content: "\f3a6"; }
.ion-android-radio-button-on:before { content: "\f3a7"; }
.ion-android-refresh:before { content: "\f3a8"; }
.ion-android-remove:before { content: "\f2f4"; }
.ion-android-remove-circle:before { content: "\f3a9"; }
.ion-android-restaurant:before { content: "\f3aa"; }
.ion-android-sad:before { content: "\f3ab"; }
.ion-android-search:before { content: "\f2f5"; }
.ion-android-send:before { content: "\f2f6"; }
.ion-android-settings:before { content: "\f2f7"; }
.ion-android-share:before { content: "\f2f8"; }
.ion-android-share-alt:before { content: "\f3ac"; }
.ion-android-star:before { content: "\f2fc"; }
.ion-android-star-half:before { content: "\f3ad"; }
.ion-android-star-outline:before { content: "\f3ae"; }
.ion-android-stopwatch:before { content: "\f2fd"; }
.ion-android-subway:before { content: "\f3af"; }
.ion-android-sunny:before { content: "\f3b0"; }
.ion-android-sync:before { content: "\f3b1"; }
.ion-android-textsms:before { content: "\f3b2"; }
.ion-android-time:before { content: "\f3b3"; }
.ion-android-train:before { content: "\f3b4"; }
.ion-android-unlock:before { content: "\f3b5"; }
.ion-android-upload:before { content: "\f3b6"; }
.ion-android-volume-down:before { content: "\f3b7"; }
.ion-android-volume-mute:before { content: "\f3b8"; }
.ion-android-volume-off:before { content: "\f3b9"; }
.ion-android-volume-up:before { content: "\f3ba"; }
.ion-android-walk:before { content: "\f3bb"; }
.ion-android-warning:before { content: "\f3bc"; }
.ion-android-watch:before { content: "\f3bd"; }
.ion-android-wifi:before { content: "\f305"; }
.ion-aperture:before { content: "\f313"; }
.ion-archive:before { content: "\f102"; }
.ion-arrow-down-a:before { content: "\f103"; }
.ion-arrow-down-b:before { content: "\f104"; }
.ion-arrow-down-c:before { content: "\f105"; }
.ion-arrow-expand:before { content: "\f25e"; }
.ion-arrow-graph-down-left:before { content: "\f25f"; }
.ion-arrow-graph-down-right:before { content: "\f260"; }
.ion-arrow-graph-up-left:before { content: "\f261"; }
.ion-arrow-graph-up-right:before { content: "\f262"; }
.ion-arrow-left-a:before { content: "\f106"; }
.ion-arrow-left-b:before { content: "\f107"; }
.ion-arrow-left-c:before { content: "\f108"; }
.ion-arrow-move:before { content: "\f263"; }
.ion-arrow-resize:before { content: "\f264"; }
.ion-arrow-return-left:before { content: "\f265"; }
.ion-arrow-return-right:before { content: "\f266"; }
.ion-arrow-right-a:before { content: "\f109"; }
.ion-arrow-right-b:before { content: "\f10a"; }
.ion-arrow-right-c:before { content: "\f10b"; }
.ion-arrow-shrink:before { content: "\f267"; }
.ion-arrow-swap:before { content: "\f268"; }
.ion-arrow-up-a:before { content: "\f10c"; }
.ion-arrow-up-b:before { content: "\f10d"; }
.ion-arrow-up-c:before { content: "\f10e"; }
.ion-asterisk:before { content: "\f314"; }
.ion-at:before { content: "\f10f"; }
.ion-backspace:before { content: "\f3bf"; }
.ion-backspace-outline:before { content: "\f3be"; }
.ion-bag:before { content: "\f110"; }
.ion-battery-charging:before { content: "\f111"; }
.ion-battery-empty:before { content: "\f112"; }
.ion-battery-full:before { content: "\f113"; }
.ion-battery-half:before { content: "\f114"; }
.ion-battery-low:before { content: "\f115"; }
.ion-beaker:before { content: "\f269"; }
.ion-beer:before { content: "\f26a"; }
.ion-bluetooth:before { content: "\f116"; }
.ion-bonfire:before { content: "\f315"; }
.ion-bookmark:before { content: "\f26b"; }
.ion-bowtie:before { content: "\f3c0"; }
.ion-briefcase:before { content: "\f26c"; }
.ion-bug:before { content: "\f2be"; }
.ion-calculator:before { content: "\f26d"; }
.ion-calendar:before { content: "\f117"; }
.ion-camera:before { content: "\f118"; }
.ion-card:before { content: "\f119"; }
.ion-cash:before { content: "\f316"; }
.ion-chatbox:before { content: "\f11b"; }
.ion-chatbox-working:before { content: "\f11a"; }
.ion-chatboxes:before { content: "\f11c"; }
.ion-chatbubble:before { content: "\f11e"; }
.ion-chatbubble-working:before { content: "\f11d"; }
.ion-chatbubbles:before { content: "\f11f"; }
.ion-checkmark:before { content: "\f122"; }
.ion-checkmark-circled:before { content: "\f120"; }
.ion-checkmark-round:before { content: "\f121"; }
.ion-chevron-down:before { content: "\f123"; }
.ion-chevron-left:before { content: "\f124"; }
.ion-chevron-right:before { content: "\f125"; }
.ion-chevron-up:before { content: "\f126"; }
.ion-clipboard:before { content: "\f127"; }
.ion-clock:before { content: "\f26e"; }
.ion-close:before { content: "\f12a"; }
.ion-close-circled:before { content: "\f128"; }
.ion-close-round:before { content: "\f129"; }
.ion-closed-captioning:before { content: "\f317"; }
.ion-cloud:before { content: "\f12b"; }
.ion-code:before { content: "\f271"; }
.ion-code-download:before { content: "\f26f"; }
.ion-code-working:before { content: "\f270"; }
.ion-coffee:before { content: "\f272"; }
.ion-compass:before { content: "\f273"; }
.ion-compose:before { content: "\f12c"; }
.ion-connection-bars:before { content: "\f274"; }
.ion-contrast:before { content: "\f275"; }
.ion-crop:before { content: "\f3c1"; }
.ion-cube:before { content: "\f318"; }
.ion-disc:before { content: "\f12d"; }
.ion-document:before { content: "\f12f"; }
.ion-document-text:before { content: "\f12e"; }
.ion-drag:before { content: "\f130"; }
.ion-earth:before { content: "\f276"; }
.ion-easel:before { content: "\f3c2"; }
.ion-edit:before { content: "\f2bf"; }
.ion-egg:before { content: "\f277"; }
.ion-eject:before { content: "\f131"; }
.ion-email:before { content: "\f132"; }
.ion-email-unread:before { content: "\f3c3"; }
.ion-erlenmeyer-flask:before { content: "\f3c5"; }
.ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; }
.ion-eye:before { content: "\f133"; }
.ion-eye-disabled:before { content: "\f306"; }
.ion-female:before { content: "\f278"; }
.ion-filing:before { content: "\f134"; }
.ion-film-marker:before { content: "\f135"; }
.ion-fireball:before { content: "\f319"; }
.ion-flag:before { content: "\f279"; }
.ion-flame:before { content: "\f31a"; }
.ion-flash:before { content: "\f137"; }
.ion-flash-off:before { content: "\f136"; }
.ion-folder:before { content: "\f139"; }
.ion-fork:before { content: "\f27a"; }
.ion-fork-repo:before { content: "\f2c0"; }
.ion-forward:before { content: "\f13a"; }
.ion-funnel:before { content: "\f31b"; }
.ion-gear-a:before { content: "\f13d"; }
.ion-gear-b:before { content: "\f13e"; }
.ion-grid:before { content: "\f13f"; }
.ion-hammer:before { content: "\f27b"; }
.ion-happy:before { content: "\f31c"; }
.ion-happy-outline:before { content: "\f3c6"; }
.ion-headphone:before { content: "\f140"; }
.ion-heart:before { content: "\f141"; }
.ion-heart-broken:before { content: "\f31d"; }
.ion-help:before { content: "\f143"; }
.ion-help-buoy:before { content: "\f27c"; }
.ion-help-circled:before { content: "\f142"; }
.ion-home:before { content: "\f144"; }
.ion-icecream:before { content: "\f27d"; }
.ion-image:before { content: "\f147"; }
.ion-images:before { content: "\f148"; }
.ion-information:before { content: "\f14a"; }
.ion-information-circled:before { content: "\f149"; }
.ion-ionic:before { content: "\f14b"; }
.ion-ios-alarm:before { content: "\f3c8"; }
.ion-ios-alarm-outline:before { content: "\f3c7"; }
.ion-ios-albums:before { content: "\f3ca"; }
.ion-ios-albums-outline:before { content: "\f3c9"; }
.ion-ios-americanfootball:before { content: "\f3cc"; }
.ion-ios-americanfootball-outline:before { content: "\f3cb"; }
.ion-ios-analytics:before { content: "\f3ce"; }
.ion-ios-analytics-outline:before { content: "\f3cd"; }
.ion-ios-arrow-back:before { content: "\f3cf"; }
.ion-ios-arrow-down:before { content: "\f3d0"; }
.ion-ios-arrow-forward:before { content: "\f3d1"; }
.ion-ios-arrow-left:before { content: "\f3d2"; }
.ion-ios-arrow-right:before { content: "\f3d3"; }
.ion-ios-arrow-thin-down:before { content: "\f3d4"; }
.ion-ios-arrow-thin-left:before { content: "\f3d5"; }
.ion-ios-arrow-thin-right:before { content: "\f3d6"; }
.ion-ios-arrow-thin-up:before { content: "\f3d7"; }
.ion-ios-arrow-up:before { content: "\f3d8"; }
.ion-ios-at:before { content: "\f3da"; }
.ion-ios-at-outline:before { content: "\f3d9"; }
.ion-ios-barcode:before { content: "\f3dc"; }
.ion-ios-barcode-outline:before { content: "\f3db"; }
.ion-ios-baseball:before { content: "\f3de"; }
.ion-ios-baseball-outline:before { content: "\f3dd"; }
.ion-ios-basketball:before { content: "\f3e0"; }
.ion-ios-basketball-outline:before { content: "\f3df"; }
.ion-ios-bell:before { content: "\f3e2"; }
.ion-ios-bell-outline:before { content: "\f3e1"; }
.ion-ios-body:before { content: "\f3e4"; }
.ion-ios-body-outline:before { content: "\f3e3"; }
.ion-ios-bolt:before { content: "\f3e6"; }
.ion-ios-bolt-outline:before { content: "\f3e5"; }
.ion-ios-book:before { content: "\f3e8"; }
.ion-ios-book-outline:before { content: "\f3e7"; }
.ion-ios-bookmarks:before { content: "\f3ea"; }
.ion-ios-bookmarks-outline:before { content: "\f3e9"; }
.ion-ios-box:before { content: "\f3ec"; }
.ion-ios-box-outline:before { content: "\f3eb"; }
.ion-ios-briefcase:before { content: "\f3ee"; }
.ion-ios-briefcase-outline:before { content: "\f3ed"; }
.ion-ios-browsers:before { content: "\f3f0"; }
.ion-ios-browsers-outline:before { content: "\f3ef"; }
.ion-ios-calculator:before { content: "\f3f2"; }
.ion-ios-calculator-outline:before { content: "\f3f1"; }
.ion-ios-calendar:before { content: "\f3f4"; }
.ion-ios-calendar-outline:before { content: "\f3f3"; }
.ion-ios-camera:before { content: "\f3f6"; }
.ion-ios-camera-outline:before { content: "\f3f5"; }
.ion-ios-cart:before { content: "\f3f8"; }
.ion-ios-cart-outline:before { content: "\f3f7"; }
.ion-ios-chatboxes:before { content: "\f3fa"; }
.ion-ios-chatboxes-outline:before { content: "\f3f9"; }
.ion-ios-chatbubble:before { content: "\f3fc"; }
.ion-ios-chatbubble-outline:before { content: "\f3fb"; }
.ion-ios-checkmark:before { content: "\f3ff"; }
.ion-ios-checkmark-empty:before { content: "\f3fd"; }
.ion-ios-checkmark-outline:before { content: "\f3fe"; }
.ion-ios-circle-filled:before { content: "\f400"; }
.ion-ios-circle-outline:before { content: "\f401"; }
.ion-ios-clock:before { content: "\f403"; }
.ion-ios-clock-outline:before { content: "\f402"; }
.ion-ios-close:before { content: "\f406"; }
.ion-ios-close-empty:before { content: "\f404"; }
.ion-ios-close-outline:before { content: "\f405"; }
.ion-ios-cloud:before { content: "\f40c"; }
.ion-ios-cloud-download:before { content: "\f408"; }
.ion-ios-cloud-download-outline:before { content: "\f407"; }
.ion-ios-cloud-outline:before { content: "\f409"; }
.ion-ios-cloud-upload:before { content: "\f40b"; }
.ion-ios-cloud-upload-outline:before { content: "\f40a"; }
.ion-ios-cloudy:before { content: "\f410"; }
.ion-ios-cloudy-night:before { content: "\f40e"; }
.ion-ios-cloudy-night-outline:before { content: "\f40d"; }
.ion-ios-cloudy-outline:before { content: "\f40f"; }
.ion-ios-cog:before { content: "\f412"; }
.ion-ios-cog-outline:before { content: "\f411"; }
.ion-ios-color-filter:before { content: "\f414"; }
.ion-ios-color-filter-outline:before { content: "\f413"; }
.ion-ios-color-wand:before { content: "\f416"; }
.ion-ios-color-wand-outline:before { content: "\f415"; }
.ion-ios-compose:before { content: "\f418"; }
.ion-ios-compose-outline:before { content: "\f417"; }
.ion-ios-contact:before { content: "\f41a"; }
.ion-ios-contact-outline:before { content: "\f419"; }
.ion-ios-copy:before { content: "\f41c"; }
.ion-ios-copy-outline:before { content: "\f41b"; }
.ion-ios-crop:before { content: "\f41e"; }
.ion-ios-crop-strong:before { content: "\f41d"; }
.ion-ios-download:before { content: "\f420"; }
.ion-ios-download-outline:before { content: "\f41f"; }
.ion-ios-drag:before { content: "\f421"; }
.ion-ios-email:before { content: "\f423"; }
.ion-ios-email-outline:before { content: "\f422"; }
.ion-ios-eye:before { content: "\f425"; }
.ion-ios-eye-outline:before { content: "\f424"; }
.ion-ios-fastforward:before { content: "\f427"; }
.ion-ios-fastforward-outline:before { content: "\f426"; }
.ion-ios-filing:before { content: "\f429"; }
.ion-ios-filing-outline:before { content: "\f428"; }
.ion-ios-film:before { content: "\f42b"; }
.ion-ios-film-outline:before { content: "\f42a"; }
.ion-ios-flag:before { content: "\f42d"; }
.ion-ios-flag-outline:before { content: "\f42c"; }
.ion-ios-flame:before { content: "\f42f"; }
.ion-ios-flame-outline:before { content: "\f42e"; }
.ion-ios-flask:before { content: "\f431"; }
.ion-ios-flask-outline:before { content: "\f430"; }
.ion-ios-flower:before { content: "\f433"; }
.ion-ios-flower-outline:before { content: "\f432"; }
.ion-ios-folder:before { content: "\f435"; }
.ion-ios-folder-outline:before { content: "\f434"; }
.ion-ios-football:before { content: "\f437"; }
.ion-ios-football-outline:before { content: "\f436"; }
.ion-ios-game-controller-a:before { content: "\f439"; }
.ion-ios-game-controller-a-outline:before { content: "\f438"; }
.ion-ios-game-controller-b:before { content: "\f43b"; }
.ion-ios-game-controller-b-outline:before { content: "\f43a"; }
.ion-ios-gear:before { content: "\f43d"; }
.ion-ios-gear-outline:before { content: "\f43c"; }
.ion-ios-glasses:before { content: "\f43f"; }
.ion-ios-glasses-outline:before { content: "\f43e"; }
.ion-ios-grid-view:before { content: "\f441"; }
.ion-ios-grid-view-outline:before { content: "\f440"; }
.ion-ios-heart:before { content: "\f443"; }
.ion-ios-heart-outline:before { content: "\f442"; }
.ion-ios-help:before { content: "\f446"; }
.ion-ios-help-empty:before { content: "\f444"; }
.ion-ios-help-outline:before { content: "\f445"; }
.ion-ios-home:before { content: "\f448"; }
.ion-ios-home-outline:before { content: "\f447"; }
.ion-ios-infinite:before { content: "\f44a"; }
.ion-ios-infinite-outline:before { content: "\f449"; }
.ion-ios-information:before { content: "\f44d"; }
.ion-ios-information-empty:before { content: "\f44b"; }
.ion-ios-information-outline:before { content: "\f44c"; }
.ion-ios-ionic-outline:before { content: "\f44e"; }
.ion-ios-keypad:before { content: "\f450"; }
.ion-ios-keypad-outline:before { content: "\f44f"; }
.ion-ios-lightbulb:before { content: "\f452"; }
.ion-ios-lightbulb-outline:before { content: "\f451"; }
.ion-ios-list:before { content: "\f454"; }
.ion-ios-list-outline:before { content: "\f453"; }
.ion-ios-location:before { content: "\f456"; }
.ion-ios-location-outline:before { content: "\f455"; }
.ion-ios-locked:before { content: "\f458"; }
.ion-ios-locked-outline:before { content: "\f457"; }
.ion-ios-loop:before { content: "\f45a"; }
.ion-ios-loop-strong:before { content: "\f459"; }
.ion-ios-medical:before { content: "\f45c"; }
.ion-ios-medical-outline:before { content: "\f45b"; }
.ion-ios-medkit:before { content: "\f45e"; }
.ion-ios-medkit-outline:before { content: "\f45d"; }
.ion-ios-mic:before { content: "\f461"; }
.ion-ios-mic-off:before { content: "\f45f"; }
.ion-ios-mic-outline:before { content: "\f460"; }
.ion-ios-minus:before { content: "\f464"; }
.ion-ios-minus-empty:before { content: "\f462"; }
.ion-ios-minus-outline:before { content: "\f463"; }
.ion-ios-monitor:before { content: "\f466"; }
.ion-ios-monitor-outline:before { content: "\f465"; }
.ion-ios-moon:before { content: "\f468"; }
.ion-ios-moon-outline:before { content: "\f467"; }
.ion-ios-more:before { content: "\f46a"; }
.ion-ios-more-outline:before { content: "\f469"; }
.ion-ios-musical-note:before { content: "\f46b"; }
.ion-ios-musical-notes:before { content: "\f46c"; }
.ion-ios-navigate:before { content: "\f46e"; }
.ion-ios-navigate-outline:before { content: "\f46d"; }
.ion-ios-nutrition:before { content: "\f470"; }
.ion-ios-nutrition-outline:before { content: "\f46f"; }
.ion-ios-paper:before { content: "\f472"; }
.ion-ios-paper-outline:before { content: "\f471"; }
.ion-ios-paperplane:before { content: "\f474"; }
.ion-ios-paperplane-outline:before { content: "\f473"; }
.ion-ios-partlysunny:before { content: "\f476"; }
.ion-ios-partlysunny-outline:before { content: "\f475"; }
.ion-ios-pause:before { content: "\f478"; }
.ion-ios-pause-outline:before { content: "\f477"; }
.ion-ios-paw:before { content: "\f47a"; }
.ion-ios-paw-outline:before { content: "\f479"; }
.ion-ios-people:before { content: "\f47c"; }
.ion-ios-people-outline:before { content: "\f47b"; }
.ion-ios-person:before { content: "\f47e"; }
.ion-ios-person-outline:before { content: "\f47d"; }
.ion-ios-personadd:before { content: "\f480"; }
.ion-ios-personadd-outline:before { content: "\f47f"; }
.ion-ios-photos:before { content: "\f482"; }
.ion-ios-photos-outline:before { content: "\f481"; }
.ion-ios-pie:before { content: "\f484"; }
.ion-ios-pie-outline:before { content: "\f483"; }
.ion-ios-pint:before { content: "\f486"; }
.ion-ios-pint-outline:before { content: "\f485"; }
.ion-ios-play:before { content: "\f488"; }
.ion-ios-play-outline:before { content: "\f487"; }
.ion-ios-plus:before { content: "\f48b"; }
.ion-ios-plus-empty:before { content: "\f489"; }
.ion-ios-plus-outline:before { content: "\f48a"; }
.ion-ios-pricetag:before { content: "\f48d"; }
.ion-ios-pricetag-outline:before { content: "\f48c"; }
.ion-ios-pricetags:before { content: "\f48f"; }
.ion-ios-pricetags-outline:before { content: "\f48e"; }
.ion-ios-printer:before { content: "\f491"; }
.ion-ios-printer-outline:before { content: "\f490"; }
.ion-ios-pulse:before { content: "\f493"; }
.ion-ios-pulse-strong:before { content: "\f492"; }
.ion-ios-rainy:before { content: "\f495"; }
.ion-ios-rainy-outline:before { content: "\f494"; }
.ion-ios-recording:before { content: "\f497"; }
.ion-ios-recording-outline:before { content: "\f496"; }
.ion-ios-redo:before { content: "\f499"; }
.ion-ios-redo-outline:before { content: "\f498"; }
.ion-ios-refresh:before { content: "\f49c"; }
.ion-ios-refresh-empty:before { content: "\f49a"; }
.ion-ios-refresh-outline:before { content: "\f49b"; }
.ion-ios-reload:before { content: "\f49d"; }
.ion-ios-reverse-camera:before { content: "\f49f"; }
.ion-ios-reverse-camera-outline:before { content: "\f49e"; }
.ion-ios-rewind:before { content: "\f4a1"; }
.ion-ios-rewind-outline:before { content: "\f4a0"; }
.ion-ios-rose:before { content: "\f4a3"; }
.ion-ios-rose-outline:before { content: "\f4a2"; }
.ion-ios-search:before { content: "\f4a5"; }
.ion-ios-search-strong:before { content: "\f4a4"; }
.ion-ios-settings:before { content: "\f4a7"; }
.ion-ios-settings-strong:before { content: "\f4a6"; }
.ion-ios-shuffle:before { content: "\f4a9"; }
.ion-ios-shuffle-strong:before { content: "\f4a8"; }
.ion-ios-skipbackward:before { content: "\f4ab"; }
.ion-ios-skipbackward-outline:before { content: "\f4aa"; }
.ion-ios-skipforward:before { content: "\f4ad"; }
.ion-ios-skipforward-outline:before { content: "\f4ac"; }
.ion-ios-snowy:before { content: "\f4ae"; }
.ion-ios-speedometer:before { content: "\f4b0"; }
.ion-ios-speedometer-outline:before { content: "\f4af"; }
.ion-ios-star:before { content: "\f4b3"; }
.ion-ios-star-half:before { content: "\f4b1"; }
.ion-ios-star-outline:before { content: "\f4b2"; }
.ion-ios-stopwatch:before { content: "\f4b5"; }
.ion-ios-stopwatch-outline:before { content: "\f4b4"; }
.ion-ios-sunny:before { content: "\f4b7"; }
.ion-ios-sunny-outline:before { content: "\f4b6"; }
.ion-ios-telephone:before { content: "\f4b9"; }
.ion-ios-telephone-outline:before { content: "\f4b8"; }
.ion-ios-tennisball:before { content: "\f4bb"; }
.ion-ios-tennisball-outline:before { content: "\f4ba"; }
.ion-ios-thunderstorm:before { content: "\f4bd"; }
.ion-ios-thunderstorm-outline:before { content: "\f4bc"; }
.ion-ios-time:before { content: "\f4bf"; }
.ion-ios-time-outline:before { content: "\f4be"; }
.ion-ios-timer:before { content: "\f4c1"; }
.ion-ios-timer-outline:before { content: "\f4c0"; }
.ion-ios-toggle:before { content: "\f4c3"; }
.ion-ios-toggle-outline:before { content: "\f4c2"; }
.ion-ios-trash:before { content: "\f4c5"; }
.ion-ios-trash-outline:before { content: "\f4c4"; }
.ion-ios-undo:before { content: "\f4c7"; }
.ion-ios-undo-outline:before { content: "\f4c6"; }
.ion-ios-unlocked:before { content: "\f4c9"; }
.ion-ios-unlocked-outline:before { content: "\f4c8"; }
.ion-ios-upload:before { content: "\f4cb"; }
.ion-ios-upload-outline:before { content: "\f4ca"; }
.ion-ios-videocam:before { content: "\f4cd"; }
.ion-ios-videocam-outline:before { content: "\f4cc"; }
.ion-ios-volume-high:before { content: "\f4ce"; }
.ion-ios-volume-low:before { content: "\f4cf"; }
.ion-ios-wineglass:before { content: "\f4d1"; }
.ion-ios-wineglass-outline:before { content: "\f4d0"; }
.ion-ios-world:before { content: "\f4d3"; }
.ion-ios-world-outline:before { content: "\f4d2"; }
.ion-ipad:before { content: "\f1f9"; }
.ion-iphone:before { content: "\f1fa"; }
.ion-ipod:before { content: "\f1fb"; }
.ion-jet:before { content: "\f295"; }
.ion-key:before { content: "\f296"; }
.ion-knife:before { content: "\f297"; }
.ion-laptop:before { content: "\f1fc"; }
.ion-leaf:before { content: "\f1fd"; }
.ion-levels:before { content: "\f298"; }
.ion-lightbulb:before { content: "\f299"; }
.ion-link:before { content: "\f1fe"; }
.ion-load-a:before { content: "\f29a"; }
.ion-load-b:before { content: "\f29b"; }
.ion-load-c:before { content: "\f29c"; }
.ion-load-d:before { content: "\f29d"; }
.ion-location:before { content: "\f1ff"; }
.ion-lock-combination:before { content: "\f4d4"; }
.ion-locked:before { content: "\f200"; }
.ion-log-in:before { content: "\f29e"; }
.ion-log-out:before { content: "\f29f"; }
.ion-loop:before { content: "\f201"; }
.ion-magnet:before { content: "\f2a0"; }
.ion-male:before { content: "\f2a1"; }
.ion-man:before { content: "\f202"; }
.ion-map:before { content: "\f203"; }
.ion-medkit:before { content: "\f2a2"; }
.ion-merge:before { content: "\f33f"; }
.ion-mic-a:before { content: "\f204"; }
.ion-mic-b:before { content: "\f205"; }
.ion-mic-c:before { content: "\f206"; }
.ion-minus:before { content: "\f209"; }
.ion-minus-circled:before { content: "\f207"; }
.ion-minus-round:before { content: "\f208"; }
.ion-model-s:before { content: "\f2c1"; }
.ion-monitor:before { content: "\f20a"; }
.ion-more:before { content: "\f20b"; }
.ion-mouse:before { content: "\f340"; }
.ion-music-note:before { content: "\f20c"; }
.ion-navicon:before { content: "\f20e"; }
.ion-navicon-round:before { content: "\f20d"; }
.ion-navigate:before { content: "\f2a3"; }
.ion-network:before { content: "\f341"; }
.ion-no-smoking:before { content: "\f2c2"; }
.ion-nuclear:before { content: "\f2a4"; }
.ion-outlet:before { content: "\f342"; }
.ion-paintbrush:before { content: "\f4d5"; }
.ion-paintbucket:before { content: "\f4d6"; }
.ion-paper-airplane:before { content: "\f2c3"; }
.ion-paperclip:before { content: "\f20f"; }
.ion-pause:before { content: "\f210"; }
.ion-person:before { content: "\f213"; }
.ion-person-add:before { content: "\f211"; }
.ion-person-stalker:before { content: "\f212"; }
.ion-pie-graph:before { content: "\f2a5"; }
.ion-pin:before { content: "\f2a6"; }
.ion-pinpoint:before { content: "\f2a7"; }
.ion-pizza:before { content: "\f2a8"; }
.ion-plane:before { content: "\f214"; }
.ion-planet:before { content: "\f343"; }
.ion-play:before { content: "\f215"; }
.ion-playstation:before { content: "\f30a"; }
.ion-plus:before { content: "\f218"; }
.ion-plus-circled:before { content: "\f216"; }
.ion-plus-round:before { content: "\f217"; }
.ion-podium:before { content: "\f344"; }
.ion-pound:before { content: "\f219"; }
.ion-power:before { content: "\f2a9"; }
.ion-pricetag:before { content: "\f2aa"; }
.ion-pricetags:before { content: "\f2ab"; }
.ion-printer:before { content: "\f21a"; }
.ion-pull-request:before { content: "\f345"; }
.ion-qr-scanner:before { content: "\f346"; }
.ion-quote:before { content: "\f347"; }
.ion-radio-waves:before { content: "\f2ac"; }
.ion-record:before { content: "\f21b"; }
.ion-refresh:before { content: "\f21c"; }
.ion-reply:before { content: "\f21e"; }
.ion-reply-all:before { content: "\f21d"; }
.ion-ribbon-a:before { content: "\f348"; }
.ion-ribbon-b:before { content: "\f349"; }
.ion-sad:before { content: "\f34a"; }
.ion-sad-outline:before { content: "\f4d7"; }
.ion-scissors:before { content: "\f34b"; }
.ion-search:before { content: "\f21f"; }
.ion-settings:before { content: "\f2ad"; }
.ion-share:before { content: "\f220"; }
.ion-shuffle:before { content: "\f221"; }
.ion-skip-backward:before { content: "\f222"; }
.ion-skip-forward:before { content: "\f223"; }
.ion-social-android:before { content: "\f225"; }
.ion-social-android-outline:before { content: "\f224"; }
.ion-social-angular:before { content: "\f4d9"; }
.ion-social-angular-outline:before { content: "\f4d8"; }
.ion-social-apple:before { content: "\f227"; }
.ion-social-apple-outline:before { content: "\f226"; }
.ion-social-bitcoin:before { content: "\f2af"; }
.ion-social-bitcoin-outline:before { content: "\f2ae"; }
.ion-social-buffer:before { content: "\f229"; }
.ion-social-buffer-outline:before { content: "\f228"; }
.ion-social-chrome:before { content: "\f4db"; }
.ion-social-chrome-outline:before { content: "\f4da"; }
.ion-social-codepen:before { content: "\f4dd"; }
.ion-social-codepen-outline:before { content: "\f4dc"; }
.ion-social-css3:before { content: "\f4df"; }
.ion-social-css3-outline:before { content: "\f4de"; }
.ion-social-designernews:before { content: "\f22b"; }
.ion-social-designernews-outline:before { content: "\f22a"; }
.ion-social-dribbble:before { content: "\f22d"; }
.ion-social-dribbble-outline:before { content: "\f22c"; }
.ion-social-dropbox:before { content: "\f22f"; }
.ion-social-dropbox-outline:before { content: "\f22e"; }
.ion-social-euro:before { content: "\f4e1"; }
.ion-social-euro-outline:before { content: "\f4e0"; }
.ion-social-facebook:before { content: "\f231"; }
.ion-social-facebook-outline:before { content: "\f230"; }
.ion-social-foursquare:before { content: "\f34d"; }
.ion-social-foursquare-outline:before { content: "\f34c"; }
.ion-social-freebsd-devil:before { content: "\f2c4"; }
.ion-social-github:before { content: "\f233"; }
.ion-social-github-outline:before { content: "\f232"; }
.ion-social-google:before { content: "\f34f"; }
.ion-social-google-outline:before { content: "\f34e"; }
.ion-social-googleplus:before { content: "\f235"; }
.ion-social-googleplus-outline:before { content: "\f234"; }
.ion-social-hackernews:before { content: "\f237"; }
.ion-social-hackernews-outline:before { content: "\f236"; }
.ion-social-html5:before { content: "\f4e3"; }
.ion-social-html5-outline:before { content: "\f4e2"; }
.ion-social-instagram:before { content: "\f351"; }
.ion-social-instagram-outline:before { content: "\f350"; }
.ion-social-javascript:before { content: "\f4e5"; }
.ion-social-javascript-outline:before { content: "\f4e4"; }
.ion-social-linkedin:before { content: "\f239"; }
.ion-social-linkedin-outline:before { content: "\f238"; }
.ion-social-markdown:before { content: "\f4e6"; }
.ion-social-nodejs:before { content: "\f4e7"; }
.ion-social-octocat:before { content: "\f4e8"; }
.ion-social-pinterest:before { content: "\f2b1"; }
.ion-social-pinterest-outline:before { content: "\f2b0"; }
.ion-social-python:before { content: "\f4e9"; }
.ion-social-reddit:before { content: "\f23b"; }
.ion-social-reddit-outline:before { content: "\f23a"; }
.ion-social-rss:before { content: "\f23d"; }
.ion-social-rss-outline:before { content: "\f23c"; }
.ion-social-sass:before { content: "\f4ea"; }
.ion-social-skype:before { content: "\f23f"; }
.ion-social-skype-outline:before { content: "\f23e"; }
.ion-social-snapchat:before { content: "\f4ec"; }
.ion-social-snapchat-outline:before { content: "\f4eb"; }
.ion-social-tumblr:before { content: "\f241"; }
.ion-social-tumblr-outline:before { content: "\f240"; }
.ion-social-tux:before { content: "\f2c5"; }
.ion-social-twitch:before { content: "\f4ee"; }
.ion-social-twitch-outline:before { content: "\f4ed"; }
.ion-social-twitter:before { content: "\f243"; }
.ion-social-twitter-outline:before { content: "\f242"; }
.ion-social-usd:before { content: "\f353"; }
.ion-social-usd-outline:before { content: "\f352"; }
.ion-social-vimeo:before { content: "\f245"; }
.ion-social-vimeo-outline:before { content: "\f244"; }
.ion-social-whatsapp:before { content: "\f4f0"; }
.ion-social-whatsapp-outline:before { content: "\f4ef"; }
.ion-social-windows:before { content: "\f247"; }
.ion-social-windows-outline:before { content: "\f246"; }
.ion-social-wordpress:before { content: "\f249"; }
.ion-social-wordpress-outline:before { content: "\f248"; }
.ion-social-yahoo:before { content: "\f24b"; }
.ion-social-yahoo-outline:before { content: "\f24a"; }
.ion-social-yen:before { content: "\f4f2"; }
.ion-social-yen-outline:before { content: "\f4f1"; }
.ion-social-youtube:before { content: "\f24d"; }
.ion-social-youtube-outline:before { content: "\f24c"; }
.ion-soup-can:before { content: "\f4f4"; }
.ion-soup-can-outline:before { content: "\f4f3"; }
.ion-speakerphone:before { content: "\f2b2"; }
.ion-speedometer:before { content: "\f2b3"; }
.ion-spoon:before { content: "\f2b4"; }
.ion-star:before { content: "\f24e"; }
.ion-stats-bars:before { content: "\f2b5"; }
.ion-steam:before { content: "\f30b"; }
.ion-stop:before { content: "\f24f"; }
.ion-thermometer:before { content: "\f2b6"; }
.ion-thumbsdown:before { content: "\f250"; }
.ion-thumbsup:before { content: "\f251"; }
.ion-toggle:before { content: "\f355"; }
.ion-toggle-filled:before { content: "\f354"; }
.ion-transgender:before { content: "\f4f5"; }
.ion-trash-a:before { content: "\f252"; }
.ion-trash-b:before { content: "\f253"; }
.ion-trophy:before { content: "\f356"; }
.ion-tshirt:before { content: "\f4f7"; }
.ion-tshirt-outline:before { content: "\f4f6"; }
.ion-umbrella:before { content: "\f2b7"; }
.ion-university:before { content: "\f357"; }
.ion-unlocked:before { content: "\f254"; }
.ion-upload:before { content: "\f255"; }
.ion-usb:before { content: "\f2b8"; }
.ion-videocamera:before { content: "\f256"; }
.ion-volume-high:before { content: "\f257"; }
.ion-volume-low:before { content: "\f258"; }
.ion-volume-medium:before { content: "\f259"; }
.ion-volume-mute:before { content: "\f25a"; }
.ion-wand:before { content: "\f358"; }
.ion-waterdrop:before { content: "\f25b"; }
.ion-wifi:before { content: "\f25c"; }
.ion-wineglass:before { content: "\f2b9"; }
.ion-woman:before { content: "\f25d"; }
.ion-wrench:before { content: "\f2ba"; }
.ion-xbox:before { content: "\f30c"; }
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}body {
-webkit-font-smoothing: antialiased;
} .feedback_read_more .bubble {
margin: 0 auto;
padding-bottom: 10px;
}
.feedback_read_more .bubble .line_one .feedback_quote {
font-size: 20px;
}
.feedback_container {
background: white;
color: #3c3c3c;
text-align: left;
padding: 10px 0;
}
.feedback_container .row {
width: 1200px;
margin: 0 auto;
}
.testimonials .feedback_container h1 {
color: #5d5d5d;
font-size: 45px;
margin-bottom: 20px;
line-height: 1.1em;
font-family: Helvetica, sans-serif;
font-weight: 100 !important;
}
.feedback_list {
height: 325px;
margin: 0 auto;
overflow: hidden;
}
.feedback div {
font-family: Helvetica Neue, Helvetica,Arial,sans-serif;
}
.feedback a {
color: #7ebb17;
text-decoration: none;
}
.feedback_list .feedback {
width: 395px;
height: 335px;
background-color: #FFFFFF;
margin: 0px;
margin: 0px;
display: inline-block;
font-size: 20px;
font-weight: normal;
color: #aaaaaa;
line-height: 1.5;
overflow: hidden;
padding: 20px;
}
.feedback_list .feedback .bubble {
width:100%;
}
.feedback .line_one {
position:relative;
padding-bottom: 1px;
display: block;
margin: 0px 15px;
color: #3c3c3c;
}
.feedback_date {
margin: 10px;
float: left;
font-size: 21px;
font-weight: 900;
width: 190px;
}
.feedback_quote {
font-size: 25px;
margin: 0 auto;
width: 95%;
float: left;
font-weight: 200;
}
.feedback .line_two {
text-align: center;
font-size: 17px;
float: left;
color: #3c3c3c;
margin-top: 20px;
padding: 10px;
}
.feedback_list.expanded {
min-height: none;
max-height: none;
height: 100%;
}
.feedback_quote.over_95 {
font-size: 23px;
}
.feedback_quote.over_110 {
font-size: 21px;
}
.feedback_quote.over_130 {
font-size: 20px;
}
.feedback_quote.over_150 {
font-size: 19px;
}
.feedback_quote.over_170 {
font-size: 18px;
}
.feedback_quote.over_210 {
font-size: 17px;
}
.feedback_quote.over_240 {
font-size: 16px;
}
.feedback_quote.over_280 {
font-size: 15px;
}
.feedback_quote.over_300 {
font-size: 14px;
}
.feedback_quote.over_350 {
font-size: 13px;
}
.feedback_quote.over_400 {
font-size: 12px;
}
.feedback_quote.over_470 {
font-size: 11px;
}
.feedback_quote.over_560 {
font-size: 10px;
}
.feedback_controls {
padding: 20px;
cursor: pointer;
width: 200px;
}
.pause:hover, .show_more:hover, .show_less:hover, .resume:hover {
text-decoration: underline;
}
@media only screen and (max-width: 1159px) {
.feedback_container .row {
width: 100%;
}
.feedback_list {
height: 385px;
width: 960px;
}
.feedback_list .feedback {
height: 360px;
width: 280px;
}
.show_more {
display: none;
}
}
@media only screen and (max-width: 959px) {
.feedback_list {
width: 800px;
height: 330px;
}
.feedback_list .feedback {
width: 360px;
height: 300px;
}
}
@media only screen and (max-width: 767px) {
.feedback_list {
width: 496px;
height: 275px;
}
.feedback_list .feedback {
width: 456px;
height: 250px;
}
}
@media only screen and (max-width: 450px) {
.feedback_list {
width: 400px;
height: 325px;
}
.feedback_list .feedback {
width: 360px;
height: 300px;
}
} .testimonials_container {
padding-top: 30px;
}
.testimonials h1{
font-family: Helvetica, sans-serif;
color: #5d5d5d;
font-size: 45px;
font-weight: 100 !important;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align: center;
margin: 30px 0px 50px 0px;
clear: both;
}
.testimonials p {
font-size: 17px;
line-height: 1.65em;
font-family: Helvetica Neue, Helvetica,Arial,sans-serif;
clear: both;
font-weight: 200;
}
.quote{
padding-bottom: 1px;
display: block;
margin: 0px 15px;
}
.quote p{
clear: both;
}
.quote p a {
font-size: 20px;
color: #323232;
text-decoration: underline;
}
.testimonials_cta h1 {
margin: 0px;
clear: both;
}
.testimonials_cta p {
text-align: center;
margin-bottom: 25px;
}
.testimonials_cta {
margin-top: 70px;
margin-bottom: 70px;
}
.social{
margin-left: 15px;
margin-top: 10px;
margin-bottom: 7px;
float:center;
width: auto;
}
.social_icon{
width:12px;
height: 12px;
display: inline-block;
margin-left: 1px;
margin-right: 6px;
padding-right: 3px;
}
.social_icon.fb{
background: transparent url(/wp-content/themes/codeguard_base/images/testimonials/round_facebook.png) center center no-repeat;
background-image: -webkit-linear-gradient(transparent, transparent), url(/wp-content/themes/codeguard_base/images/testimonials/ico_facebook_testimonial.svg);
background-image: linear-gradient(transparent, transparent), url(/wp-content/themes/codeguard_base/images/testimonials/ico_facebook_testimonial.svg);
background-position: 0 0;
width: 9px;
}
.social_icon.gp{
background: transparent url(/wp-content/themes/codeguard_base/images/testimonials/round_gplus.png) center center no-repeat;
background-image: -webkit-linear-gradient(transparent, transparent), url(/wp-content/themes/codeguard_base/images/testimonials/ico_googleplus_testimonial.svg);
background-image: linear-gradient(transparent, transparent), url(/wp-content/themes/codeguard_base/images/testimonials/ico_googleplus_testimonial.svg);
background-position: 0 0;
width: 12px;
}
.social_icon.li{
background: transparent url(/wp-content/themes/codeguard_base/images/testimonials/round_linkedin.png) center center no-repeat;
background-image: -webkit-linear-gradient(transparent, transparent), url(/wp-content/themes/codeguard_base/images/testimonials/ico_linked_in_testimonial.svg);
background-image: linear-gradient(transparent, transparent), url(/wp-content/themes/codeguard_base/images/testimonials/ico_linked_in_testimonial.svg);
background-position: 0 0;
width: 12px;
}
.social_icon.tw{
background: transparent url(/wp-content/themes/codeguard_base/images/testimonials/round_twitter.png) center center no-repeat;
background-image: -webkit-linear-gradient(transparent, transparent), url(/wp-content/themes/codeguard_base/images/testimonials/ico_twitter_testimonial.svg);
background-image: linear-gradient(transparent, transparent), url(/wp-content/themes/codeguard_base/images/testimonials/ico_twitter_testimonial.svg);
background-position: 0 0;
width: 13px;
}
.link{
margin-right: 10px;
}
.profile{
padding: 0px;
margin: auto;
margin-top: 15px;
display:block;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
behavior: url(/wp-content/themes/codeguard_base/js/PIE.htc);
width: 110px !important;
height:110px !important;
border: 7px solid #f5f5f5;
}
.profile.cg{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_cg.png) no-repeat;}
#barefoot{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_barefoot_not_serial.png) no-repeat;}
#benson{background:url(/wp-content/themes/codeguard_base/images/testimonials/client_benson.png) no-repeat;}
#cutts{background:url(/wp-content/themes/codeguard_base/images/testimonials/client_cutts.png) no-repeat;}
#eastmontgroup{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_eastmontgroup.png) no-repeat;}
#epicwebsolutions{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_epicwebsolutions.png) no-repeat;}
#farmer{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_farmer.png) no-repeat;}
#grill{background:url(/wp-content/themes/codeguard_base/images/testimonials/client_grill.png) no-repeat;}
#hancock{background:url(/wp-content/themes/codeguard_base/images/testimonials/client_hancock.png) no-repeat;}
#hickinbotham{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_hickinbotham.png) no-repeat;}
#jones{background:url(/wp-content/themes/codeguard_base/images/testimonials/client_jones.png) no-repeat;}
#kirk{background:url(/wp-content/themes/codeguard_base/images/testimonials/client_kirk.png) no-repeat;}
#logicdesign{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_logicdesign.png) no-repeat;}
#milligan{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_milligan.png) no-repeat;}
#mondayisgood{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_mondayisgood.png) no-repeat;}
#streamlinetek{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_streamlinetek.png) no-repeat;}
#swissmanda{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_swissmanda.png) no-repeat;}
#teambuildr{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_teambuildr.png) no-repeat;}
#toolboxno9{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_toolboxno9.png) no-repeat;}
#walker{background:url(/wp-content/themes/codeguard_base/images/testimonials/client_walker.png) no-repeat;}
#webb{background:url(/wp-content/themes/codeguard_base/images/testimonials/client_webb.png) no-repeat;}
#white{background:url(/wp-content/themes/codeguard_base/images/testimonials/client_white.png) no-repeat;}
#wowmedia{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_wowmedia.png) no-repeat;}
#jnickle{background: url(/wp-content/themes/codeguard_base/images/testimonials/client_jnickle.png) no-repeat;}
#rackspace_cloud_sites{
background: url(/wp-content/themes/codeguard_base/images/testimonials/logo_rackspace_cloud_sites.png) no-repeat;
background-size: 300px;
}
#google_webspam{
background: url(/wp-content/themes/codeguard_base/images/testimonials/logo_google.png) no-repeat;
background-size: 283px 100px;
}
.profile img{
display:block;
margin:10px auto;
}
.bubble{
width:100%;
border-style: solid;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
behavior: url(/wp-content/themes/codeguard_base/js/PIE.htc);
border-width: 2px;
border-color: #eeeeee;
position:relative;
overflow: hidden;
height: 100%;
}
.quote_card {
background-color: #FFFFFF;
margin-bottom:20px;
display: inline;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 20px;
font-weight: normal;
color: #aaaaaa;
line-height: 1.5;
float:left;
height:500px;
}
div.borderless.left.social{
position: absolute;
bottom: 0;
left: 0;
}
div.borderless.left.social div{
font-size: 16px;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight: normal;
color: #3c3c3c;
}
.quote_card p{
font-size: 20px;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
line-height: 1.5;
margin: 10px;
color: #3c3c3c;
}
.quote_card i{
font-size: 20px;
}
.quote_card i a{
font-size: 20px;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
line-height: 1.5;
color: #4c4c4c;
text-decoration: underline;
}
.quote_card a{
font-size: 16px;
color: #888888;
text-align: center;
text-decoration: none;
}
.quote_card a:hover{
color: #FC805B;
}
.quote_card strong{
font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
font-size:20px;
font-weight: 500;
color: #9FD248;
}
.quote_card .customer_name {
font-size: 16px;
margin-left: 0px;
margin-bottom:0px;
}
div.quote{
position: relative;
}
.long{
font-size: 18px;
}
.long i{
font-size: 18px;
}
.long p{
font-size: 18px;
}
.long strong{
font-size: 18px;
}
.long a {
font-size: 18px;
}
.try-it-free{
background: #f3794d;
margin:10px auto;
display: block;
color: white;
padding: 13px 27px 13px 27px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
font-weight: 600;
font-size: 18px;
transition: .45s;
color: #fff !important;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align: center;
width: 150px;
}
.try-it-free:hover {
background: #e84d15;
transition: .45s;
}
div.quote_card.largest .bubble .borderless.quote .instagram_image{
width: 640px;
height:640px;
background-size: 640px 640px;
display: block;
margin:auto;
padding: 0px;
margin-top: 15px;
border-radius: 0%;
-moz-border-radius: 0%;
-webkit-border-radius: 0%;
behavior: url(/wp-content/themes/codeguard_base/js/PIE.htc);
border: 7px solid #f0f0f0;
} div.twoGrid {
width: 47% !important;
padding-right: 0px;
}
div.twoGrid .bubble {
width: 93%;
} @media only screen and (min-width: 1950px){
div.twoGrid .bubble {
width: 96% !important;
}
.hold_profile{
display: inline;
height: 150px;
float: left;
}
.hold_profile .profile{
margin:0;
margin-left: 30px;
margin-top: 15px;
display: block;
float: left;
}
.hold_logo{
display: inline;
width: 358px;
height: 150px;
float: left;
margin-top: 0px;
margin-left: 30px;
}
.logo{
padding: 0px;
margin: 0;
display: block;
width: 300px;
height:100px;
margin-top: 40px;
}
.quote p{
clear: both;
}
div.quote_card.larger{
width: 760px;
height: 400px;
}
div.quote_card.same_row_larger{
height: 400px;
}
div.quote_card{
width: 360px;
height: 480px;
}
.larger .bubble{
width: 95%;
}
div.quote_card.largest{
width: 100%;
height: auto;
}
div.quote_card.largest .bubble{
width: 94%;
}
div.quote_card.largest .bubble .borderless.quote{
text-align: center;
}
div.quote_card.largest .bubble .borderless.quote .instagram_image{
width: 640px;
height:640px;
display: block;
margin:auto;
padding: 0px;
margin-top: 15px;
border-radius: 0%;
-moz-border-radius: 0%;
-webkit-border-radius: 0%;
behavior: url(/wp-content/themes/codeguard_base/js/PIE.htc);
border: 7px solid #f0f0f0;
}
div.quote_card.largest .bubble .borderless.social{
text-align: center;
position:relative;
}
} @media only screen and (min-width: 960px) and (max-width: 1949px){
div.quote_card{
width: 280px; height:570px;
}
div.quote_card.aBitLarger {
height: 595px;
}
div.quote_card.larger{
width: 600px;
height: 500px;
}
div.quote_card.same_row_larger{
height: 500px;
}
.larger .bubble{
width:100%;
}
.hold_profile{
display: inline;
height: 150px;
float: left;
}
.hold_profile .profile{
margin:0;
margin-left: 30px;
margin-top: 15px;
display: inline;
float: left;
}
.hold_logo{
display: inline;
width: 358px;
height: 150px;
float: left;
margin-top: 0px;
margin-left: 30px;
}
.logo{
padding: 0px;
margin: 0;
display: block;
width: 300px;
height:100px;
margin-top: 40px;
}
div.quote_card.largest{
width: 100%;
height: auto;
}
div.quote_card.largest .bubble{
width: 92%;
}
div.quote_card.largest .bubble .borderless.quote{
text-align: center;
}
div.quote_card.largest .bubble .borderless.quote .instagram_image{
width: 640px;
height:640px;
display: block;
margin:auto;
padding: 0px;
margin-top: 15px;
border-radius: 0%;
-moz-border-radius: 0%;
-webkit-border-radius: 0%;
behavior: url(/wp-content/themes/codeguard_base/js/PIE.htc);
border: 7px solid #f0f0f0;
}
div.quote_card.largest .bubble .borderless.social{
text-align: center;
position:relative;
}
} @media only screen and (max-width: 959px){
div.twoGrid {
width: 100% !important;
}
.case_study .image {
display: none;
}
div.case_study .text {
width: 100%;
}
div.logo{
display: none;
}
div.hold_logo{
display: none;
}
} @media only screen and (min-width: 768px){
div.borderless.quote.short p i{
font-size: 25px;
}
div.borderless.quote.short p i strong{
font-size: 25px !important;
}
div.borderless.quote.short p i a{
font-size: 25px;
}
} @media only screen and (min-width: 960px){
div.borderless.quote.long p {
font-size: 28px;
}
div.borderless.quote.long p strong{
font-size: 28px !important;
}
div.borderless.quote.long p a{
font-size: 28px;
}
} @media only screen and (min-width: 768px) and (max-width: 959px){
div.quote_card{
width: 344px;
height:500px;
}
div.quote_card.largest{
width: 100%;
height: auto;
}
div.quote_card.largest .bubble{
width: 90.5%;
}
div.quote_card.largest .bubble .borderless.quote{
padding-bottom: 90px;
}
div.quote_card.largest .bubble .borderless.quote .instagram_image{
width: 640px;
height: 640px;
}
} @media only screen and (min-width: 480px) and (max-width: 767px){
div.quote{
width: 90%;
padding-bottom: 90px;
}
div.quote_card{
height: auto;
}
div.quote_card.largest .bubble .borderless.quote .instagram_image{
width: 320px;
height: 320px;
}
.instagram_image.benson{
background: url(/wp-content/themes/codeguard_base/images/testimonials/client_benson_insta_320.png) no-repeat !important;
-moz-background-size: contain;
-webkit-background-size: contain;
}
}
@media only screen and  (max-width: 767px){
.testimonials_cta {
margin-top: 40px;
}
div.case_study .screenshot {
top: 0px;
width: 99%;
height: auto;
margin: 15px 0px;
}
} @media only screen and (max-width: 479px){
div.quote{
width:90%;
margin: 15px;
padding-bottom: 120px;
}
div.twoGrid .bubble {
width: 92% !important;
}
div.quote_card{
font-size: 18px;
height: auto;
}
.long{
font-size: 16px;
}
div.quote_card.largest .bubble .borderless.quote .instagram_image{
width: 230px;
height: 230px;
}
.instagram_image.benson{
background: url(/wp-content/themes/codeguard_base/images/testimonials/client_benson_insta_230.png) no-repeat !important;
-moz-background-size: contain;
-webkit-background-size:contain;
}
}
.case_study {
width: 100%;
background: #fbfbfb;
border-top: 1px solid #e5e5e5;
margin: 80px 0px 40px 0px;
padding: 10px 0px 50px 0px;
text-align: left;
font-weight: 400;
}
.case_study h1 {
text-align: left;
font-size: 36px;
margin-bottom:10px;
margin-top: 23px;
}
.case_study .image {
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border: 7px solid #f5f5f5;
background: url(/wp-content/themes/codeguard_base/images/testimonials/client_luxuriousmagazine.png) no-repeat 50% 50%;
background-size: 195px auto;
width: 195px;
height: 195px;
position: absolute;
margin-top: -70px;
z-index:999;
}
.case_study .text {
float: right;
width: 75%;
}
.case_study .text p {
line-height: 2em;
font-size: 17px;
font-weight: 300;
}
.case_study h1 strong {
font-size: 34px !important;
color: #303030;
}
.btn_expand {
background: #f3794d url(/wp-content/themes/codeguard_base/images/testimonials/ico_arrow_down_casestudy.png) no-repeat 87% 50%;
padding: 14px 27px;
color: #fff;
text-decoration: none;
display: inline-block;
border-radius: 4px;
font-size: 19px;
font-weight: bold;
text-shadow: none;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
margin-top: 25px;
padding-right: 46px;
transition: .45s;
}
.btn_expand:hover {
transition: .45s;
color: #fff;
background: #e84d15 url(/wp-content/themes/codeguard_base/images/testimonials/ico_arrow_down_casestudy.png) no-repeat 87% 50%;
}
.btn_hide {
background: #f3794d;
padding: 14px 27px;
color: #fff;
text-decoration: none;
display: inline-block;
border-radius: 4px;
font-size: 19px;
font-weight: bold;
text-shadow: none;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
margin-top: 25px;
transition: .45s;
}
.btn_hide:hover {
transition: .45s;
color: #fff;
background: #e84d15;
}
.full_story {
margin-bottom: 10px;
display: none;
}
.case_study h2 {
margin-top: 40px;
margin-bottom: 7px;
font-size: 19px;
}
.case_study .screenshot {
float: right;
width: 420px;
height: auto;
border: 1px solid #ccc;
position: relative;
top: -26px;
margin-left: 40px;
}
.case_study .social_info {
margin-bottom: 15px;
}
.case_study .social_info a {
color: #323232;
text-decoration: none;
font-size: 16px;
}
.case_study .social_info a:hover {
text-decoration: underline;
}
.social_info .facebook {
background: transparent url(/wp-content/themes/codeguard_base/images/testimonials/ico_facebook_testimonial.png) no-repeat 50% 50%;
display: inline-block;
background-size: 7px auto;
width: 7px;
height: 13px;
margin-left: 10px;
opacity: 0.6;
}
.social_info .twitter {
background: transparent url(/wp-content/themes/codeguard_base/images/testimonials/ico_twitter_testimonial.png) no-repeat 50% 50%;
display: inline-block;
background-size: 12px auto;
width: 12px;
height: 11px;
margin-left: 10px;
opacity: 0.6;
}
.twitter:hover, .facebook:hover {
opacity: 10;
}
.case_study_hr {
margin-top: -40px;
opacity: 0.5;
margin-bottom: 35px;
}