html {
font-family: 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;
max-width: 100%;
}
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;
}
h1, h2, h3 {
font-family: 'Cabin', Helvetica, sans-serif;
letter-spacing: 1.25px;
text-transform: uppercase;
font-weight: 400;
margin: 25px 0;
color: #575756;
}
h1 {
font-size: 35px;
font-size: 2.1875em;
line-height: 45px;
color: #373735;
}
h2 {
font-size: 23px;
font-size: 1.4375em;
line-height: 35px;
}
h3 {
font-size: 24px;
font-size: 1.5em;
line-height: 36px;
}
h4, h5, h6 {
font-family: 'Merriweather', Georgia, serif;
line-height: 27px;
line-height: 1.6875;
margin: 25px 0;
color: #575756;
}
h4 {
font-size: 24px;
font-size: 1.5em;
}
h5 {
font-size: 20px;
font-size: 1.25em;
}
h6 {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 15px;
font-size: 0.9375em;
}
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 {
-webkit-box-sizing: content-box;
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"] {
-webkit-box-sizing: border-box;
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-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;
border: 1px solid #d1d1d1;
}
td,
th {
padding: 0;
border: 1px solid #d1d1d1;
padding: 0.4375em;
}
*:focus {
outline: none;
}
.highlight {
background: #fff198;
}
.wp-caption figcaption.wp-caption-text {
margin: 0;
padding: 10px;
font-size: 13px;
font-size: 0.8125em;
background: #F6F6F6;
} body,
button,
input,
select,
textarea {
color: #6f6e6b;
font-family: 'Merriweather', Georgia, serif;
font-size: 16px;
line-height: 1.75;
text-align: left;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 2em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
border-left: solid 5px #7fcaad;
margin-left: 0;
font-size: 20px;
font-size: 1.25em;
line-height: 29px;
color: #373735;
padding: 0 20px;
margin: 50px 0;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
margin: 50px 0;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
display: block;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 16px;
font-size: 1em;
line-height: 1.6;
margin-bottom: 16px;
max-width: 100%;
overflow: auto;
padding: 1.6em;
border-radius: 0;
border: none;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 16px;
font-size: 1em;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
dd,
dt {
line-height: 1.8;
} html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after { -webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #f6f6f6; }
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: 0 0 2.5em 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
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"],
.btn {
border-bottom: 0px;
border-radius: 0px;
padding: 12px 40px;
text-transform: uppercase;
font-family: 'Cabin', Helvetica, sans-serif;
letter-spacing: 2.5px;
width: auto;
background: #575756;
color: #fff;
border: none;
font-size: 14px;
font-size: 0.875em;
line-height: 18px;
}
.btn {
padding: 20px 50px;
border: 1px solid #7fcaad;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn:hover {
opacity: 0.8;
-webkit-box-shadow: none;
box-shadow: none;
}
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 {
background: #628d7c;
border-color: #628d7c;
-webkit-box-shadow: none;
box-shadow: none;
}
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 {
font-size: 14px;
font-size: 0.875em;
line-height: 18px;
font-weight: normal;
color: #aaaaaa;
letter-spacing: 1px;
border: solid 1px #dfdfdf;
background: #fff;
padding: 15px;
position: relative;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
}
select {
font-size: 14px;
font-size: 0.875em;
line-height: 18px;
font-weight: normal;
color: #aaaaaa;
letter-spacing: 1px;
border: solid 1px #dfdfdf;
background: #fff;
padding: 15px;
position: relative;
}
select:focus {
border: 1px solid #2d2d2b;
}
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 {
border: 1px solid #2d2d2b;
-webkit-box-shadow: none;
box-shadow: none;
}
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"] {
font-size: 14px;
font-size: 0.975em;
line-height: 18px;
font-weight: normal;
color: #aaaaaa;
letter-spacing: 1px;
border: solid 1px #dfdfdf;
background: #fff;
padding: 14px;
position: relative;
}
textarea {
padding: 22px;
width: 100%;
}
textarea.form-control {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
min-height: 220px;
border: solid 1px #dfdfdf;
}  a {
color: #7fcaad;
}
a:visited {
color: #7fcaad;
}
a:hover,
a:focus,
a:active {
color: #628d7c;
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} .main-navigation {
position: absolute;
z-index: 999;
top: 100%;
left: 0;
right: 0;
background: #7FCAAD;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
text-align: right;
width: 100%;
text-align: left;
max-height: 432px;
overflow-x: hidden;
overflow-y: auto;
}
.main-navigation li {
float: none;
position: relative;
display: inline-block;
width: 100%;
}
.main-navigation a {
display: block;
text-decoration: none;
font-family: 'Cabin', Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 2.5px;
padding: 15px 55px 15px 30px;
color: #fff;
font-size: 16px;
font-size: 1em;
line-height: 20px;
}
.main-navigation ul ul {
border-bottom: none;
float: left;
text-align: left;
background: #628D7C;
padding-left: 30px;
}
.main-navigation ul ul a {
padding: 15px 35px 15px 20px;
width: 100%;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: #373735;
}
.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 div > ul::-webkit-scrollbar {
width: 1em;
}
.main-navigation div > ul::-webkit-scrollbar-track {
background-color: #dfdfdf;
}
.main-navigation div > ul::-webkit-scrollbar-thumb {
background-color: #6f6e6b;
}
.no-social-menu .main-navigation ul {
text-align: left;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.main-navigation .menu-item-has-children > ul {
display: none;
}
.main-navigation .menu-item-has-children > ul.toggled-on {
display: block;
}
.dropdown-toggle,
.dropdown-toggle:focus,
.dropdown-toggle:active {
position: absolute;
z-index: 9;
right: 0;
top: 0;
padding: 12px;
width: 50px;
height: 50px;
background: none;
margin-right: 5px;
}
.dropdown-toggle .dropdown-toggle-inner {
border-radius: 2px;
background: #FFFFFF;
color: #7FCAAD;
text-align: center;
width: 25px;
height: 25px;
padding: 0;
margin: 0;
float: left;
}
.dropdown-toggle .dropdown-toggle-inner:after {
content: "\f107";
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 25px;
-webkit-font-smoothing: antialiased;
padding-left: 3px;
}
.dropdown-toggle:hover .dropdown-toggle-inner,
.dropdown-toggle:focus .dropdown-toggle-inner {
background-color: rgba(255,255,255,0.75);
color: #628D7C;
z-index: 1;
}
.dropdown-toggle.toggled-on .dropdown-toggle-inner,
.dropdown-toggle.toggled-on:hover .dropdown-toggle-inner,
.dropdown-toggle.toggled-on:focus .dropdown-toggle-inner {
background-color: rgba(255,255,255,0.75);
color: #628D7C;
z-index: 1;
}
.dropdown-toggle.toggled-on .dropdown-toggle-inner:after {
content: "\f106";
font-family: FontAwesome;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
float: left;
width: 100%;
}
.posts-navigation .nav-links {
text-align: center;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
display: inline-block;
}
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
display: block;
padding: 16px 30px;
text-transform: uppercase;
font-family: 'Cabin', Helvetica, sans-serif;
letter-spacing: 2.5px;
color: #aaa;
font-size: 14px;
font-size: 0.875em;
background: #7fcaad;
color: #fFf;
}
.posts-navigation .nav-previous a {
float: right;
margin-left: 10px;
}
.posts-navigation .nav-next a {
float: left;
margin-left: 10px;
}
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover {
color: #fff;
background: #628d7c;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 50%;
float: left;
}
.post-navigation .nav-previous,
.post-navigation .nav-previous a {
float: left;
}
.post-navigation .nav-next,
.post-navigation .nav-next a{
float: right;
}
.post-navigation .nav-links a {
font-family: 'Cabin', Helvetica, sans-serif;
padding: 15px 15px 10px;
float: left;
line-height: 20px;
width: 95%;
background-color: #7fcaad;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
}
.post-navigation .nav-links a:hover {
color: #fff;
background: #628d7c;
}
.post-navigation .nav-links .nav-previous a {
float: left;
}
.post-navigation .nav-links .nav-previous a span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 90%;
display: inline-block;
}
.post-navigation .nav-links .nav-previous a:before {
content: "< ";
display: inline-block;
vertical-align: top;
padding-right: 5px;
}
.post-navigation .nav-links .nav-next a:after {
content: " >";
display: inline-block;
vertical-align: top;
padding-left: 5px;
}
.post-navigation .nav-links .nav-next a {
float: right;
}
.post-navigation .nav-links .nav-next a span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 90%;
display: inline-block;
}
.site-main .post-navigation {
padding: 0 0 60px;
margin-bottom: 0;
}
.post-navigation {
display: none;
}
.zillah-only-customizer {
display: none !important;
}
.author-details-wrap {
margin-top: -59px;
background: #FFF;
padding: 80px 0;
margin-bottom: 60px;
float: left;
width: 100%;;
}
.author-details-title {
font-family: 'Cabin', Helvetica, sans-serif;
font-size: 14px;
font-size: 0.875em;
font-weight: 600;
color: #628d7c;
text-transform: uppercase;
margin-bottom: 20px;
letter-spacing: 2px;
}
.author-details-content {
font-size: 14px;
font-size: 0.875em;
color: #aaaaaa;
}
.author-details-img-wrap {
float: left;
border-radius: 50%;
overflow: hidden;
margin-right: 35px;
}  .post_format-post-format-quote .content-inner-wrap p {
margin-bottom: 0;
}
.post_format-post-format-quote blockquote {
margin: 0;
}
.post_format-post-format-quote .post-thumbnail {
margin-top: -45px;
}  .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;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
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;
margin-right: auto;
} .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-area {
display: none;
} .widget {
margin: 0 0 1.5em;
}
.site-footer .widget {
padding-bottom: 50px;
}
.widget select {
max-width: 100%;
}
.widget-area,
.widget-area..sidebar-mobile-title {
max-width: 300px;
letter-spacing: 0.25px;
}
.widget-area .widget:last-child {
border-bottom: 0;
}
.widget-title {
color: #628d7c;
font-size: 14px;
font-size: 1em;
margin: 0 0 20px;
line-height: 21px;
}
.widget ul > li {
list-style: none;
padding: 10px 0 0;
color: #aaaaaa;
}
.widget ul li:first-child {
padding-top: 0;
}
.widget ul ul li:first-child {
padding: 10px 0 0;
}
.widget_categories li a {
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'Cabin', Helvetica, sans-serif;
}
.widget ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget ul ul {
padding-left: 15px;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget input[type="number"],
.widget input[type="tel"],
.widget input[type="range"],
.widget input[type="date"],
.widget input[type="month"],
.widget input[type="week"],
.widget input[type="time"],
.widget input[type="datetime"],
.widget input[type="datetime-local"],
.widget input[type="color"] ,
.widget select,
.widget textarea {
width: 100%;
}
.widget-area .widget {
padding: 30px 0 30px 30px;
margin: 0px;
margin-bottom: 5px;
width: 300px;
}
.widget_recent_entries .post-date {
display: block;
font-family: 'Cabin', Helvetica, sans-serif;
font-size: 13px;
font-size: 0.8125em;
line-height: 13px;
color: #aaaaaa;
text-transform: uppercase;
margin-top: 5px;
letter-spacing: 1px;
}
.widget_recent_entries li {
padding: 10px 0px;
}
.widget_archive li {
color: #aaaaaa;
} .widget_calendar table,
.widget_calendar td {
border: 0;
border-collapse: separate;
border-spacing: 1px;
}
.widget_calendar caption {
font-size: 14px;
font-size: 0.875em;
margin: 0;
}
.widget_calendar th,
.widget_calendar td {
padding: 0;
text-align: center;
}
.widget_calendar a {
display: block;
}
.widget_calendar a:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.5);
}
.site-footer .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
background-color: transparent;
}
.widget_search label {
width: 100%;
}
.widget_search form {
position: relative;
}
.widget_search label:before {
content: "\f002";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #aaaaaa;
position: absolute;
font-size: 18px;
font-size: 1.125em;
padding-right: 20px;
z-index: 5;
right: 0px;
top: 0px;
height: 47px;
width: 35px;
line-height: 40px;
padding-top: 5px;
text-align: center;
}
.widget_search input[type="submit"] {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 47px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
z-index: 9;
text-indent: -99999900px;
overflow: hidden;
padding: 0;
}
.widget-area.widget-area-mobile {
display: block;
}
.widget-area.widget-area-mobile {
width: 100%;
max-width: 100%;
}
.widget-area.widget-area-mobile .widget {
width: 100%;
}
.widget-area.widget-area-mobile .widget {
padding: 30px 0 30px;
}
.sidebar-mobile-title {
width: 100%;
background: #fff;
display: block;
padding: 15px 45px;
}
.sidebar-mobile-title > span {
line-height: 20px;
display: inline-block;
}
.sidebar-mobile-title:before {
content: "\f107";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
color: #aaaaaa;
font-size: 18px;
font-size: 1.125em;
text-align: left;
line-height: 24px;
}
.widget-area-mobile-open .sidebar-mobile-title:before {
content: "\f106";
}
.sidebar-inner-wrap {
height: 1px;
overflow: hidden;
}
.widget-area-mobile-open .sidebar-inner-wrap {
height: auto;
}
.widget-area.widget-area-mobile .widget {
padding: 30px 15px;
} .content-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
padding: 60px 0;
}
.page-header {
text-align: center;
color: #575756;
border: none;
margin: 60px 0 0;
padding-bottom: 0;
}
.page-header h1.page-title {
color: #575756;
margin: 0;
font-size: 1.1875em;
}
.taxonomy-description {
font-size: 14px;
font-size: 0.875em;
font-style: normal;
font-weight: normal;
letter-spacing: 0;
text-align: center;
}
.taxonomy-description p {
margin: 0;
}
.homepage-two-wrap {
background: #F6F6F6;
}
.site-main {
padding-right: 0;
float: left;
width: 100%;
}
.content-area {
width: 100%;
}
.content-inner-wrap,
.content-area-with-sidebar .content-inner-wrap {
padding: 0 20px;
}
.not-found .page-header,
.not-found .page-title {
margin-top: 0;
text-align: center;
}
.not-found .page-content {
text-align: center;
}
.not-found input[type="submit"], .btn {
padding: 15px 50px;
}
.not-found {
border: 0px;
padding: 45px 0 45px 0;
background: #fff;
float: left;
width: 100%;
margin-bottom: 40px;
}
.not-found .page-title,
.search-nothing-found {
font-size: 24px;
font-size: 1.5em;
line-height: 30px;
font-size: 1.875;
color: #575756;
font-weight: 400;
}
p.dropcap:first-letter {
float: left;
color: #628d7c;
font-size: 50px;
font-size: 3.125em;
line-height: 50px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
}
.content-area-arch .entry-content {
font-size: 15px;
font-size: 0.9375em;
}
.content-area-arch p.dropcap:first-letter {
font-size: 45px;
font-size: 2.8125em;
line-height: 45px;
} .sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-main-header {
position: relative;
padding: 70px 0 0;
}
.page-main-header .entry-title {
text-align: center;
font-family: 'Cabin', Helvetica, sans-serif;
font-size: 19px;
font-size: 1.1875em;
line-height: 1.5em;
color: #575756;
font-weight: 400;
letter-spacing: 3px;
position: relative;
margin: 0;
padding: 0 5px;
text-transform: uppercase;
}
.page-main-header .entry-title span {
color: #6f6e6b;
}
.comment-respond label {
padding: 5px 0;
width: auto;
display: block;
font-family: 'Cabin', sans-serif !important;
text-transform: uppercase;
font-weight: 400;
}
.comment-respond p {
margin-bottom: 15px;
}
.comment-respond input:not([type="submit"]) {
width: 100%;
}
.comment-reply-title {
font-family: 'Merriweather', Georgia, serif;
font-size: 20px;
font-size: 1.25em;
text-transform: none;
letter-spacing: 1px;
}
.comment-form .required {
color: #ed331c;
}
.comment-list li.comment .comment-respond {
background-color: #fff;
margin-bottom: 20px;
padding: 20px;
margin-right: 30px;
}
.comment-reply-title small a {
color: #131310;
display: inline-block;
float: right;
height: 16px;
overflow: hidden;
width: 16px;
font-family: serif;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.comment-reply-title small a:hover {
color: #ed331c;
text-decoration: none;
}
.comment-reply-title small a:before {
content: "+";
text-indent: 0px;
font-size: 30px;
font-size: 1.875em;
line-height: 16px;
font-weight: 100;
}
.form-submit {
text-align: center;
margin-top: 50px;
} .post-thumbnail {
display: block;
}
.post-thumbnail-wrap {
text-align: center;
width: 100%;
margin-bottom: 50px;
}
.post-thumbnail-wrap iframe {
width: 100%;
}
#carousel-post-gallery img {
width: 100%;
}
.post-thumbnail-wrap img {
width: 100%;
}
.entry-title-blog {
margin-bottom: 0;
}
.entry-title {
font-family: 'Cabin', Helvetica, sans-serif;
font-size: 20px;
font-size: 1.2em;
line-height: 25px;
color: #575756;
letter-spacing: 2px;
font-weight: 600;
margin: 0;
text-transform: none;
}
.entry-title-blog a {
font-size: 24px;
font-size: 1em;
color: #575756;
margin: 0;
}
.entry-title-blog a:hover {
color: #628d7c;
}
.blog-post,
.site-main > article.article,
.search-page .site-main > article {
border: 0px;
padding: 45px 0 45px 0;
margin-bottom: 60px;
background: #fff;
float: left;
width: 100%;
}
.site-main > article.blog-post,
.site-main > article.search-post {
margin-bottom: 60px;
}
.categories-links a {
color: #aaaaaa;
font-family: 'Cabin', Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.categories-links a:hover {
color: #628d7c;
}
.entry-header {
padding-bottom: 40px;
}
.entry-header .content-inner-wrap {
text-align: center;
}
.entry-header .posted-on {
color: #aaaaaa;
font-size: 15px;
font-size: 0.9375em;
padding-bottom: 10px;
display: block;
}
.entry-header .posted-on a {
color: #aaaaaa;
}
.entry-header .posted-on a:hover {
color: #575756;
}
.entry-header .cat-links {
font-family: 'Cabin', Helvetica, sans-serif;
font-size: 15px;
font-size: 0.8375em;;
font-weight: 400;
color: #7fcaad;
text-transform: uppercase;
letter-spacing: 2px;
padding-top: 10px;
display: block;
}
.more-link {
margin-top: 45px;
float: left;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 15px;
font-size: 1em;
font-family: 'Cabin', Helvetica, sans-serif;
}
.content-inner-wrap > .more-link {
margin-top: 20px;
}
.post-edit-link {
font-style: italic;
} .blog-post-alt-inner {
background: #FFF;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.blog-post-alt .content-inner-wrap {
padding: 0;
}
.blog-post-alt .posted-on {
font-family: 'Merriweather', Georgia, serif;
font-size: 15px;
font-size: 1em;
text-transform: none;
letter-spacing: 1px;
padding: 23px 0 0;
width: 100%;
display: block;
}
.blog-post-alt .entry-title-blog a {
font-family: 'Cabin', sans-serif;
font-size: 18px;
font-size: 0.75em;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
letter-spacing: 1.5px;
display: block;
padding: 0 10px;
}
.blog-post-alt .entry-title-blog {
padding: 20px 0;
}
.blog-post-alt .entry-header {
padding-bottom: 0;
}
.blog-post-alt .post-thumbnail-wrap {
margin-bottom: 0;
padding-top: 23px;
}
.blog-post-alt .content-inner-wrap {
padding: 0;
}
.blog-post-alt .entry-content .content-inner-wrap {
border-top: 1px solid #f6f6f6;
padding: 15px 0;
float: left;
width: 100%;
}
.blog-post-alt .content-inner-wrap > .more-link {
font-family: 'Cabin', sans-serif;
font-weight: 600;
margin-top: 0;
width: 100%;
text-align: center;
}
.blog-post-alt .meta-nav {
display: none;
}
.container-alt-layout {
padding-left: 0;
padding-right: 0;
}
.single-post-alt {
font-family: 'Merriweather', Georgia, serif;
letter-spacing: 1px;
}
.single-post-alt .entry-header .cat-links {
font-weight: 600;
}
.single-post-alt .content-inner-wrap-alt {
margin-bottom: -60px;
}
.alt-comments-number {
background: #7fcaad;
font-size: 13px;
line-height: 16px;
color: #FFF;
font-family: 'Cabin';
font-weight: 600;
letter-spacing: 1.5px;
padding: 12px 35px;
display: inline-block;
position: relative;
z-index: 9;
margin-top: 30px;
}
.single-post-alt .entry-header {
padding-bottom: 35px;
}
.blog-post-alt .page-links {
margin: 0;
text-align: center;
}
.content-area-with-sidebar .content-inner-wrap.content-inner-wrap-blog-alt {
padding: 0;
}
.single-post-alt .post-thumbnail-wrap {
margin-bottom: 0;
}
.single-post-alt .entry-content {
margin-top: 50px;
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
} .comments-area-wrap {
background: #FFF;
float: left;
width: 100%;
margin-bottom: 60px;
}
.comments-area-wrap .comments-area {
padding: 45px 30px 45px 30px;
}
h2.comments-title {
color: #373735;
font-family: 'Merriweather', Georgia, serif;
font-size: 20px;
font-size: 1.25em;
text-transform: none;
}
.comment-content {
font-size: 14px;
font-size: 0.875em;
color: #575756;
}
.comment-content p {
margin-bottom: 1em;
}
.bypostauthor {
display: block;
}
.comments-title {
font-size: 18px;
font-size: 1.125em;
}
.comment-list {
padding-left: 0;
}
.comment-list li.comment {
list-style: none;
}
.comment-author {
float: left;
}
.comment-author img {
position: absolute;
margin-left: -155px;
}
.comment-author .avatar {
border-radius: 50%;
}
.comment-author .says {
display: none;
}
.comment-author .fn,
.comment-author .fn a,
.comment-metadata,
.comment-metadata a {
font-family: 'Cabin', Helvetica, sans-serif;
font-size: 14px;
font-size: 0.875em;
line-height: 16px;
font-weight: 400;
color: #aaaaaa;
letter-spacing: 1px;
display: inline-block;
text-transform: uppercase;
vertical-align: top;
}
.comment-metadata {
display: inline;
}
.comment-author .fn {
vertical-align: top;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #aaaaaa;
}
.comment-body {
position: relative;
padding: 25px 0 15px 40px;
padding-right: 15px;
border-bottom: 1px solid #e9e8e8;
margin-left: 0;
min-height: 30px;
}
.comment-author img {
position: absolute;
margin-left: -40px;
width: 30px;
height: 30px;
}
.pingback {
list-style: none;
}
.pingback .comment-body {
padding: 20px 20px 20px 10px;
min-height: 0;
}
.comment-metadata a:hover,
.comment-author .fn a:hover {
color: #628d7c;
}
.comment-metadata .edit-link {
float: right;
}
.reply a {
font-family: 'Cabin', Helvetica, sans-serif;
font-weight: 600;
color: #628d7c;
font-size: 14px;
font-size: 0.875em;
text-transform: uppercase;
letter-spacing: 1.75px;
}
.reply a:hover{
color:#373735;
}
.comment-reply-link {
font-size: 14px;
font-size: 0.875em;
}
.comment-list .children {
margin-left: 0;
padding: 0 0 0 20px;
}  .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%;
}
.mejs-container {
margin-bottom: 2em;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.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-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 12px;
font-size: 0.75em;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-3 .gallery-caption,
.gallery-columns-4 .gallery-caption,
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} .site-header,
.header-inner-top{
position: relative;
}
.site-title {
font-family: 'Lato', Helvetica, sans-serif;
font-size: 32px;
font-size: 2em;
line-height: 1;
color: #373735;
letter-spacing: 5px;
text-transform: uppercase;
font-weight: 900;
margin: 25px 0;
display: inline-block;
margin: 0;
max-width: 100%;
}
.site-title a {
color: #6ca790;
opacity: 1;
}
.site-title a:hover {
color: #6ca790;
opacity: 0.8;
}
.header-inner-site-branding {
width: 100%;
padding: 94px 0;
text-align: center;
background: #FFF;
background-size: cover;
background-position: center;
}
.header-inner-site-branding.header-logo-wrap-single {
padding: 50px 0;
}
.header-inner-site-branding.header-logo-wrap-single .header-logo-wrap img {
max-height: 70px;
}
.header-inner-site-branding.header-logo-wrap-single .site-description {
font-size: 0.8375em;
}
.main-navigation-wrap {
display: table-cell;
vertical-align: middle;
}
.header-inner-top {
background: #373735;
}
.header-inner {
display: table;
width: 100%;
padding: 12px 0;
}
.header-title-wrap {
margin-top: 20px;
}
.menu-toggle-button-wrap {
display: table-cell;
vertical-align: middle;
text-align: left;
}
.site-description {
margin-bottom: 0;
margin-top: 15px;
color: #aaaaaa;
font-size: 15px;
font-size: 0.9375em;
}
.header-social-icons {
display: none;
}
.header-search {
display: table-cell;
vertical-align: middle;
text-align: right;
width: 160px;
}
.header-search .search-form {
position: relative;
}
.header-search input[type="search"] {
background: none;
border: none;
padding: 5px;
width: 100%;
font-family: 'Cabin', Helvetica, sans-serif;
font-size: 13px;
font-size: 0.8125em;
}
.header-search label {
width: 100%;
padding-left: 20px;
}
.header-search label:before {
content: "\f002";
font-family: 'FontAwesome';
font-size: 14px;
font-size: 0.875em;
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 0;
line-height: 29px;
text-align: left;
}
.header-search input[type="submit"] {
position: absolute;
left: 0;
top: 0;
text-indent: -99999px;
padding: 10px;
background: none;
height: 29px;
}
.header-search ::-webkit-input-placeholder {
color: #636363 !important;
text-transform: uppercase;
}
.header-search :-moz-placeholder {
color: #636363 !important;
opacity:  1;
text-transform: uppercase;
}
.header-search ::-moz-placeholder {
color: #636363 !important;
opacity:  1;
text-transform: uppercase;
}
.header-search :-ms-input-placeholder {
color: #636363 !important;
text-transform: uppercase;
}
.menu-toggle {
font-size: 20px;
font-size: 1.25em;
padding: 10px 15px;
background: none;
color: #6f6e6b;
float: none;
text-align: center;
display: inline-block;
}
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle[aria-expanded="true"] {
color: #7FCAAD;
background: none;
border-color: #dfdfdf;
opacity: 0.8;
}
.main-navigation-wrap-inner {
display: table;
width: 100%;
}
.social-navigation a {
display: block;
color: #636363;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
margin-right: 8px;
}
.social-navigation a:hover {
color: #7fcaad;
}
.social-navigation a::before {
content: "\f1e0";
font-family: 'FontAwesome';
font-size: 16px;
font-size: 1em;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
}
.header-logo-wrap img {
max-height: 145px;
width: auto;
}
.social-navigation a[href*="twitter.com"]::before {
content: '\f099';
}
.social-navigation a[href*="facebook.com"]::before {
content: '\f09a';
}
.social-navigation a[href*="plus.google.com"]::before {
content: '\f0d5';
}
.social-navigation a[href*="dribbble.com"]::before {
content: '\f17d';
}
.social-navigation a[href*="pinterest.com"]::before {
content: '\f0d2';
}
.social-navigation a[href*="youtube.com"]::before {
content: '\f167';
}
.social-navigation a[href*="flickr.com"]::before {
content: '\f16e';
}
.social-navigation a[href*="vimeo.com"]::before {
content: '\f194';
}
.social-navigation a[href*="instagram.com"]::before {
content: '\f16d';
}
.social-navigation a[href*="linkedin.com"]::before {
content: '\f0e1';
}
.social-navigation a[href*="foursquare.com"]::before {
content: '\f180';
}
.social-navigation a[href*="tumblr.com"]::before {
content: '\f173';
} .site-footer {
background: #575756;
font-size: 14px;
font-size: 0.875em;
font-weight: 300;
color: #aaaaaa;
text-align: left;
}
.site-footer a {
color: #aaaaaa;
text-transform: uppercase;
letter-spacing: 1.5px;
font-family: 'Cabin', Helvetica, sans-serif;
}
.site-footer a:hover {
color: #7fcaad;
}
.site-footer .fa {
color: #7fcaad;
}
.site-footer h3 {
color: #dfdfdf;
font-family: 'Cabin', Helvetica, sans-serif;
font-size: 14px;
font-size: 0.875em;
margin: 0 0 20px;
line-height: 21px;
}
.site-footer .widget-title {
color: #dfdfdf;
font-family: 'Cabin', Helvetica, sans-serif;
font-size: 14px;
font-size: 0.875em;
margin: 0 0 20px;
line-height: 21px;
}
.site-info {
text-align: center;
font-size: 12px;
font-size: 0.857em;
letter-spacing: 1px;
padding: 15px 0;
background: #373735;
}
.site-info a {
letter-spacing: 0;
text-transform: none;
letter-spacing: 1px;
font-family: 'Merriweather', Georgia, serif;
}
.footer-copyright {
float: left;
text-align: center;
width: 100%;
}
.footer-back-top {
float: right;
text-align: center;
width: 100%;
margin-top: 15px;
}
.footer-video-wrap {
display: none;
}
.footer-content-wrap {
width: 100%;
}
.quick-contact {
width: 100%;
float: left;
text-align: center;
}
.footer-content-bottom {
text-align: center;
width: 100%;
float: left;
border-top: solid 1px #6f6e6b;
padding-top: 40px;
margin-top: 30px;
position: relative;
}
.footer-content-bottom-left {
width: 100%;
line-height: 27px;
}
.footer-content-bottom .btn {
border-color: #7fcaad;
background: none;
color: #7fcaad;
font-size: 14px;
font-size: 0.875em;
line-height: 22px;
}
.footer-content-bottom .btn:hover {
background: #7fcaad;
color: #ffffff;
}
.quick-contact .fa {
margin: 0px 20px 15px 0px;
}
.footer-widget-wrap {
display: none;
}
.footer-widget-wrap .widget:last-child {
margin-bottom: 0;
}
.footer-social-icons {
float: left;
width: 100%;
text-align: center;
margin-top: 40px;
padding-top: 30px;
border-top: solid 1px #6f6e6b;
}
.footer-social-icons ul {
margin: 0;
padding: 0;
}
.footer-social-icons li {
display: inline-block;
list-style: none;
}
.footer-social-icons li a {
font-size: 20px;
font-size: 1.25em;
line-height: 30px;
margin: 0 8px;
}
.footer-inner {
display: none;
} .home-carousel {
display: none;
}  .content-wrap-contact input:not([type="submit"]) {
padding: 20px;
width: 100%;
}
.content-wrap-contact .pirate_forms_three_inputs {
width: 100%;
}
.contact_submit_wrap {
width: 100%;
}
.pirate_forms_wrap label {
height: 0;
float: left;
}
.pirate_forms_wrap .form_field_wrap {
margin: 15px 0;
text-align: center;
}  .blog-post div.sharedaddy,
.blog-post #content div.sharedaddy,
.blog-post #main div.sharedaddy,
.search-post div.sharedaddy,
.search-post #content div.sharedaddy,
.search-post #main div.sharedaddy {
clear: none !important;
float: left;
padding-top: 3px;
margin-top: 14px;
}
.blog-post .sd-social-icon .sd-button span.share-count,
.blog-post .sd-social-icon .sd-button span.share-count,
.blog-post .sd-social-icon .sd-button span.share-count,
.search-post .sd-social-icon .sd-button span.share-count,
.search-post .sd-social-icon .sd-button span.share-count,
.search-post .sd-social-icon .sd-button span.share-count {
display: none;
}
.entry-content-wrap .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button,
.entry-content-wrap .sd-social-icon .sd-content ul li[class*='share-'].share-skype a.sd-button,
.entry-content-wrap .sd-social-icon .sd-content ul li[class*='share-'].share-reddit a.sd-button,
.entry-content-wrap .sd-social-icon .sd-content ul li[class*='share-'].share-tumblr a.sd-button,
.entry-content-wrap .sd-social-icon .sd-content ul li[class*='share-'].share-pocket a.sd-button,
.entry-content-wrap .sd-social-icon .sd-content ul li[class*='share-'].share-google-plus-1 a.sd-button,
.entry-content-wrap .sd-social-icon .sd-content ul li[class*='share-'].share-facebook a.sd-button,
.entry-content-wrap .sd-social-icon .sd-content ul li[class*='share-'].share-twitter a.sd-button,
.entry-content-wrap .sd-social-icon .sd-content ul li[class*='share-'].share-pinterest a.sd-button,
.entry-content-wrap .sd-social-icon .sd-content ul li[class*='share-'].share-linkedin a.sd-button,
.entry-content-wrap .sd-social-icon .sd-content ul li[class*=share-].share-press-this a.sd-button {
color: #aaaaaa !important;
background: none !important;
padding: 5px;
}
.entry-content-wrap div.sharedaddy h3.sd-title {
float: left;
padding-top: 8px;
padding-right: 15px;
color: #aaaaaa;
font-size: 15px;
font-size: 0.9375em;
font-weight: 400;
}
.blog-post .sd-content {
float: right;
}
.sd-social-icon .sd-button span.share-count {
display: none !important;
}
div.sharedaddy h3.sd-title:before {
display: none !important;
}
.blog-post .sd-title,
.search-post .sd-title {
display: none !important;
}
@media screen and (min-width: 600px) {
.blog-post div.sharedaddy,
.blog-post #content div.sharedaddy,
.blog-post #main div.sharedaddy,
.search-post div.sharedaddy,
.search-post #content div.sharedaddy,
.search-post #main div.sharedaddy {
float: right;
}
} .entry-content #jp-relatedposts h3.jp-relatedposts-headline {
font-family: 'Merriweather', Georgia, serif;
font-size: 20px;
font-size: 1.25em;
font-weight: 400;
text-align: center;
width: 100%;
color: #373735;
text-transform: none;
margin-top: 60px;
}
.entry-content #jp-relatedposts h3.jp-relatedposts-headline em {
font-family: 'Merriweather', Georgia, serif;
font-weight: 400;
}
.entry-content #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
text-align: center;
padding-top: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 80%;
margin: 20px auto 0;
}
.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
font-family: 'Cabin', Helvetica, sans-serif;
text-transform: uppercase;
color: #575756;
letter-spacing: 1px;
font-size: 15px;
font-size: 0.9375em;
}
.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
text-decoration: none;
color: #628d7c;
}
.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
max-width: 80%;
text-align: center;
margin: 0 auto;
}
.entry-content #jp-relatedposts h3.jp-relatedposts-headline em:before {
content: "";
border-top: 1px solid rgb(246, 246, 246);
}
.entry-content #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post{
padding: 0 0 20px 0;
margin: 5px 0.6%;
background: #f6f6f6;
}
.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post{
width: 32%;
}
.entry-content #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post{
opacity: 1;
}
.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a{
text-decoration: none;
color: #7fcaad;
}
@media only screen and (max-width: 640px) {
.entry-content #jp-relatedposts .jp-relatedposts-items-visual {
text-align: center;
}
.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
width: 48%;
display: inline-block;
float: none;
}
}
@media only screen and (max-width: 480px) {
.entry-content #jp-relatedposts .jp-relatedposts-items-visual {
text-align: center;
}
.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
width: 98%;
}
} #disqus_thread {
max-width: 840px;
margin: 0 auto;
padding: 15px;
}
@media screen and (min-width: 1600px) {
#disqus_thread {
padding: 40px 15px;
}
} @media screen and (min-width: 600px) {
.site-title {
font-size: 56px;
font-size: 3.5em;
letter-spacing: 10px;
} .entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
.entry-content blockquote.alignleft {
margin: 10px 30px 30px 0;
}
.entry-content blockquote.alignright {
margin: 10px 0 30px 30px;
}
.content-area-with-sidebar .content-inner-wrap {
padding: 0 45px;
}
.entry-title {
font-size: 24px;
font-size: 1.5em;
line-height: 30px;
text-transform: uppercase;
}
.entry-header .cat-links {
font-size: 0.9375em;
}
.header-inner-site-branding.header-logo-wrap-single {
padding: 94px 0;
}
.header-inner-site-branding.header-logo-wrap-single .header-logo-wrap img {
max-height: 145px;
}
.header-inner-site-branding.header-logo-wrap-single .site-description {
font-size: 0.9375em;
}
.page-header {
margin: 90px 0 0;
}
.page-header h1.page-title {
font-size: 2.1875em;
}
.page-main-header .entry-title {
font-size: 40px;
font-size: 2.5em;
}
.taxonomy-description {
font-size: 16px;
font-size: 1em;
margin-top: 15px;
} .menu-toggle-button-wrap {
text-align: left;
}
.no-social-menu .menu-toggle-button-wrap {
text-align: left;
} .footer-inner {
display: block;
letter-spacing: 0.25px;
}
.container-footer {
padding-top: 80px;
}
.site-footer .widget_nav_menu .widget-title {
margin-bottom: 15px;
}
.site-footer .widget_nav_menu ul > li,
.site-footer .widget ul li:first-child {
padding: 5px 0;
}
.site-footer .widget ul ul li:first-child {
padding-top: 10px;
}
.site-footer .widget ul ul li:last-child {
padding-bottom: 0;
}
.footer-social-icons {
display: none;
}
.footer-content-bottom {
display: table-cell;
vertical-align: middle;
}
.footer-content-bottom-left {
display: table-cell;
vertical-align: middle;
width: 100%;
line-height: 27px;
}
.footer-content-bottom-btn {
display: table-cell;
vertical-align: middle;
padding-left: 25px;
} .gallery-columns-3 .gallery-caption,
.gallery-columns-4 .gallery-caption,
.gallery-columns-5 .gallery-caption {
display: block;
} .comment-list .children {
padding: 0 0 0 30px;
} .single-post-alt .entry-title {
font-size: 21px;
font-size: 1.3em;
}
.single-post-alt .entry-header .posted-on {
padding-bottom: 15px;
}
.single-post-alt .entry-header .cat-links {
padding-top: 15px;
}
.widget-area.widget-area-mobile .widget {
padding: 30px 0;
}
}
@media screen and (min-width: 768px) {
h2 {
font-size: 28px;
font-size: 1.75em;
line-height: 40px;
}
.post-navigation {
display: block;
} .footer-copyright {
width: auto;
}
.footer-back-top {
width: auto;
margin-top: 0;
} .page-main-header {
padding: 90px 0 0;
} .content-area {
max-width: 100%;
width: 100%;
}
.content-area-left-sidebar .content-area {
padding: 40px 0 0 60px;
}
.content-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
} .comment-author img {
margin-left: -155px;
width: 105px;
height: 105px;
}
.comment-body {
padding: 45px 0 45px 155px;
min-height: 195px;
}
.comment-list .children {
padding: 0 0 0 60px;
}
}
@media screen and (min-width: 992px) {
body {
padding-top: 58px;
} .header-inner-top {
position: fixed;
width: 100%;
z-index: 9999;
top: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.admin-bar .header-inner-top {
top: 32px;
}
.header-inner-site-branding {
padding-top: 110px;
}
.header-social-icons {
display: table-cell;
vertical-align: middle;
width: 160px;
text-align: left;
}
.header-social-icons ul {
padding: 0;
margin: 0;
float: left;
}
.header-social-icons li {
list-style: none;
float: left;
}
.header-social-icons li .fa {
margin: 0px 8px;
} .main-navigation {
position: relative;
top: 0;
background: none;
display: table-cell;
vertical-align: middle;
}
.main-navigation ul {
max-height: initial;
overflow-x: visible;
overflow-y: visible;
}
.main-navigation li {
width: auto;
}
.main-navigation li.menu-item-has-children {
padding-right: 10px;
}
.main-navigation ul {
text-align: center;
}
.main-navigation ul ul {
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
padding-left: 0;
background: #373735;
width: 250px;
}
.main-navigation ul ul ul {
left: -999em;
top: -1px;
}
.main-navigation li a {
font-size: 13px;
font-size: 0.8125em;
color: #aaaaaa;
padding: 5px 10px;
}
.main-navigation ul ul a {
width: 100%;
padding: 12px 20px;
}
.main-navigation ul ul li {
border-bottom: 1px solid rgba(255,255,255,0.25);
width: 100%;
margin-top: 1px;
}
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
.dropdown-toggle {
z-index: -1;
top: 2px;
background: none;
color: #999999;
width: 15px;
}
.main-navigation .menu-item-has-children > ul {
display: block;
}
.main-navigation ul ul .dropdown-toggle {
top: 15px;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: #7fcaad;
}
.dropdown-toggle,
.dropdown-toggle:focus,
.dropdown-toggle:active {
height: 15px;
padding: 0;
background: none;
}
.dropdown-toggle .dropdown-toggle-inner {
background: none;
color: #999999;
width: 15px;
height: 15px;
}
.dropdown-toggle .dropdown-toggle-inner:after {
line-height: 15px;
}
ul .dropdown-toggle,
ul .dropdown-toggle:focus,
ul .dropdown-toggle:active {
margin-top: 4px;
}
ul ul .dropdown-toggle,
ul ul .dropdown-toggle:focus,
ul ul .dropdown-toggle:active {
margin-top: 0;
}
.dropdown-toggle.toggled-on .dropdown-toggle-inner:after {
content: "\f107";
}
.dropdown-toggle.toggled-on .dropdown-toggle-inner,
.dropdown-toggle.toggled-on:hover .dropdown-toggle-inner,
.dropdown-toggle.toggled-on:focus .dropdown-toggle-inner {
background: none;
color: #999999;
} .footer-video-wrap {
display: block;
width: 60%;
margin-right: 60px;
max-width: 435px;
}
.widget-area .widget,
.widget-area.widget-area-mobile .widget {
width: 300px;
font-size: 14px;
font-size: 0.875em;
}
.widget-area .widget:first-child,
.widget-area.widget-area-mobile .widget:first-child{
padding-top: 0;
} .search-page .site-main,
.contact-page .site-main {
padding-right: 0;
float: none;
}
.content-wrap {
padding: 90px 0 30px;
}
.contact-block-item-wrap .contact-block-item {
margin-top: 0;
}
.content-inner-wrap,
.comments-area-wrap .comments-area {
max-width: 740px;
margin: 0 auto;
}
.content-area-with-sidebar {
float: left;
padding-top: 0;
width: 100%;
max-width: 100%;
margin-left: -300px;
padding-left: 300px;
}
.content-area-with-sidebar .site-main {
padding: 0 15px 0 0;
} .widget-area {
display: block;
float: right;
}
.sidebar-mobile-title {
display: none;
}
.widget-area.widget-area-mobile {
width: auto;
}
.widget-area.widget-area-mobile .widget {
padding: 30px 0 30px 30px;
}
.sidebar-inner-wrap {
height: auto !important;
} .home-carousel {
display: block;
}
.home-carousel .item-inner-half {
width: 50%;
float: left;
position: relative;
}
.home-carousel .item-inner-half img {
width: 100%;
}
.home-carousel .carousel-indicators {
margin-bottom: 0;
bottom: -40px;
}
.home-carousel .carousel-indicators li {
background-color: #dbd9d9;
border: none;
width: 11px;
height: 11px;
margin: 0 5px;
padding: 0;
}
.home-carousel .carousel-indicators .active {
background-color: #aaa;
border: none;
width: 11px;
height: 11px;
margin: 0 5px;
padding: 0;
}
.carousel-caption {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
bottom: auto;
padding: 0;
text-align: center;
width: 100%;
left: auto;
right: auto;
text-shadow: none;
}
.carousel-caption-title {
margin: 0;
padding: 0;
}
.carousel-caption-title a {
font-size: 18px;
font-size: 1.125em;
font-family: 'Cabin', Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
color: #373735;
}
.carousel-caption-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.carousel-caption-title a:hover {
color: #628d7c;
}
.carousel-caption-category {
margin: 0;
padding: 0;
color: #aaaaaa;
}
.carousel-caption-category a {
color: #aaaaaa;
font-size: 14px;
font-size: 0.875em;
letter-spacing: .5px;
text-transform: lowercase;
}
.carousel-caption-category a:hover {
color: #628d7c;
}
.carousel-caption-inner {
background: #fff;
padding: 30px 40px;
max-width: 80%;
margin: 0 auto;
display: inline-block;
}
.item-inner-link {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
} .photo-wrapper {
text-align: center;
float: right;
margin-top: -40px;
padding-left: 30px;
margin-bottom: 20px;
}
.about-photo {
max-width: 110px;
border-radius: 100%;
border: 5px solid #fff;
} .blog-post-alt:nth-child(2n+1) {
clear: left;
}
.blog-post-alt ~ .posts-navigation {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.container {
width: 970px;
} .blog-post-alt:nth-child(3n+1) {
clear: left;
}
.blog-post-alt:nth-child(2n+1) {
clear: none;
}
.blog-post-alt.blog-post-alt-sidebar:nth-child(3n+1) {
clear: none;
}
.blog-post-alt.blog-post-alt-sidebar:nth-child(2n+1) {
clear: left;
}
}
@media screen and (min-width: 1600px) {
.container {
width: 1200px;
}
.entry-content {
font-size: 16px;
font-size: 1em;
}
.main-navigation li a {
padding: 5px 17px;
}
.social-navigation a {
margin-right: 20px;
}
.header-inner-site-branding {
padding: 124px 0;
}
.content-inner-wrap,
.comments-area-wrap .comments-area {
max-width: 840px;
}
}
@media screen and (max-width: 600px) {
body {
font-size: 15px;
}
.comment-content {
font-size: 15px;
font-size: 1em;
}
.comment-author .fn, .comment-author .fn a, .comment-metadata, .comment-metadata a {
letter-spacing: 0.5px;
}
.container {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 991px) {
#post-request + article {
clear: both;
}
}.header-inner-top {background-color:rgba(0, 0, 0, 0.4); }
.header-inner-top.change-bg-opacity {background-color:rgba(0, 0, 0, 0.5);}
#mega-menu-wrap-primary {width:80%; clear:none !important; background:transparent !important; float:right !important; margin:5px 20px;}
#mega-menu-wrap-primary a {color:#FFF !important;}
#mega-menu-wrap-primary #mega-menu-primary {float:right; margin-top:7px;}
#mega-menu-wrap-primary ul li .mega-sub-menu a {color:#122631 !important;}  html.responsive-menu-open {overflow:hidden !important;}   #responsive-menu {margin-top:80px !important;}
#responsive-menu a, #responsive-menu a:hover, #responsive-menu a:focus {color:#FFF !important;}
button#responsive-menu-button {padding:0 40px !important; display:block !important; overflow:hidden !important; float:right; background:transparent !important;} #responsive-menu-container {left:0 !important;}
#responsive-menu-container li.responsive-menu-item {display:table; margin-bottom:5px;}
#responsive-menu-container li.responsive-menu-item a {font-size:24px !important; text-align:center !important; font-weight:400 !important;}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {top:20px; right:20px !important;}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {line-height:80px !important;}
#responsive-menu-search-box {height:100px;} #responsive-menu-container li.responsive-menu-item a:before, a.mega-menu-link.underline-from-center:before {
content: "";
position: absolute !important;
width: 15% !important;
height: 2px !important;
bottom: -5px;
left: 0;
right:0;
background-color: #FFF !important;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
margin: auto !important;
}
#responsive-menu-container li.responsive-menu-item a:hover:before, a.mega-menu-link.underline-from-center:hover:before {visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);}
#responsive-menu-container li.responsive-menu-current-item a:before {
content: "";
position: absolute !important;
width: 15% !important;
height: 2px !important;
bottom: -5px;
left: 0;
right:0;
background-color: #FFF !important;
visibility: visible !important;
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .tp-shape {display:none !important; width:100%; background:#122631; position:absolute !important; top:-300px; left:0; -webkit-clip-path: polygon(0 0, 50% 0, 50% 50%, 0% 50%); clip-path: polygon(0 0, 50% 0, 50% 50%, 0% 50%); background: linear-gradient(right, rgba(18,38,49,0), rgba(18,38,49,0.5)) !important; background: -webkit-linear-gradient(right, rgba(18,38,49,0), rgba(18,38,49,0.5)) !important; background: -moz-linear-gradient(right, rgba(18,38,49,0), rgba(18,38,49,0.5)) !important;}
.banner-text, .header-image-text {width:100% !important; height:100% !important; margin-top:200px !important; box-sizing:border-box; letter-spacing:5px !important; }
.banner-text h6, .header-image-text h6 {font-weight:600 !important; width:80%; color:#FFF !important; font-size:32px !important; line-height:normal !important; margin:0 !important; padding:0 !important;}
.banner-text p {font-weight:300 !important; color:#122631 !important; text-align:center !important; font-size:50px !important; line-height:normal !important; margin:0 !important; padding:0 !important;}
.banner-text a {z-index:1000; font-weight:600; float:left; color:#122631 !important; background:#FFF; border:2px solid #FFF; padding:10px 20px; text-align:center; display:inline-block; margin-top:20px; margin-bottom:20px; border-radius:10px; clear:both;}
.banner-text a:hover, a.vc-button {background:#122631; border:2px solid #122631; color:#FFF !important;}
.banner-text-padding {padding:0 20px;}  img.ajax-loader {width:20px !important;}
div.wpcf7-response-output {clear:both}
span.wpcf7-not-valid-tip {color:#f00;}
.email-form {width:100%; overflow:hidden;} .email-form p {margin-bottom:0 !important; font-weight:normal !important;}
.email-form p label {width:50%; float:left; box-sizing:border-box; font-weight:normal !important;}
.email-form p label:nth-child(1) {padding-right:20px;}
.email-form p label:nth-child(2) {padding-left:20px;}
.email-form p label input {width:100%; font-weight:normal !important; background:#FFF;}
.email-form.email-textarea p label {width:100% !important; margin-bottom:20px;}
span.wpcf7-form-control-wrap.your-message textarea {color:#333 !important; border: 1px solid #122631;} .hugeit-contact-column-block {margin:0 !important;}
.vc_tta-style-classic {border-top:none !important;}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a {padding:20px 5px 20px 5px !important; text-align:left !important; background:transparent !important;}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {background: #122631 !important;}
.vc_tta-panel-body {border:none !important;}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {margin:0 !important;}
.vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title span.vc_tta-title-text {color:#FFF !important; margin-left:60px !important; text-transform:uppercase; display:table;}
.vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title span.vc_tta-title-text, .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left i.vc_tta-controls-icon::before, .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left i.vc_tta-controls-icon::after {color:#FFF !important; border-color:#FFF !important;}
.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {right:auto !important; margin-left:20px !important;}
.vc_tta-panel-title a {margin-bottom:0 !important;} .testimonials {border-top:5px solid #122631; padding:40px 20px;}
.testimonials p {text-align:center; margin-top:20px;}
.testimonials h1, .testimonials h2, .testimonials h3, .testimonials h4, .testimonials h5 {text-align:center; color:#122631 !important;} div.gm-style-pbc {display:none !important;}
p.gm-style-pbt {width:50% !important; left:25% !important; text-align:center !important}  .ug-thumb-wrapper {width:50% !important; height:500px !important; position:relative !important; left:0 !important; top:0 !important; float:left !important;;}
.ug-thumb-wrapper img {object-fit:cover !important;} .unite-gallery .vc_column-inner {padding:0 !important;}  form#loginform {background:rgb(0,172,160,0.6) !important;}    .mailchimp h2 {margin-bottom:5px; color: #FFF;}
#mc_embed_signup div#mce-responses {margin: 0 !important; padding:0 !important;}
#mc_embed_signup form {padding:0 !important;}
#mc_embed_signup .mc-field-group {clear:none !important; padding-bottom:5px !important;}
#mc_embed_signup{background:transparent !important;}
.email-address-field {float:left; width:100% !important;}
.email-name-field1 {float:left; width:48% !important; margin-right:2%;}
.email-name-field2 {float:left; width:48% !important; margin-left:2%;}
.email-name-field1 input, .email-name-field2 input, .email-address-field input {background:#FFF !important;}
label.form-label-title {color:#FFF !important; font-size:18px; font-weight: normal !important;}
#mc_embed_signup div.response {width:100% !important; float:left; padding:5px !important; margin:0 0 10px 0 !important;}
#mce-success-response, #mce-error-response {border:1px solid #FFF; padding:5px; color:#FFF !important;}  a.anchorlink.dashicons-before {display:none !important; visibility: :hidden; width:1px !important; height:1px !important;}.post-navigation .nav-links, .post-navigation .nav-links a, .comment-author .fn, .comment-author .fn a, .comment-metadata, .comment-metadata a, .comment-reply-title, .comments-title, 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="button"], input[type="reset"], input[type="submit"], .button, .comment-respond label, label {font-family:'Source Sans Pro', Arial, Helvetica, sans-serif !important;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"] {text-align:left !important;}   .container, .content-inner-wrap {width:100% !important; max-width: 100% !important; padding:0 !important;} .comments-area-wrap {max-width:100% !important; padding:0 !important;}
.comments-area-wrap .comments-area {max-width:1200px !important;}
.blog-post, .site-main > article.article, .search-page .site-main > article {margin-bottom:0px !important;}    .header-inner-top.overide {position:fixed;}
.header-inner-top.overide {background-color:rgba(018,38,49, 0.5);}
.header-inner-top.overide.change-bg-opacity {background-color:rgba(18,38,49, 0.5) !important;}   li > ul, li > ol {margin:0 !important;} .back-to-top {position:fixed; bottom:80px; right:1000px; border:none; margin:10px; background:#FFF; z-index:999; opacity:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;} .back-to-top:hover {border:none;}
.back-to-top .to-top {font-size:25px; padding:5px 18px; display:block;}
.back-to-top:hover .to-top {color:#333;} .blog-categories-container {padding:0px 0px 60px 00px !important;}
.blog-categories h2, .blog-categories ul li {border-bottom: 1px solid #DDD; margin:10px 0; padding:5px 0;}
.blog-categories h2 {margin:0 0 30px 0;} .blog-categories ul li span {color:#333;}
.blog-categories ul {max-height: 300px; overflow-x: scroll;} article.blog-post {border-bottom:1px solid #DDD; display:flex; display:-webkit-flex; display:-ms-flexbox; flex:wrap ;}
article.blog-post .flex-one {width:50%; display:flex; display:-webkit-flex; display:-ms-flexbox; overflow:hidden;}
article.blog-post flex-one .flex-two {width:100%; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:column; overflow:hidden;} article.blog-post .blog-featured-image {min-height:450px; float:left; background-repeat: no-repeat; padding:0; margin:0; position:relative; overflow:hidden; background-size:cover; background-position:center center; display:block !important;}
article.blog-post .blog-featured-image .blog-featured-image-button {position:absolute; top:45%; width:100%; opacity:0; transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -webkit-transition:opacity .5s ease-in-out; cursor:pointer;}
article.blog-post .blog-featured-image:hover .blog-featured-image-button {opacity:1;} nav.post-navigation {max-width:1200px !important; margin:0 auto !important; float:none !important; padding:20px !important;}
.post-navigation .nav-previous, .post-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next {max-width:320px; border:1px solid #CCC;}
.post-navigation .nav-previous a, .post-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a {background:none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; margin:0;}
.post-navigation .nav-previous a span, .post-navigation .nav-next a span, .posts-navigation .nav-previous a span, .posts-navigation .nav-next a span {background:none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.post-navigation .nav-previous:hover a, .post-navigation .nav-next:hover a, .post-navigation .nav-previous:hover a span, .post-navigation .nav-next:hover a span, .posts-navigation .nav-previous:hover a, .posts-navigation .nav-next:hover a, .posts-navigation .nav-previous:hover a span, .posts-navigation .nav-next:hover a span { background:none;} article.blog-post .blog-featured-image .blog-featured-image-button p {max-width:280px; text-align:center; background:#FFF; padding:10px; margin:0 auto; color:#122631;}
.post-thumbnail-wrap {margin-bottom:0;}
article.blog-post div.entry-content {float:left; padding:20px 15% 20px 20px !important;}
.cat-links, .posted-on {clear:both; display:block;}
.more-link {font-size:15px; border:1px solid #122631; margin-bottom:40px; padding:10px;}
.site-main > article.blog-post, .site-main > article.search-post {margin:0 !important;}
.blog-post, .site-main > article.article, .search-page .site-main > article {padding:0 !important;}
article.post .entry-header, .wrapper.home-entry-header {padding:20px; border-bottom:1px solid #DDD; margin-bottom:60px;}
.content-wrap {padding:0 !important;}
.page-title {text-align:center; padding:20px; margin:0; font-weight:normal !important; text-transform:uppercase !important;} .posts-navigation {width:100%; position:relative; margin:0 !important;}
.posts-navigation .nav-links {max-width:1200px; padding:40px 20px; margin:0 auto !important; position:relative; display:block; overflow:hidden;}
.posts-navigation .nav-links .nav-previous {float:left;}
.posts-navigation .nav-links .nav-next {float:right;}
.posts-navigation .nav-links .nav-previous a, .posts-navigation .nav-links .nav-next a {width:100%; color:#122631; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; font-size:14px; padding: 10px;}
.posts-navigation .nav-links .nav-previous a:before {content:"← "; display:inline-block; vertical-align:top; padding-right:5px; }
.posts-navigation .nav-links .nav-next a:after {content:" →"; display:inline-block; vertical-align:top; padding-left:5px;}
span.meta-nav {display:none;} .post-navigation .nav-links .nav-previous a, .post-navigation .nav-links .nav-next a {width:100%; max-width:100%;}
.post-navigation .nav-links .nav-previous a:before {content:"← "; vertical-align: top;color:#122631; transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -webkit-transition:opacity .5s ease-in-out;}
.post-navigation .nav-links .nav-next a:after {content:" →"; vertical-align: top; color:#122631; transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -webkit-transition:opacity .5s ease-in-out;}  .entry-date {color:#122631;}@media all and (max-width: 1600px){  .fifty-fifty .vc_column_container:nth-child(1) {padding-left:7% !important;}
.fifty-fifty .vc_column_container:nth-child(2) {padding-right:7% !important;}
.fifty-fifty .vc_column_container.image {padding:0 !important;} article.blog-post div.entry-content {padding-right:7% !important;}     .ug-thumb-wrapper {height:400px !important;}
} @media all and (max-width: 1200px){  .banner-text p {font-size:35px !important;}
.banner-text a {font-size:13px !important;}  .fifty-fifty .vc_column_container:nth-child(1) {padding-left:20px !important;}
.fifty-fifty .vc_column_container:nth-child(2) {padding-right:20px !important;}
.fifty-fifty .vc_column_container.image {padding:0 !important;}  .fifty-fifty.multiple-images .vc_row {flex-wrap:wrap;} .fifty-fifty.multiple-images .vc_row:after, .fifty-fifty.multiple-images .vc_row:before {display:none !important; visibility:hidden;}   .fifty-fifty .vc_column_container {padding-left:0; padding-right:0;}  .fifty-fifty .vc_col-sm-1, .fifty-fifty .vc_col-sm-2, .fifty-fifty .vc_col-sm-3, .fifty-fifty .vc_col-sm-4, .fifty-fifty .vc_col-sm-5, .fifty-fifty .vc_col-sm-6, .fifty-fifty .vc_col-sm-7, .fifty-fifty .vc_col-sm-8, .fifty-fifty .vc_col-sm-9, .fifty-fifty .vc_col-sm-10, .fifty-fifty .vc_col-sm-11 {width:50% !important; min-width:50% !important;} } @media all and (max-width: 992px){ .header-inner-top.overide {position:fixed; width:100%; z-index:9999; top:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.admin-bar .header-inner-top.overide {top:32px;} .fixed-size-image img {width:90% !important; height:90% !important;}
} @media all and (max-width: 768px){ label {width:100% !important;}
input.search-submit {width:50% !important;} h1, h2, h3, h4, h5, h6, p {width:100%;}
h1, h6 {font-size:33px !important; line-height:130% !important;}
h2 {font-size:23px !important; line-height:130% !important;}
h3 {font-size:18px !important; line-height:130% !important;}
h4 {font-size:16px !important; line-height:130% !important;}
h5 {font-size:14px !important; line-height:130% !important;}
p, a {font-size:12px !important; line-height:160% !important;}  h1 a, h6 a {font-size:50px !important;}
h2 a {font-size:33px !important;}
h3 a {font-size:23px !important;}
h4 a {font-size:18px !important;}
h5 a {font-size:14px !important;}
p a {font-size:12px !important;}
.wrapper .c1,.wrapper .c2,.wrapper .c3,.wrapper .c4,.wrapper .c5,.wrapper .c6,.wrapper .c7,.wrapper .c8,.wrapper .c9,.wrapper .c10,.wrapper .c11,.wrapper .c12{width:100% !important; margin-bottom:20px}
.wrapper .s1,.wrapper .s2,.wrapper .s3,.wrapper .s4,.wrapper .s5,.wrapper .s6,.wrapper .s7,.wrapper .s8,.wrapper .s9,.wrapper .s10,.wrapper .s11,.wrapper .s12{width:100% !important; margin-left:0 !important;}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {width:100% !important;}
.s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11,.s12 {margin-left:0 !important;} .display-mobile {display:block !important;}
.mobile-none, .empty {display:none !important;}
.clip-left, .clip-right {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;} .back-to-top .to-top {font-size:25px !important; padding:5px 18px !important; display:block !important;}  a.site-logo {width:95px !important;}   #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {border:0 !important;} .header-inner-top.overide .toggle-search-button {font-size:23px !important; padding:5px 0px;}
.search-container .toggle-search-button {font-size:33px !important;}
.search-container.show {width:80%; left:10%;} .tp-shape {display: none !important;}
.banner-text, .header-image-text {margin-top:150px !important;}
.banner-text h6, .header-image-text h6 {width:100%; font-size:28px !important;}
.banner-text p {font-size:20px !important;}
.banner-text a {font-size:12px !important;} .large-paragraph p, .large-paragraph a {font-size:20px;}   .email-form p label {width:100%;}
.email-form p label:nth-child(1) {padding-right:0;}
.email-form p label:nth-child(2) {padding-left:0;} .header-image-big {height:500px !important;}
.header-image-small {height:400px !important;} article.blog-post {display:block !important;}
article.blog-post .flex-one {width:100% !important;}
.post-navigation {display:block !important;} .fixed-size-image img {width:60% !important; height:60% !important;} .accordion:nth-child(1) .vc_column-inner {padding-bottom:0 !important;}
.accordion:nth-child(2) .vc_column-inner {padding-top:0 !important;}
.accordion .vc_column-inner .wpb_wrapper .vc_tta-container {margin-bottom:5px !important;}  .ug-thumb-wrapper {width:100% !important;}  .fifty-fifty .vc_col-sm-1, .fifty-fifty .vc_col-sm-2, .fifty-fifty .vc_col-sm-3, .fifty-fifty .vc_col-sm-4, .fifty-fifty .vc_col-sm-5, .fifty-fifty .vc_col-sm-6, .fifty-fifty .vc_col-sm-7, .fifty-fifty .vc_col-sm-8, .fifty-fifty .vc_col-sm-9, .fifty-fifty .vc_col-sm-10, .fifty-fifty .vc_col-sm-11 {width:100% !important; min-width:100% !important;}
.fifty-fifty .vc_column_container:nth-child(1), .fifty-fifty .vc_column_container:nth-child(2), .fifty-fifty .vc_column-inner {padding:0 !important;}
.fifty-fifty .vc_column-inner {padding:60px 20px 60px 20px !important;} .fifty-fifty .vc_column_container.image.fixed-height {min-height:400px !important; padding:0 !important;} .vc_row {display:flex; flex-flow:row wrap;}
.vc_row .vc_column_container {order:2; -webkit-order:2;}
.vc_row .vc_column_container.image {order:1; -webkit-order:1;}  .graph-chart .vc_col-sm-2, .graph-chart .vc_column_container {width:50% !important; float:left !important;}  .under-footer p, .under-footer2 p, .under-footer3 p {text-align:left !important;} .negative-margin-left p {margin-left:0% !important;}
} @media all and (max-width: 640px){
.entry-title {line-height:150% !important;} .search-container {width:90%!important; left:5% !important;} .email-address-field {float:left; width:100% !important;}
.email-name-field1 {float:left; width:100% !important; margin-right:0;}
.email-name-field2 {float:left; width:100% !important; margin-left:0;}
} @media all and (max-width: 568px){   .banner-text, .header-image-text {margin-top:100px !important;}
.banner-text h6, .header-image-text h6 {font-size:18px !important;}
.banner-text p {font-size:11px !important;}
.banner-text a {font-size:9px !important;} a.site-logo {left:40% !important;} .fifty-fifty .vc_column_container.image {min-height:400px !important;}   .under-footer p, .under-footer2 p, .under-footer3 p {width:100% !important; padding:3px 0 !important;}
.footer-3 img {width:100% !important; float:none; padding:0px !important;} .post-navigation .nav-previous, .post-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next {width:140px !important; max-width:140px !important;}
.post-navigation .nav-links .nav-next a:after, .post-navigation .nav-links .nav-previous a:before {display:none;}
} @media all and (max-width: 414px){ .graph-chart .vc_col-sm-2, .graph-chart .vc_column_container {width:100% !important;}
} @media all and (max-width: 320px){ .small-phone-none {display: none !important}
}.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;
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close{
background-image: url(//gymrun.co.uk/wp-content/themes/gymrun-child/library/js/fancybox2/images/source/fancybox_sprite.png);
}
.fancybox-next span {
background-image: url(//gymrun.co.uk/wp-content/themes/gymrun-child/library/js/fancybox2/images/source/directional-arrow-right.png);
}
.fancybox-prev span {
background-image: url(//gymrun.co.uk/wp-content/themes/gymrun-child/library/js/fancybox2/images/source/directional-arrow-left.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//gymrun.co.uk/wp-content/themes/gymrun-child/library/js/fancybox2/images/source/fancybox_loading.gif) center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//gymrun.co.uk/wp-content/themes/gymrun-child/library/js/fancybox2/css/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
background-position: 0;
}
.fancybox-next {
right: 0;
background-position: 0;
}
.fancybox-nav span {
position: absolute;
top: 47%;
width: 39px;
height: 74px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
}
.fancybox-next span {
right: 10px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010; background: rgba(255,255,255,0.8);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
div.fancybox-inner {overflow: auto !important;}