body h1 {
color: white !important;
}
p {
color: white;
}
.h2, .h4, h2, h4 {
font-weight: 600
}
.button i, .req, code, figure figcaption, kbd, legend, mark, samp, sub, sup {
position: relative
}
.button, img, video {
height: auto
}
audio, iframe, img, table, video {
max-width: 100%
}
*, .col-xs, .gridContainer, .row {
box-sizing: border-box
}
.row, .row.reverse {
-webkit-box-orient: horizontal
}
article:after, aside:after, details:after, div:after, figcaption:after, figure:after, footer:after, header:after, hgroup:after, menu:after, nav:after, section:after, ul.dropdown-menu:after, ul:after {
clear: both
}
.color1 {
color: #03a9f4
}
.color2 {
color: #FF9800
}
.color3 {
color: #fbc02d
}
.color4 {
color: #8c239f
}
.color5 {
color: #ff3369
}
.color6 {
color: #343a40
}
.bg-color1 {
background-color: #03a9f4
}
.bg-color2 {
background-color: #FF9800
}
.bg-color3 {
background-color: #fbc02d
}
.bg-color4 {
background-color: #8c239f
}
.bg-color5 {
background-color: #ff3369
}
.bg-color6 {
background-color: #343a40
}
.bg-color-white {
background-color: #fff
}
.bg-color-black {
background-color: #000
}
.circle-counter.color-white .circle-bar {
stroke: #fff
}
.circle-counter.color-black .circle-bar {
stroke: #000
}
.y-move {
transition: all .2s
}
.y-move:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(189, 189, 189, .19), 0 6px 6px rgba(189, 189, 189, .23)
}
* {
margin: 0;
padding: 0;
outline: 0;
-webkit-overflow-scrolling: touch
}
article:after, article:before, aside:after, aside:before, details:after, details:before, div:after, div:before, figcaption:after, figcaption:before, figure:after, figure:before, footer:after, footer:before, header:after, header:before, hgroup:after, hgroup:before, menu:after, menu:before, nav:after, nav:before, section:after, section:before, ul:after, ul:before {
content: "";
display: table;
width: 0
}
svg {
max-height: 100%
}
iframe {
border: none
}
::-moz-focus-inner {
border: 0;
padding: 0
}
input[type=radio], input[type=checkbox] {
vertical-align: middle;
position: relative;
bottom: .15rem;
font-size: 115%;
margin-right: 3px
}
input[type=search] {
-webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
body {
text-align: center;
font-family: "century-gothic", sans-serif;}
@media (min-width:768px) {
body {
text-align: left
}
}
.inverted {
color: #fff
}
.error {
color: #f03c69
}
.subscribe-form [class*=success], .success {
color: #35beb1
}
.warning {
color: #f7ba45
}
.focus {
color: #1c86f2
}
.aluminum {
color: #f8f8f8
}
.silver {
color: #e0e1e1
}
.lightgray {
color: #f1f1f1
}
.gray {
color: #bdbdbd
}
.midgray {
color: #676b72
}
.darkgray {
color: #313439
}
.bg-black {
background-color: #4a4a4a
}
.bg-inverted {
background-color: #fff
}
.bg-error {
background-color: #f03c69
}
.bg-success {
background-color: #35beb1
}
.bg-warning {
background-color: #f7ba45
}
.bg-focus {
background-color: #1c86f2
}
.bg-aluminum {
background-color: #f8f8f8
}
.bg-silver {
background-color: #e0e1e1
}
.bg-lightgray {
background-color: #f1f1f1
}
.bg-gray {
background-color: #bdbdbd
}
.bg-midgray {
background-color: #676b72
}
.bg-darkgray {
background-color: #313439
}
.bg-highlight {
background-color: #edf2ff
}
i.fa.color1 {
color: #03a9f4
}
i.fa.icon.bordered.color1, i.fa.icon.color1.card[class*=bottom-border-] {
border-color: #03a9f4
}
.button.color1, button.color1, i.fa.icon.reverse.color1 {
background-color: #03a9f4
}
.button.color1:hover, button.color1:hover {
background-color: #2ebcfc
}
.button.color1.outline:hover, button.color1.outline:hover {
color: #2ebcfc
}
a.color1:not(.button) {
color: #03a9f4
}
a.color1:not(.button):hover {
color: #2ebcfc
}
hr.small-line.color1 {
background-color: #03a9f4
}
.circle-counter.color1 .circle-bar {
stroke: #03a9f4
}
i.fa.color2 {
color: #FF9800
}
i.fa.icon.bordered.color2, i.fa.icon.color2.card[class*=bottom-border-] {
border-color: #FF9800
}
.button.color2, button.color2, i.fa.icon.reverse.color2 {
background-color: #FF9800
}
.button.color2:hover, button.color2:hover {
background-color: #ffad33
}
.button.color2.outline:hover, button.color2.outline:hover {
color: #ffad33
}
a.color2:not(.button) {
color: #FF9800
}
a.color2:not(.button):hover {
color: #ffad33
}
hr.small-line.color2 {
background-color: #FF9800
}
.circle-counter.color2 .circle-bar {
stroke: #FF9800
}
i.fa.color3 {
color: #fbc02d
}
i.fa.icon.bordered.color3, i.fa.icon.color3.card[class*=bottom-border-] {
border-color: #fbc02d
}
.button.color3, button.color3, i.fa.icon.reverse.color3 {
background-color: #fbc02d
}
.button.color3:hover, button.color3:hover {
background-color: #fccf5f
}
.button.color3.outline:hover, button.color3.outline:hover {
color: #fccf5f
}
a.color3:not(.button) {
color: #fbc02d
}
a.color3:not(.button):hover {
color: #fccf5f
}
hr.small-line.color3 {
background-color: #fbc02d
}
.circle-counter.color3 .circle-bar {
stroke: #fbc02d
}
i.fa.color4 {
color: #8c239f
}
i.fa.icon.bordered.color4, i.fa.icon.color4.card[class*=bottom-border-] {
border-color: #8c239f
}
.button.color4, button.color4, i.fa.icon.reverse.color4 {
background-color: #8c239f
}
.button.color4:hover, button.color4:hover {
background-color: #b12cc9
}
.button.color4.outline:hover, button.color4.outline:hover {
color: #b12cc9
}
a.color4:not(.button) {
color: #8c239f
}
a.color4:not(.button):hover {
color: #b12cc9
}
hr.small-line.color4 {
background-color: #8c239f
}
.circle-counter.color4 .circle-bar {
stroke: #8c239f
}
i.fa.color5 {
color: #ff3369
}
i.fa.icon.bordered.color5, i.fa.icon.color5.card[class*=bottom-border-] {
border-color: #ff3369
}
.button.color5, button.color5, i.fa.icon.reverse.color5 {
background-color: #ff3369
}
.button.color5:hover, button.color5:hover {
background-color: #ff668f
}
.button.color5.outline:hover, button.color5.outline:hover {
color: #ff668f
}
a.color5:not(.button) {
color: #ff3369
}
a.color5:not(.button):hover {
color: #ff668f
}
hr.small-line.color5 {
background-color: #ff3369
}
.circle-counter.color5 .circle-bar {
stroke: #ff3369
}
i.fa.color6 {
color: #343a40
}
i.fa.icon.bordered.color6, i.fa.icon.color6.card[class*=bottom-border-] {
border-color: #343a40
}
.button.color6, button.color6, i.fa.icon.reverse.color6 {
background-color: #343a40
}
.button.color6:hover, button.color6:hover {
background-color: #4b545c
}
.button.color6.outline:hover, button.color6.outline:hover {
color: #4b545c
}
a.color6:not(.button) {
color: #343a40
}
a.color6:not(.button):hover {
color: #4b545c
}
hr.small-line.color6 {
background-color: #343a40
}
.circle-counter.color6 .circle-bar {
stroke: #343a40
}
i.fa.gray {
color: #bdbdbd
}
i.fa.gray:hover {
color: #a4a4a4
}
i.fa.darkgray {
color: #8a8a8a
}
i.fa.darkgray:hover {
color: #717171
}
i.fa.color-white {
color: #fff
}
i.fa.icon.bordered.color-white, i.fa.icon.color-white.card[class*=bottom-border-] {
border-color: #fff
}
i.fa.icon.reverse.color-white {
background-color: #fff
}
i.fa.color-black {
color: #4a4a4a
}
i.fa.icon.bordered.color-black, i.fa.icon.color-black.card[class*=bottom-border-] {
border-color: #4a4a4a
}
figure pre, kbd {
border: 1px solid rgba(0, 0, 0, .1)
}
i.fa.icon.reverse.color-black {
background-color: #4a4a4a
}
.grad-180-transparent-color1 {
background: linear-gradient(180deg, transparent 0, transparent 50%, rgba(3, 169, 244, .5) 82.5%, rgba(3, 169, 244, .8) 100%)
}
.grad-180-transparent-color2 {
background: linear-gradient(180deg, transparent 0, transparent 50%, rgba(255, 152, 0, .5) 82.5%, rgba(255, 152, 0, .8) 100%)
}
.grad-180-transparent-color3 {
background: linear-gradient(180deg, transparent 0, transparent 50%, rgba(251, 192, 45, .5) 82.5%, rgba(251, 192, 45, .8) 100%)
}
.grad-180-transparent-color4 {
background: linear-gradient(180deg, transparent 0, transparent 50%, rgba(140, 35, 159, .5) 82.5%, rgba(140, 35, 159, .8) 100%)
}
.grad-180-transparent-color5 {
background: linear-gradient(180deg, transparent 0, transparent 50%, rgba(255, 51, 105, .5) 82.5%, rgba(255, 51, 105, .8) 100%)
}
.grad-180-transparent-color6 {
background: linear-gradient(180deg, transparent 0, transparent 50%, rgba(52, 58, 64, .5) 82.5%, rgba(52, 58, 64, .8) 100%)
}
pre, pre code, table.striped tr:nth-child(odd) td {
background: #f8f8f8
}
.p, body, html {
font-size: 16px;
line-height: 1.5rem
}
body {
color: #fff !important;
background-color: transparent
}
a {
color: #03a9f4
}
a:hover {
color: #2ebcfc
}
.comment-author .fn, h1, h1.title, h2, h3, h4, h5, h6 {
font-family: Muli, sans-serif;
font-weight: 600;
color: #3C424F;
text-rendering: optimizeLegibility;
margin-bottom: 16px
}
.button:only-child, .comment-author .fn:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child {
margin-bottom: 0
}
.comment-author .inverted .fn, .inverted .comment-author .fn, .inverted .fa, .inverted h1, .inverted h2, .inverted h3, .inverted h4, .inverted h5, .inverted h6 {
color: #fff
}
.comment-author .comment-meta a .fn, .comment-author .muted .fn, .comment-meta a .comment-author .fn, .comment-meta a .fa, .comment-meta a h1, .comment-meta a h2, .comment-meta a h3, .comment-meta a h4, .comment-meta a h5, .comment-meta a h6, .muted .comment-author .fn, .muted .fa, .muted h1, .muted h2, .muted h3, .muted h4, .muted h5, .muted h6 {
opacity: .55
}
cite, figcaption, var {
opacity: .6
}
h1.title {
font-size: 3.5rem;
line-height: 4.5rem;
margin-bottom: 8px
}
.h1, h1 {
font-size: 3rem;
line-height: 4rem
}
.h2, h2 {
font-size: 2.5rem;
line-height: 3rem
}
.h3, h3 {
font-size: 1.5rem;
line-height: 2.25rem
}
.h4, h4 {
font-family: "Open Sans", sans-serif;
font-size: 1.1rem;
line-height: 1.75rem;
letter-spacing: .0625rem
}
.monospace, code, kbd, pre, samp, var {
font-family: Consolas, Monaco, "Courier New", monospace
}
.comment-author .fn, .h5, h5 {
font-size: "Open Sans", sans-serif;
line-height: 1.5rem;
font-weight: 800;
letter-spacing: .14rem
}
.contact-form-wrapper label, .h6, h6 {
font-size: .875rem;
line-height: 1.375rem;
font-weight: 800;
letter-spacing: .1875rem
}
.comment-author .fn a, .contact-form-wrapper label a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit
}
.comment-author blockquote + .fn, .comment-author dl + .fn, .comment-author figure + .fn, .comment-author form + .fn, .comment-author hr + .fn, .comment-author ol + .fn, .comment-author p + .fn, .comment-author pre + .fn, .comment-author table + .fn, .comment-author ul + .fn, blockquote + h2, blockquote + h3, blockquote + h4, blockquote + h5, blockquote + h6, dl + h2, dl + h3, dl + h4, dl + h5, dl + h6, figure + h2, figure + h3, figure + h4, figure + h5, figure + h6, form + h2, form + h3, form + h4, form + h5, form + h6, hr + h2, hr + h3, hr + h4, hr + h5, hr + h6, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, p + h2, p + h3, p + h4, p + h5, p + h6, pre + h2, pre + h3, pre + h4, pre + h5, pre + h6, table + h2, table + h3, table + h4, table + h5, table + h6, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 {
margin-top: 1.5rem
}
ol, ol ol, ol ul, ul, ul ol, ul ul {
margin: 0 0 0 1.5rem
}
ol ol li {
list-style-type: lower-alpha
}
ol ol ol li {
list-style-type: lower-roman
}
nav ol, nav ul {
margin: 0;
list-style: none
}
dd, nav ol ol, nav ol ul, nav ul ol, nav ul ul {
margin-left: 1.5rem
}
dl dt {
font-weight: 700
}
.p, address, blockquote, dl, fieldset, figure, form, hr, ol, p, pre, table, ul {
margin-bottom: 16px
}
hr {
border: none;
border-bottom: 1px solid rgba(0, 0, 0, .1);
margin-top: -1px
}
blockquote {
padding-left: 1rem;
font-style: italic
}
blockquote p {
margin-bottom: .5rem
}
cite, code, figcaption, kbd, mark, pre, samp, small, time, var {
font-size: 87.5%
}
abbr[title], dfn[title] {
border-bottom: 1px dotted rgba(0, 0, 0, .5);
cursor: help
}
var {
font-style: normal
}
code, kbd, mark, samp {
top: -1px;
padding: 4px 4px 2px;
display: inline-block;
line-height: 1;
color: rgba(142, 157, 174, .85)
}
code {
background: #e0e1e1
}
mark {
background: #f7ba45
}
samp {
color: #fff;
background: #1c86f2
}
sub, sup {
font-size: .75em;
line-height: 0;
margin-left: .25rem
}
sup {
top: 0
}
sub {
bottom: 1px
}
pre, pre code {
padding: 0;
top: 0;
display: block;
line-height: 1rem;
color: rgba(142, 157, 174, .85);
white-space: pre-wrap
}
.black, .comment-meta a, a.muted {
color: #4a4a4a
}
pre {
padding: 1rem
}
figure figcaption {
top: -.5rem
}
figure pre {
background: 0 0;
border-radius: 4px
}
figure .video-container, figure pre {
margin-bottom: 8px
}
.contact-form-wrapper label, .text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-justify {
text-align: justify
}
ul.unstyled {
margin-left: 0
}
ul.unstyled, ul.unstyled ul {
list-style: none
}
.contact-form-wrapper label, .upper {
text-transform: uppercase
}
.lower {
text-transform: lowercase
}
.italic {
font-style: italic !important
}
.strong {
font-weight: 700 !important
}
.normal {
font-weight: 400 !important
}
.comment-meta a, .muted {
opacity: .55
}
.comment-meta a:hover, a.muted:hover {
opacity: 1
}
.smaller {
font-size: .75em;
line-height: 1rem
}
.comment-meta, .comment-reply-link, .small {
font-size: .875em;
line-height: 1rem
}
.big {
font-size: 1.2em;
line-height: 1.75rem
}
.large, .lead {
line-height: 2rem
}
.large {
font-size: 1.4em
}
.end {
margin-bottom: 0 !important
}
.highlight {
background-color: #edf2ff
}
.nowrap, .nowrap td {
white-space: nowrap
}
@media (min-width:768px) and (max-width:1024px) {
.columns-2, .columns-3, .columns-4 {
column-gap: 1.5rem
}
.columns-2 {
column-count: 2
}
.columns-3 {
column-count: 3
}
.columns-4 {
column-count: 4
}
}
@media (min-width:768px) {
.text-left-sm {
text-align: left
}
.text-center-sm {
text-align: center
}
.text-right-sm {
text-align: right
}
.text-justify-sm {
text-align: justify
}
}
@media (max-width:1024px) {
body, html {
font-size: 14px
}
}
body .font-100 {
font-weight: 100
}
body .font-200 {
font-weight: 200
}
body .font-300 {
font-weight: 300
}
body .font-400 {
font-weight: 400
}
body .font-500 {
font-weight: 500
}
body .font-600 {
font-weight: 600
}
body .font-700 {
font-weight: 700
}
body .font-800 {
font-weight: 800
}
body .font-900 {
font-weight: 900
}
.comment-author body #page .fn, body #page .comment-author .fn, body #page a, body #page h1, body #page h2, body #page h3, body #page h4, body #page h5, body #page h6, body #page p {
-ms-word-wrap: break-word;
word-wrap: break-word
}
.lead {
font-size: 1.2rem;
color: #3C424F;
font-weight: 300
}
.button, .button:hover {
color: #fff;
text-decoration: none
}
.button {
font-family: "Open Sans";
font-size: .75rem;
background-color: #03a9f4;
border-radius: 5px;
min-width: 7rem;
padding: .55rem 1.5rem;
font-weight: 600;
letter-spacing: 1px;
text-align: center;
cursor: pointer;
display: inline-block;
line-height: 1.5rem;
border: 2px solid #03a9f4;
vertical-align: middle;
-webkit-appearance: none;
margin-bottom: .75rem
}
.bypostauthor, .gallery-caption, .sticky, fieldset {
font-family: inherit
}
.start-xs, table caption, th {
text-align: left
}
.button i {
top: 1px;
margin: 0 2px
}
.button:hover {
outline: 0;
background-color: #2ebcfc;
border-color: #2ebcfc
}
.button.disabled, .button:disabled, .button:disabled[disabled] {
cursor: default;
font-style: normal;
color: rgba(255, 255, 255, .7);
background-color: rgba(3, 169, 244, .7);
border-color: rgba(3, 169, 244, .7);
padding: .55rem 1.5rem
}
.button.disabled:hover, .button:disabled:hover, .button:disabled[disabled]:hover {
color: #fff
}
.button .button-icon {
font-size: 1.5em;
margin-right: .25em;
vertical-align: middle
}
input[type=submit] {
width: auto
}
.button.comment-meta, .button.comment-reply-link, .button.small {
font-size: .65rem;
padding: .3rem 1.2rem;
border-radius: 5px;
line-height: 1.4rem
}
.button.big {
font-size: .85rem;
font-weight: 600;
padding: .65rem 2rem;
border-radius: 5px;
line-height: 1.6rem
}
.button.large {
font-size: 21px;
padding: 20px 36px;
border-radius: 5px
}
.button.outline {
background: 0 0;
border-color: #03a9f4;
color: #03a9f4
}
.button.outline:hover {
background: 0 0;
color: rgba(3, 169, 244, .6);
border-color: rgba(3, 169, 244, .5)
}
.button.outline.disabled, .button.outline:disabled {
background: 0 0;
color: rgba(3, 169, 244, .7);
border-color: rgba(3, 169, 244, .5)
}
.button.link {
background: 0 0;
border-width: 0;
border-color: #03a9f4;
color: #03a9f4
}
.button.link:hover {
background: 0 0;
color: rgba(3, 169, 244, .6);
border-color: rgba(3, 169, 244, .5)
}
.button.link.disabled, .button.link:disabled {
background: 0 0;
color: rgba(3, 169, 244, .7);
border-color: rgba(3, 169, 244, .5)
}
.button.inverted, .button.inverted:hover {
color: #000;
background-color: #fff;
border-color: #fff
}
.button.inverted.disabled, .button.inverted:disabled {
color: rgba(0, 0, 0, .7);
background-color: rgba(255, 255, 255, .7);
border-color: rgba(255, 255, 255, .7)
}
.button.inverted.outline {
background: 0 0;
color: #fff;
border-color: #fff
}
.button.inverted.outline:hover {
border-color: rgba(255, 255, 255, .7)
}
.button.inverted.outline.disabled, .button.inverted.outline:disabled {
background: 0 0;
color: rgba(255, 255, 255, .7);
border-color: rgba(255, 255, 255, .5)
}
.button.inverted:hover {
opacity: .7
}
.button.round {
border-radius: 56px
}
.button.raised {
box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}
.button.upper, .contact-form-wrapper label.button {
text-transform: uppercase;
letter-spacing: .04em;
font-size: .65rem
}
.button.upper.comment-meta, .button.upper.comment-reply-link, .button.upper.small, .contact-form-wrapper label.button.comment-meta, .contact-form-wrapper label.button.comment-reply-link, .contact-form-wrapper label.button.small {
font-size: 11px
}
.button.upper.big, .contact-form-wrapper label.button.big {
font-size: .65rem
}
.button.upper.large, .contact-form-wrapper label.button.large {
font-size: .75rem
}
.button.secondary {
color: #fff;
background-color: #313439;
border-color: #313439
}
.button.secondary:hover {
color: #fff;
background-color: #494d54;
border-color: #494d54
}
.button.secondary.disabled, .button.secondary:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(49, 52, 57, .7);
border-color: rgba(49, 52, 57, .7)
}
.button.secondary.outline {
background: 0 0;
color: #313439;
border-color: #313439
}
.button.secondary.outline:hover {
border-color: rgba(49, 52, 57, .7)
}
.button.secondary.outline.disabled, .button.secondary.outline:disabled {
background: 0 0;
color: rgba(49, 52, 57, .7);
border-color: rgba(49, 52, 57, .5)
}
.button, .nav-next a, .nav-previous a {
-moz-transition: all .3s linear;
transition: all .3s linear
}
.button.comment-meta, .button.comment-reply-link, .button.small {
min-width: 4rem;
font-weight: 400
}
.button.big {
min-width: 10rem
}
.button.color-white, .button.color-white:hover {
color: #313439;
background-color: #fff;
border-color: #fff
}
.button.color-white.disabled, .button.color-white:disabled {
color: rgba(49, 52, 57, .7);
background-color: rgba(255, 255, 255, .7);
border-color: rgba(255, 255, 255, .7)
}
.button.color-white.outline {
background: 0 0;
color: #fff;
border-color: #fff
}
.button.color-white.outline:hover {
border-color: rgba(255, 255, 255, .7)
}
.button.color-white.outline.disabled, .button.color-white.outline:disabled {
background: 0 0;
color: rgba(255, 255, 255, .7);
border-color: rgba(255, 255, 255, .5)
}
.button.color-black {
color: #fff;
background-color: #000;
border-color: #000
}
.button.color-black:hover {
color: #fff;
background-color: #1a1a1a;
border-color: #1a1a1a
}
.button.color-black.disabled, .button.color-black:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(0, 0, 0, .7);
border-color: rgba(0, 0, 0, .7)
}
.button.color-black.outline {
background: 0 0;
color: #000;
border-color: #000
}
.button.color-black.outline:hover {
border-color: rgba(0, 0, 0, .7)
}
.button.color-black.outline.disabled, .button.color-black.outline:disabled {
background: 0 0;
color: rgba(0, 0, 0, .7);
border-color: rgba(0, 0, 0, .5)
}
.button.white, .button.white:hover {
color: #313439;
background-color: #fff;
border-color: #fff
}
.button.white.disabled, .button.white:disabled {
color: rgba(49, 52, 57, .7);
background-color: rgba(255, 255, 255, .7);
border-color: rgba(255, 255, 255, .7)
}
.button.white.outline {
background: 0 0;
color: #fff;
border-color: #fff
}
.button.white.outline:hover {
border-color: rgba(255, 255, 255, .7)
}
.button.white.outline.disabled, .button.white.outline:disabled {
background: 0 0;
color: rgba(255, 255, 255, .7);
border-color: rgba(255, 255, 255, .5)
}
.button.black {
color: #fff;
background-color: #000;
border-color: #000
}
.button.black:hover {
color: #fff;
background-color: #1a1a1a;
border-color: #1a1a1a
}
.button.black.disabled, .button.black:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(0, 0, 0, .7);
border-color: rgba(0, 0, 0, .7)
}
.button.black.outline {
background: 0 0;
color: #000;
border-color: #000
}
.button.black.outline:hover {
border-color: rgba(0, 0, 0, .7)
}
.button.black.outline.disabled, .button.black.outline:disabled {
background: 0 0;
color: rgba(0, 0, 0, .7);
border-color: rgba(0, 0, 0, .5)
}
.button-post {
display: block;
background-color: rgba(247, 120, 127, 1);
background-image: linear-gradient(90deg, rgba(247, 120, 127, 1) 0%, rgba(250, 51, 82, 1) 100%) !important;
border: 0px solid #ff7300;
padding: 15px 40px;
text-decoration: none;
color: #fff;
text-align: left;
font-size: 30px;
border-radius: 30px;
width: 524px;
position: relative;
margin-top: 45px;
background-size: 200% auto;
font-family: "all-round-gothic", sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
transition: 0.5s;
}
.button-post:hover {
background-position: right center;
color: #fff;
}
.button-post img {
position: absolute;
right: 25px;
}
.button.color1.disabled, .button.color1:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(3, 169, 244, .7);
border-color: rgba(3, 169, 244, .7)
}
.button.color1.outline {
background: 0 0;
color: #03a9f4;
border-color: #03a9f4
}
.button.color1.outline:hover {
border-color: rgba(3, 169, 244, .7)
}
.button.color1.outline.disabled, .button.color1.outline:disabled {
background: 0 0;
color: rgba(3, 169, 244, .7);
border-color: rgba(3, 169, 244, .5)
}
.button.color2 {
color: #fff;
background-color: #FF9800;
border-color: #FF9800
}
.button.color2:hover {
color: #fff;
background-color: #ffad33;
border-color: #ffad33
}
.button.color2.disabled, .button.color2:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(255, 152, 0, .7);
border-color: rgba(255, 152, 0, .7)
}
.button.color2.outline {
background: 0 0;
color: #FF9800;
border-color: #FF9800
}
.button.color2.outline:hover {
border-color: rgba(255, 152, 0, .7)
}
.button.color2.outline.disabled, .button.color2.outline:disabled {
background: 0 0;
color: rgba(255, 152, 0, .7);
border-color: rgba(255, 152, 0, .5)
}
.button.color3 {
color: #fff;
background-color: #fbc02d;
border-color: #fbc02d
}
.button.color3:hover {
color: #fff;
background-color: #fccf5f;
border-color: #fccf5f
}
.button.color3.disabled, .button.color3:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(251, 192, 45, .7);
border-color: rgba(251, 192, 45, .7)
}
.button.color3.outline {
background: 0 0;
color: #fbc02d;
border-color: #fbc02d
}
.button.color3.outline:hover {
border-color: rgba(251, 192, 45, .7)
}
.button.color3.outline.disabled, .button.color3.outline:disabled {
background: 0 0;
color: rgba(251, 192, 45, .7);
border-color: rgba(251, 192, 45, .5)
}
.button.color4 {
color: #fff;
background-color: #8c239f;
border-color: #8c239f
}
.button.color4:hover {
color: #fff;
background-color: #b12cc9;
border-color: #b12cc9
}
.button.color4.disabled, .button.color4:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(140, 35, 159, .7);
border-color: rgba(140, 35, 159, .7)
}
.button.color4.outline {
background: 0 0;
color: #8c239f;
border-color: #8c239f
}
.button.color4.outline:hover {
border-color: rgba(140, 35, 159, .7)
}
.button.color4.outline.disabled, .button.color4.outline:disabled {
background: 0 0;
color: rgba(140, 35, 159, .7);
border-color: rgba(140, 35, 159, .5)
}
.button.color5 {
color: #fff;
background-color: #ff3369;
border-color: #ff3369
}
.button.color5:hover {
color: #fff;
background-color: #ff668f;
border-color: #ff668f
}
.button.color5.disabled, .button.color5:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(255, 51, 105, .7);
border-color: rgba(255, 51, 105, .7)
}
.button.color5.outline {
background: 0 0;
color: #ff3369;
border-color: #ff3369
}
.button.color5.outline:hover {
border-color: rgba(255, 51, 105, .7)
}
.button.color5.outline.disabled, .button.color5.outline:disabled {
background: 0 0;
color: rgba(255, 51, 105, .7);
border-color: rgba(255, 51, 105, .5)
}
.button.color6 {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.button.color6:hover {
color: #fff;
background-color: #4b545c;
border-color: #4b545c
}
.button.color6.disabled, .button.color6:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(52, 58, 64, .7);
border-color: rgba(52, 58, 64, .7)
}
.button.color6.outline {
background: 0 0;
color: #343a40;
border-color: #343a40
}
.button.color6.outline:hover {
border-color: rgba(52, 58, 64, .7)
}
.button.color6.outline.disabled, .button.color6.outline:disabled {
background: 0 0;
color: rgba(52, 58, 64, .7);
border-color: rgba(52, 58, 64, .5)
}
.button.square {
border-radius: 0
}
.button.white-text {
color: #fff !important
}
.button.dark-text {
color: #313439 !important
}
.button.y-move {
transition: all .2s
}
.button.y-move:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(189, 189, 189, .19), 0 6px 6px rgba(189, 189, 189, .23)
}
fieldset {
border: 1px solid rgba(0, 0, 0, .1);
padding: 2rem;
margin-bottom: 2rem;
margin-top: 2rem
}
legend {
font-weight: 700;
font-size: .75em;
text-transform: uppercase;
padding: 0 1rem;
margin-left: -1rem;
top: 2px;
line-height: 0
}
input, select, textarea {
display: block;
width: 100%;
font-family: inherit;
font-size: 1rem;
height: 2.5rem;
outline: 0;
vertical-align: middle;
background-color: #fff;
border: 1px solid #f1f1f1;
border-radius: 3px;
box-shadow: none;
padding: 0 12px
}
td, textarea {
vertical-align: top
}
input.comment-meta, input.comment-reply-link, input.small, select.comment-meta, select.comment-reply-link, select.small, textarea.comment-meta, textarea.comment-reply-link, textarea.small {
height: 2.25rem;
font-size: .875rem;
padding: 0 12px;
border-radius: 3px
}
input.big, select.big, textarea.big {
height: 3rem;
font-size: 1.125rem;
padding: 0 12px;
border-radius: 3px
}
input:focus:not(.button):not([type=submit]), select:focus:not(.button):not([type=submit]), textarea:focus:not(.button):not([type=submit]) {
outline: 0;
background-color: #fff;
border-color: #1c86f2;
box-shadow: 0 0 0 1px #1c86f2 inset
}
input.error, select.error, textarea.error {
background-color: rgba(240, 60, 105, .1);
border: 1px solid #f583a0
}
input.error:focus, select.error:focus, textarea.error:focus {
border-color: #f03c69;
box-shadow: 0 0 1px #f03c69 inset
}
.subscribe-form input[class*=success], .subscribe-form select[class*=success], .subscribe-form textarea[class*=success], input.success, select.success, textarea.success {
background-color: rgba(53, 190, 177, .1);
border: 1px solid #6ad5cb
}
.subscribe-form input[class*=success]:focus, .subscribe-form select[class*=success]:focus, .subscribe-form textarea[class*=success]:focus, input.success:focus, select.success:focus, textarea.success:focus {
border-color: #35beb1;
box-shadow: 0 0 1px #35beb1 inset
}
input.disabled, input:disabled, select.disabled, select:disabled, textarea.disabled, textarea:disabled {
resize: none;
opacity: .6;
cursor: default;
font-style: italic;
color: rgba(0, 0, 0, .5)
}
select {
-webkit-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 1rem center
}
select[multiple] {
background-image: none;
height: auto;
padding: .5rem .75rem
}
textarea {
height: auto;
padding: 8px 12px;
line-height: 1.5rem
}
input[type=file] {
width: auto;
border: none;
padding: 0;
height: auto;
background: 0 0;
box-shadow: none;
display: inline-block
}
input.search, input[type=search] {
background-repeat: no-repeat;
background-position: 8px 53%;
background-image: url('data:image/svg+xml;utf8,');
padding-left: 32px
}
input[type=radio], input[type=checkbox] {
display: inline-block;
width: auto;
height: auto;
padding: 0
}
label {
color: #fff;
margin-bottom: 4px;
font-size: 15px
}
.subscribe-form label [class*=success], label .desc, label .error, label .subscribe-form [class*=success], label .success, label.checkbox {
text-transform: none;
font-weight: 400
}
label.checkbox {
font-size: 16px;
line-height: 1.5rem;
cursor: pointer;
color: inherit
}
label.checkbox input {
margin-top: 0
}
.form-checkboxes label.checkbox {
display: inline-block;
margin-right: 16px
}
.req {
top: 1px;
font-weight: 700;
color: #f03c69;
font-size: 110%
}
.desc {
color: rgba(142, 157, 174, .5);
font-size: .75em;
line-height: 1rem
}
span.desc {
margin-left: 4px
}
div.desc {
margin-top: 4px;
margin-bottom: -8px
}
.form-buttons .button, .form-buttons button {
margin-right: 8px
}
.form-item, form {
margin-bottom: 2rem
}
.form .row:last-child .form-item, .form > .form-item:last-child {
margin-bottom: 0
}
.form .subscribe-form span[class*=success], .form span.error, .form span.success, .subscribe-form .form span[class*=success] {
font-size: .75em;
line-height: 1rem;
margin-left: 4px
}
.form-inline input, .form-inline select, .form-inline textarea {
display: inline-block;
width: auto
}
.append, .prepend {
display: flex
}
.append input, .prepend input {
flex: 1
}
.append .button, .append span, .prepend .button, .prepend span {
flex-shrink: 0
}
.append span, .prepend span {
display: flex;
flex-direction: column;
justify-content: center;
font-weight: 400;
border: 1px solid #f1f1f1;
background-color: #f8f8f8;
padding: 0 .875rem;
color: rgba(0, 0, 0, .5);
font-size: .75em;
white-space: nowrap
}
.prepend input {
border-radius: 0 3px 3px 0
}
.prepend .button {
margin-right: -1px;
border-radius: 3px 0 0 3px !important
}
.append input, .prepend span {
border-radius: 3px 0 0 3px
}
.prepend span {
border-right: none
}
.append .button {
margin-left: -1px;
border-radius: 0 3px 3px 0 !important
}
.append span {
border-left: none;
border-radius: 0 3px 3px 0
}
input[type=date] {
-webkit-appearance: none;
appearance: none;
line-height: 2.5rem;
-moz-appearance: textfield
}
input[type=date]::-webkit-inner-spin-button {
display: none
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
empty-cells: show;
font-size: 15px;
line-height: 24px
}
table caption {
font-size: .875em;
font-weight: 500;
color: #676b72
}
th {
font-weight: 700;
vertical-align: bottom
}
td.align-middle, tr.align-middle td {
vertical-align: middle
}
td, th {
padding: 1rem;
border-bottom: 1px solid rgba(0, 0, 0, .05)
}
td:first-child, th:first-child {
padding-left: 0
}
td:last-child, th:last-child {
padding-right: 0
}
tfoot td, tfoot th {
color: rgba(142, 157, 174, .5)
}
.post-item table td, .post-item table th, table.bordered td, table.bordered th, table.card[class*=bottom-border-] td, table.card[class*=bottom-border-] th {
border: 1px solid rgba(0, 0, 0, .05)
}
.post-item table td:first-child, .post-item table th:first-child, table.bordered td:first-child, table.bordered th:first-child, table.card[class*=bottom-border-] td:first-child, table.card[class*=bottom-border-] th:first-child, table.striped td:first-child, table.striped th:first-child {
padding-left: 1rem
}
.post-item table td:last-child, .post-item table th:last-child, table.bordered td:last-child, table.bordered th:last-child, table.card[class*=bottom-border-] td:last-child, table.card[class*=bottom-border-] th:last-child, table.striped td:last-child, table.striped th:last-child {
padding-right: 1rem
}
table.unstyled td, table.unstyled th {
border: none;
padding: 0
}
.flexbox, .flexbox-strech {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex
}
.flexbox-strech > * {
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.gridContainer {
max-width: 1390px;
margin: 0 auto;
padding-right: 15px;
padding-left: 15px
}
.gridContainer .gridContainer {
max-width: 100%;
width: 100%;
padding-right: 0;
padding-left: 0
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-moz-box-flex: 0;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.col.reverse, .row.reverse {
-webkit-box-direction: reverse
}
.row.basis-auto {
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center
}
.row > * {
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-right: 15px;
padding-left: 15px
}
.row.no-gutter > * {
padding-left: 0;
padding-right: 0
}
.row:after, .row:before {
position: absolute
}
.row.reverse {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.col-xs {
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px
}
.col-xs-1, .col-xs-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-xs-1 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 8.33333%;
-moz-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
.col-xs-2 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 16.66667%;
-moz-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
.col-xs-3, .col-xs-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-xs-3 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 25%;
-moz-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
.col-xs-4 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 33.33333%;
-moz-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
.col-xs-5, .col-xs-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-xs-5 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 41.66667%;
-moz-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
.col-xs-6 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
.col-xs-7, .col-xs-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-xs-7 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 58.33333%;
-moz-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
.col-xs-8 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 66.66667%;
-moz-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
.col-xs-10, .col-xs-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-xs-9 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 75%;
-moz-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
.col-xs-10 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 83.33333%;
-moz-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
.col-xs-11, .col-xs-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-xs-11 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 91.66667%;
-moz-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
.col-xs-12 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
.col-xs-offset-0, .col-xs-offset-1 {
box-sizing: border-box;
-webkit-box-flex: 0
}
.col-xs-offset-0 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 0
}
.col-xs-offset-1 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 8.33333%
}
.col-xs-offset-2, .col-xs-offset-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-xs-offset-2 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 16.66667%
}
.col-xs-offset-3 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 25%
}
.col-xs-offset-4, .col-xs-offset-5 {
box-sizing: border-box;
-webkit-box-flex: 0
}
.col-xs-offset-4 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 33.33333%
}
.col-xs-offset-5 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 41.66667%
}
.col-xs-offset-6, .col-xs-offset-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-xs-offset-6 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 50%
}
.col-xs-offset-7 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 58.33333%
}
.col-xs-offset-8, .col-xs-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0
}
.col-xs-offset-8 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 66.66667%
}
.col-xs-offset-9 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 75%
}
.col-xs-offset-10, .col-xs-offset-11 {
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box
}
.col-xs-offset-10 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 83.33333%
}
.col-xs-offset-11 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 91.66667%
}
.col-xs-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 100%
}
.col-xs-fit {
box-sizing: border-box;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
max-width: 100%
}
.col-xs {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%
}
.no-grow-xs {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0
}
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start
}
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start
}
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center
}
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end
}
.around-xs {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around
}
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between
}
.first-xs {
order: -1
}
.last-xs {
order: 1
}
.flex-grow > div {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
@media only screen and (min-width:768px) {
.col-sm, .col-sm-fit {
box-sizing: border-box;
padding-right: 15px;
padding-left: 15px
}
.gridContainer {
width: 90%
}
.col-sm {
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.col-sm-fit {
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
max-width: 100%
}
.col-sm-1, .col-sm-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-sm-1 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 8.33333%;
-moz-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
.col-sm-2 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 16.66667%;
-moz-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
.col-sm-3, .col-sm-4 {
-webkit-box-flex: 0;
box-sizing: border-box;
padding-right: 15px;
padding-left: 15px
}
.col-sm-3 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 25%;
-moz-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
.col-sm-4 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 33.33333%;
-moz-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
.col-sm-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
-webkit-flex-basis: 41.66667%;
-moz-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
.col-sm-6, .post-comments .navigation .next-posts, .post-comments .navigation .prev-posts {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
.col-sm-7, .col-sm-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-sm-7 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 58.33333%;
-moz-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
.col-sm-8 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 66.66667%;
-moz-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
.col-sm-10, .col-sm-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-sm-9 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 75%;
-moz-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
.col-sm-10 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 83.33333%;
-moz-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
.col-sm-11, .col-sm-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-sm-11 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 91.66667%;
-moz-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
.col-sm-12 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
.col-sm-offset-0, .col-sm-offset-1 {
box-sizing: border-box;
-webkit-box-flex: 0
}
.col-sm-offset-0 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 0
}
.col-sm-offset-1 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 8.33333%
}
.col-sm-offset-2, .col-sm-offset-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-sm-offset-2 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 16.66667%
}
.col-sm-offset-3 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 25%
}
.col-sm-offset-4, .col-sm-offset-5 {
box-sizing: border-box;
-webkit-box-flex: 0
}
.col-sm-offset-4 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 33.33333%
}
.col-sm-offset-5 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 41.66667%
}
.col-sm-offset-6, .col-sm-offset-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-sm-offset-6 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 50%
}
.col-sm-offset-7 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 58.33333%
}
.col-sm-offset-8, .col-sm-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0
}
.col-sm-offset-8 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 66.66667%
}
.col-sm-offset-9 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 75%
}
.col-sm-offset-10, .col-sm-offset-11 {
-webkit-box-flex: 0;
box-sizing: border-box;
padding-right: 15px;
padding-left: 15px
}
.col-sm-offset-10 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 83.33333%
}
.col-sm-offset-11 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 91.66667%
}
.col-sm-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 100%
}
.col-sm {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%
}
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left
}
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start
}
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center
}
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end
}
.around-sm {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around
}
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between
}
.first-sm {
order: -1
}
.last-sm {
order: 1
}
}
@media only screen and (min-width:1024px) {
.col-md, .col-md-fit {
box-sizing: border-box;
padding-right: 15px;
padding-left: 15px
}
.gridContainer {
width: 90%
}
.col-md {
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.col-md-fit {
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
max-width: 100%
}
.col-md-1, .col-md-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-md-1 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 8.33333%;
-moz-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
.col-md-2 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 16.66667%;
-moz-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
.col-md-3, .col-md-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-md-3 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 25%;
-moz-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
.col-md-4 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 33.33333%;
-moz-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
.col-md-5, .col-md-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-md-5 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 41.66667%;
-moz-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
.col-md-6 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
.col-md-7, .col-md-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-md-7 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 58.33333%;
-moz-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
.col-md-8 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 66.66667%;
-moz-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
.col-md-10, .col-md-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-md-9 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 75%;
-moz-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
.col-md-10 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 83.33333%;
-moz-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
.col-md-11, .col-md-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-md-11 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 91.66667%;
-moz-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
.col-md-12 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
.col-md-offset-0, .col-md-offset-1 {
box-sizing: border-box;
-webkit-box-flex: 0
}
.col-md-offset-0 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 0
}
.col-md-offset-1 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 8.33333%
}
.col-md-offset-2, .col-md-offset-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-md-offset-2 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 16.66667%
}
.col-md-offset-3 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 25%
}
.col-md-offset-4, .col-md-offset-5 {
box-sizing: border-box;
-webkit-box-flex: 0
}
.col-md-offset-4 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 33.33333%
}
.col-md-offset-5 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 41.66667%
}
.col-md-offset-6, .col-md-offset-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-md-offset-6 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 50%
}
.col-md-offset-7 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 58.33333%
}
.col-md-offset-8, .col-md-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0
}
.col-md-offset-8 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 66.66667%
}
.col-md-offset-9 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 75%
}
.col-md-offset-10, .col-md-offset-11 {
-webkit-box-flex: 0;
box-sizing: border-box;
padding-right: 15px;
padding-left: 15px
}
.col-md-offset-10 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 83.33333%
}
.col-md-offset-11 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 91.66667%
}
.col-md-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 100%
}
.col-md {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%
}
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left
}
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start
}
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center
}
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end
}
.around-md {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around
}
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between
}
.first-md {
order: -1
}
.last-md {
order: 1
}
}
@media only screen and (min-width:1200px) {
.col-lg, .col-lg-fit {
box-sizing: border-box;
padding-right: 15px;
padding-left: 15px
}
.gridContainer {
width: 100%
}
.col-lg {
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.col-lg-fit {
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
max-width: 100%
}
.col-lg-1, .col-lg-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-lg-1 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 8.33333%;
-moz-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
.col-lg-2 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 16.66667%;
-moz-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
.col-lg-3, .col-lg-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-lg-3 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 25%;
-moz-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
.col-lg-4 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 33.33333%;
-moz-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
.col-lg-5, .col-lg-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-lg-5 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 41.66667%;
-moz-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
.col-lg-6 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
.col-lg-7, .col-lg-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-lg-7 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 58.33333%;
-moz-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
.col-lg-8 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 66.66667%;
-moz-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
.col-lg-10, .col-lg-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-lg-9 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 75%;
-moz-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
.col-lg-10 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 83.33333%;
-moz-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
.col-lg-11, .col-lg-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-lg-11 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 91.66667%;
-moz-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
.col-lg-12 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
.col-lg-offset-0, .col-lg-offset-1 {
box-sizing: border-box;
-webkit-box-flex: 0
}
.col-lg-offset-0 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 0
}
.col-lg-offset-1 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 8.33333%
}
.col-lg-offset-2, .col-lg-offset-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-lg-offset-2 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 16.66667%
}
.col-lg-offset-3 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 25%
}
.col-lg-offset-4, .col-lg-offset-5 {
box-sizing: border-box;
-webkit-box-flex: 0
}
.col-lg-offset-4 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 33.33333%
}
.col-lg-offset-5 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 41.66667%
}
.col-lg-offset-6, .col-lg-offset-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
padding-right: 15px;
padding-left: 15px
}
.col-lg-offset-6 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 50%
}
.col-lg-offset-7 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 58.33333%
}
.col-lg-offset-8, .col-lg-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0
}
.col-lg-offset-8 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 66.66667%
}
.col-lg-offset-9 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 75%
}
.col-lg-offset-10, .col-lg-offset-11 {
-webkit-box-flex: 0;
box-sizing: border-box;
padding-right: 15px;
padding-left: 15px
}
.col-lg-offset-10 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 83.33333%
}
.col-lg-offset-11 {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 91.66667%
}
.col-lg-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 100%
}
.col-lg {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%
}
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left
}
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start
}
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center
}
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end
}
.around-lg {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around
}
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between
}
.first-lg {
order: -1
}
.last-lg {
order: 1
}
}
#wp-toolbar ul {
display: inline-block
}
.aligncenter, div.aligncenter {
display: block;
margin-bottom: 16px
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center
}
.mejs-inner .mejs-button > button[aria-controls]:focus, .mejs-inner .mejs-button > button[aria-controls]:hover, .screen-reader-text:focus {
background-color: transparent
}
.wp-caption.alignleft, .wp-caption.alignnone, .wp-caption.alignright {
margin-bottom: 16px
}
.wp-caption img {
border: 0;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto
}
.wp-caption p.wp-caption-text {
font-size: .6em;
line-height: 150%;
margin: 0;
padding: 0 4px 5px
}
.fancybox-container {
z-index: 100000 !important
}
.embed-container, .embed-youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin-bottom: 1rem
}
.embed-container > iframe, .embed-youtube > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mejs-inner .mejs-button > button[aria-controls] {
min-width: 10px;
width: 20px;
display: block;
padding: 0;
border-radius: 0;
background-color: transparent;
border: none;
transition: none
}
@media screen and (max-width:782px) {
.logged-in.admin-bar .fixto-fixed {
top: 0 !important
}
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important
}
.screen-reader-text:focus {
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto !important;
color: #fff;
display: block;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
.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
}
.header-top-bar {
background-color: #222;
display: none;
padding-left: 5%;
padding-right: 5%
}
.header-top-bar .content-placeholder-p {
padding: 10px;
font-size: .6rem;
max-width: 100%
}
.header-top-bar.no-padding {
padding-left: 0;
padding-right: 0
}
.header-top-bar-inner {
height: 40px
}
.header-top-bar-area {
position: relative
}
.header-top-bar-area.area-left .top-bar-social-icons a:first-of-type {
margin-left: -8px
}
.header-top-bar-area.area-left .top-bar-field:first-of-type {
padding-left: 0
}
.header-top-bar-area.area-right .top-bar-field:last-of-type {
padding-right: 0
}
.header-top-bar-area.area-right .top-bar-social-icons a:last-of-type {
margin-right: -8px
}
.gridContainer .header-top-bar-area.area-left {
margin-left: 0
}
.gridContainer .header-top-bar-area.area-right {
margin-right: 0
}
.top-bar-social-icons {
display: block;
float: left
}
.top-bar-social-icons a {
display: inline-block;
font-size: 22px;
padding: 2px 10px;
color: #fff;
max-height: 40px;
float: left
}
.top-bar-social-icons a:hover {
color: #fff
}
.top-bar-field {
float: left;
font-size: 12px;
text-align: left;
color: #fff;
padding: 11px 15px
}
.top-bar-field i.fa {
font-size: 18px;
color: #999;
margin-right: 10px;
float: left
}
.top-bar-field span {
line-height: 18px;
font-size: .8rem;
float: left
}
.top-bar-field a, .top-bar-field a:hover {
color: #fff
}
.top-bar-menu {
list-style: none;
display: block;
margin: 0 -7px
}
.top-bar-menu li {
float: left;
padding: 0 7px
}
.top-bar-menu li a {
color: #bdbdbd;
text-decoration: none;
line-height: 40px;
font-size: 12px
}
@media (min-width:768px) {
.header-top-bar {
display: block
}
}
#mainmenu_container {
display: none
}
@media (min-width:768px) {
#mainmenu_container {
display: flex;
margin-right: 50px;
}
}
ul.dropdown-menu {
list-style: none;
padding: 0;
margin: 0;
display: none;
z-index: 1;
left: 0;
box-sizing: border-box;
width: 100%;
position: absolute
}
ul.dropdown-menu li {
display: block;
position: relative;
color: #fff;
transition: all .4s;
overflow: hidden;
padding: 4px .85rem 1px;
font-family: "all-round-gothic", sans-serif !important;
font-weight: 500;
font-style: normal;
}
ul.dropdown-menu li a {
display: block;
text-decoration: none;
white-space: nowrap;
color: inherit;
position: relative
}
ul.dropdown-menu li.menu-item-has-children > a:after, ul.dropdown-menu li.page_item_has_children > a:after {
content: "\f0d7";
font-family: FontAwesome;
display: inline-block;
color: inherit;
font-size: .8em;
box-sizing: border-box;
width: 20px;
height: 100%;
text-align: center;
position: absolute;
right: 1em;
opacity: .9
}
ul.dropdown-menu li.menu-item-has-children.hover > a:after, ul.dropdown-menu li.menu-item-has-children:hover > a:after, ul.dropdown-menu li.page_item_has_children.hover > a:after, ul.dropdown-menu li.page_item_has_children:hover > a:after {
content: "\f0d8"
}
ul.dropdown-menu li.menu-item-has-children li.menu-item-has-children.hover > a:after, ul.dropdown-menu li.menu-item-has-children li.menu-item-has-children:hover > a:after, ul.dropdown-menu li.menu-item-has-children li.menu-item-has-children > a:after, ul.dropdown-menu li.menu-item-has-children li.page_item_has_children.hover > a:after, ul.dropdown-menu li.menu-item-has-children li.page_item_has_children:hover > a:after, ul.dropdown-menu li.menu-item-has-children li.page_item_has_children > a:after, ul.dropdown-menu li.page_item_has_children li.menu-item-has-children.hover > a:after, ul.dropdown-menu li.page_item_has_children li.menu-item-has-children:hover > a:after, ul.dropdown-menu li.page_item_has_children li.menu-item-has-children > a:after, ul.dropdown-menu li.page_item_has_children li.page_item_has_children.hover > a:after, ul.dropdown-menu li.page_item_has_children li.page_item_has_children:hover > a:after, ul.dropdown-menu li.page_item_has_children li.page_item_has_children > a:after {
content: "\f0da";
right: 0;
z-index: 1
}
ul.dropdown-menu li.hover, ul.dropdown-menu li.hover > ul, ul.dropdown-menu li:hover, ul.dropdown-menu li:hover > ul {
opacity: 1;
height: auto;
overflow: visible
}
ul.dropdown-menu ul {
margin-left: 0;
left: 0;
padding-left: 1em;
min-width: 100%;
display: block;
box-sizing: border-box;
transition: all .2s linear;
opacity: 0;
height: 0;
overflow: hidden;
box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, .11);
border-radius: 2px;
background-color: #fff
}
ul.dropdown-menu ul li {
border-top: 0;
color: #6B7C93;
line-height: 120%;
font-weight: 600;
position: relative;
padding: 0;
font-size: 14px
}
ul.dropdown-menu ul li:after {
display: block;
content: ' ';
width: 100%;
height: 1px;
background-color: rgba(128, 128, 128, .2);
position: absolute;
left: 0;
bottom: 0;
mix-blend-mode: exclusion
}
ul.dropdown-menu ul li:last-of-type:after {
display: none
}
ul.dropdown-menu:after, ul.dropdown-menu:before {
content: " ";
display: table
}
ul.dropdown-menu ul li.hover, ul.dropdown-menu ul li:hover {
background-color: #F8F8F8;
color: #000
}
ul.dropdown-menu ul li a {
padding: .75rem 1.5rem
}
ul.dropdown-menu ul ul {
left: 100%;
top: 0
}
a[data-menu-toggler] {
display: block;
top: 0;
right: 0;
padding: 1em;
text-decoration: none;
white-space: nowrap;
position: relative;
color: #fff;
text-align: right;
background: #1bc2a2
}
@media (min-width:768px) {
ul.dropdown-menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: static
}
ul.dropdown-menu > li > a {
font-weight: 600;
font-style: normal;
font-size: 14px;
line-height: 160%;
letter-spacing: 1px;
text-transform: uppercase
}
ul.dropdown-menu > li.hover > a, ul.dropdown-menu > li:hover > a {
color: #03a9f4
}
ul.dropdown-menu > li > ul {
left: .85rem
}
ul.dropdown-menu li ul {
position: absolute;
padding-left: 0;
min-width: 200px;
z-index: 10;
transition: none;
top: 100%
}
ul.dropdown-menu li ul ul.open-reverse:after, ul.dropdown-menu li ul ul:before {
content: " ";
width: 5px;
height: 100%;
background: 0 0;
position: absolute;
z-index: -1
}
ul.dropdown-menu li ul ul {
margin-left: 5px;
top: 0
}
ul.dropdown-menu li ul ul:before {
display: block;
float: left;
margin-left: -5px
}
ul.dropdown-menu li ul ul.open-reverse {
right: 100%;
left: auto;
top: 0;
margin-right: 5px;
margin-left: 5px
}
ul.dropdown-menu li ul ul.open-reverse:before {
display: none
}
ul.dropdown-menu li ul ul.open-reverse:after {
display: block;
top: 0;
right: -5px
}
a[data-menu-toggler] {
display: none
}
ul.main-menu > li.menu-item-has-children > a:after, ul.main-menu > li.page_item_has_children > a:after {
vertical-align: middle;
position: relative;
right: 0;
margin-left: -.2em;
margin-top: -.3em
}
}
ul.dropdown-menu > li {
color: #fff
}
ul.dropdown-menu.simple-menu-items > .current-menu-item > a, ul.dropdown-menu.simple-menu-items > .current_page_item > a {
color: #03a9f4
}
ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a, ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item).hover > a, ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item):hover > a, ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a, ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a {
color: #d8d8d8
}
ul.dropdown-menu.active-line-bottom > .current-menu-item > a, ul.dropdown-menu.active-line-bottom > .current_page_item > a, ul.dropdown-menu.default > .current-menu-item > a, ul.dropdown-menu.default > .current_page_item > a {
border-bottom: 3px solid #03a9f4
}
ul.dropdown-menu.active-line-top > li > a {
margin-top: 3px
}
ul.dropdown-menu.active-line-top > .current-menu-item > a, ul.dropdown-menu.active-line-top > .current_page_item > a {
margin-top: 0;
border-top: 3px solid #03a9f4
}
ul.dropdown-menu.active-round-button > li {
padding: 5px
}
ul.dropdown-menu.active-round-button > li > a {
padding: 4px 20px
}
ul.dropdown-menu.active-round-button > .current-menu-item > a, ul.dropdown-menu.active-round-button > .current_page_item > a {
border-radius: 10000px;
background-color: #03a9f4;
color: #fff
}
ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item).hover > a, ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item):hover > a {
border-radius: 10000px;
border: 2px solid #d8d8d8;
color: #d8d8d8;
margin: -2px
}
ul.dropdown-menu.active-arrow-down > .current-menu-item:after, ul.dropdown-menu.active-arrow-down > .current_page_item:after {
content: ' ';
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 8px;
border-color: transparent transparent #03a9f4;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -12px
}
ul.dropdown-menu.active-arrow-down > li:not(.current-menu-item):not(.current_page_item).hover:after, ul.dropdown-menu.active-arrow-down > li:not(.current-menu-item):not(.current_page_item):hover:after {
content: ' ';
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 8px;
border-color: transparent transparent #d8d8d8;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -12px
}
ul.dropdown-menu.active-round-border-button > li > a {
padding: .3em 1em
}
ul.dropdown-menu.active-round-border-button > .current-menu-item > a, ul.dropdown-menu.active-round-border-button > .current_page_item > a {
border-radius: 5px;
border: 2px solid #03a9f4;
color: #03a9f4;
margin: -2px
}
ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item).hover > a, ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item):hover > a {
border-radius: 5px;
margin: -2px;
border: 2px solid #d8d8d8;
color: #d8d8d8
}
ul.dropdown-menu.active-line-top-bottom > li > a {
padding-top: 1px;
padding-bottom: 1px
}
ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a, ul.dropdown-menu.active-line-top-bottom > .current_page_item > a {
padding-top: 0;
padding-bottom: 0;
border-top: 1px solid #03a9f4;
border-bottom: 1px solid #03a9f4;
color: #03a9f4
}
ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a {
color: #d8d8d8
}
.coloured-nav ul.dropdown-menu > li, .fixto-fixed ul.dropdown-menu > li {
color: #000
}
.coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, .coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a, .coloured-nav ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item).hover > a, .coloured-nav ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item):hover > a, .coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a, .coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a, .fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, .fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a, .fixto-fixed ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item).hover > a, .fixto-fixed ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item):hover > a, .fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a, .fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a {
color: #03a9f4
}
.coloured-nav ul.dropdown-menu.active-line-bottom > .current-menu-item > a, .coloured-nav ul.dropdown-menu.active-line-bottom > .current_page_item > a, .coloured-nav ul.dropdown-menu.default > .current-menu-item > a, .coloured-nav ul.dropdown-menu.default > .current_page_item > a, .fixto-fixed ul.dropdown-menu.active-line-bottom > .current-menu-item > a, .fixto-fixed ul.dropdown-menu.active-line-bottom > .current_page_item > a, .fixto-fixed ul.dropdown-menu.default > .current-menu-item > a, .fixto-fixed ul.dropdown-menu.default > .current_page_item > a {
border-bottom: 3px solid #03a9f4
}
.coloured-nav ul.dropdown-menu.active-line-top > .current-menu-item > a, .coloured-nav ul.dropdown-menu.active-line-top > .current_page_item > a, .fixto-fixed ul.dropdown-menu.active-line-top > .current-menu-item > a, .fixto-fixed ul.dropdown-menu.active-line-top > .current_page_item > a {
border-top: 3px solid #03a9f4
}
.coloured-nav ul.dropdown-menu.active-round-button > .current-menu-item > a, .coloured-nav ul.dropdown-menu.active-round-button > .current_page_item > a, .fixto-fixed ul.dropdown-menu.active-round-button > .current-menu-item > a, .fixto-fixed ul.dropdown-menu.active-round-button > .current_page_item > a {
background-color: #03a9f4;
color: #fff
}
.coloured-nav ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item).hover > a, .coloured-nav ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item):hover > a, .fixto-fixed ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item).hover > a, .fixto-fixed ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item):hover > a {
border-radius: 10000px;
border: 2px solid #03a9f4;
color: #03a9f4
}
.coloured-nav ul.dropdown-menu.active-arrow-down > .current-menu-item:after, .coloured-nav ul.dropdown-menu.active-arrow-down > .current_page_item:after, .fixto-fixed ul.dropdown-menu.active-arrow-down > .current-menu-item:after, .fixto-fixed ul.dropdown-menu.active-arrow-down > .current_page_item:after {
border-color: transparent transparent #03a9f4
}
.coloured-nav ul.dropdown-menu.active-arrow-down > li:not(.current-menu-item):not(.current_page_item).hover:after, .coloured-nav ul.dropdown-menu.active-arrow-down > li:not(.current-menu-item):not(.current_page_item):hover:after, .fixto-fixed ul.dropdown-menu.active-arrow-down > li:not(.current-menu-item):not(.current_page_item).hover:after, .fixto-fixed ul.dropdown-menu.active-arrow-down > li:not(.current-menu-item):not(.current_page_item):hover:after {
border-color: transparent transparent #d8d8d8
}
.coloured-nav ul.dropdown-menu.active-round-border-button > .current-menu-item > a, .coloured-nav ul.dropdown-menu.active-round-border-button > .current_page_item > a, .coloured-nav ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item).hover > a, .coloured-nav ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item):hover > a, .fixto-fixed ul.dropdown-menu.active-round-border-button > .current-menu-item > a, .fixto-fixed ul.dropdown-menu.active-round-border-button > .current_page_item > a, .fixto-fixed ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item).hover > a, .fixto-fixed ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item):hover > a {
border: 2px solid #03a9f4;
color: #03a9f4
}
.coloured-nav ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a, .coloured-nav ul.dropdown-menu.active-line-top-bottom > .current_page_item > a, .fixto-fixed ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a, .fixto-fixed ul.dropdown-menu.active-line-top-bottom > .current_page_item > a {
border-top: 1px solid #03a9f4;
border-bottom: 1px solid #03a9f4;
color: #03a9f4
}
.coloured-nav ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, .coloured-nav ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a, .fixto-fixed ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, .fixto-fixed ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a {
color: #03a9f4
}
.header-separator-bottom {
position: absolute;
bottom: -1px;
left: 0;
width: 100%
}
.header-separator-reverse {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header-separator svg {
display: block;
width: calc(100% + 1.3px)
}
.header-separator {
position: absolute;
width: 100%;
max-width: 100%;
bottom: -2px;
overflow: hidden;
z-index: 45
}
.page .svg-white-bg {
fill: #fff
}
.header-top {
align-items: center;
width: 100%;
position: absolute;
z-index: 100
}
.header-full-height {
min-height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center
}
.header-top.comment-meta, .header-top.comment-reply-link, .header-top.small {
position: static;
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .33);
-moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .33);
-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .33)
}
.header-top.comment-meta .main-menu, .header-top.comment-meta .main_menu_col, .header-top.comment-reply-link .main-menu, .header-top.comment-reply-link .main_menu_col, .header-top.small .main-menu, .header-top.small .main_menu_col {
z-index: 10
}
.navigation-bar {
display: block;
width: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
padding-top: 1rem;
padding-bottom: 1rem;
position: relative
}
.navigation-bar.coloured-nav {
background-color: #fff
}
.navigation-bar.fixto-fixed {
transform: translateZ(0);
background-color: #FFF;
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .33)
}
.navigation-bar.fixto-fixed.bordered, .navigation-bar.fixto-fixed.card[class*=bottom-border-], .post-item table.navigation-bar.fixto-fixed {
border-bottom: none
}
.navigation-bar.bordered, .navigation-bar.card[class*=bottom-border-], .post-item table.navigation-bar {
border-bottom-width: 2px;
border-bottom-color: #fff;
border-bottom-style: solid
}
.navigation-wrapper:not(.gridContainer) {
padding-left: 5%;
padding-right: 5%
}
.navigation-wrapper .custom_area_col {
display: none
}
.logo_col, .main_menu_col {
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center
}
.main_menu_col {
justify-content: flex-end
}
.logo_col {
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
max-width: 80%
}
.custom_area_col {
text-align: center;
white-space: nowrap
}
.custom_area_col .button, .custom_area_col button {
margin-right: 1rem
}
.custom_area_col .button:last-of-type, .custom_area_col button:last-of-type {
margin-right: 0
}
a.text-logo, a.text-logo:hover, a.text-logo:visited {
text-decoration: none;
font-size: 1.6rem;
line-height: 100%;
color: #fff;
font-weight: 600;
text-transform: uppercase
}
.coloured-nav #main_menu > li.logo > a.text-logo, .coloured-nav #main_menu > li.logo > a.text-logo:hover, .coloured-nav #main_menu > li.logo > a.text-logo:visited, .coloured-nav a.text-logo, .coloured-nav a.text-logo:hover, .coloured-nav a.text-logo:visited, .dark-logo #main_menu > li.logo > a.text-logo, .dark-logo #main_menu > li.logo > a.text-logo:hover, .dark-logo #main_menu > li.logo > a.text-logo:visited, .dark-logo a.text-logo, .dark-logo a.text-logo:hover, .dark-logo a.text-logo:visited, .fixto-fixed #main_menu > li.logo > a.text-logo, .fixto-fixed #main_menu > li.logo > a.text-logo:hover, .fixto-fixed #main_menu > li.logo > a.text-logo:visited, .fixto-fixed a.text-logo, .fixto-fixed a.text-logo:hover, .fixto-fixed a.text-logo:visited {
text-decoration: none;
color: #000
}
.coloured-nav .main_menu_col [data-component=offcanvas] .bubble, .fixto-fixed .main_menu_col [data-component=offcanvas] .bubble {
background-color: #000
}
.coloured-nav .main_menu_col [data-component=offcanvas], .fixto-fixed .main_menu_col [data-component=offcanvas] {
color: #000
}
.header-wrapper {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
flex-grow: 0
}
.header-wrapper > div[class*=header] {
flex-grow: 1
}
.header, .header-homepage {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 0
}
h1.hero-title {
color: #FFF;
margin-bottom: 1.25rem;
font-size: 3.5rem;
font-weight: 300;
line-height: 1.14;
letter-spacing: .9px
}
p.header-subtitle, p.header-subtitle2 {
font-family: Muli, sans-serif;
font-size: 1.3rem;
font-weight: 300;
line-height: 130%;
color: #fff;
margin-bottom: 1.25rem
}
.color-overlay:after, .color-overlay:before {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 1;
display: inline-block;
content: " "
}
.color-overlay:after {
z-index: 2;
display: block
}
.background-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 1;
display: inline-block;
content: ""
}
a.hp-header-primary-button {
color: #fff;
background-color: #f5b219;
border-color: #f5b219
}
a.hp-header-primary-button:hover {
color: #fff;
background-color: #f7c24a;
border-color: #f7c24a
}
a.hp-header-primary-button.disabled, a.hp-header-primary-button:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(245, 178, 25, .7);
border-color: rgba(245, 178, 25, .7)
}
a.hp-header-primary-button.outline {
background: 0 0;
color: #f5b219;
border-color: #f5b219
}
a.hp-header-primary-button.outline:hover {
border-color: rgba(245, 178, 25, .7)
}
a.hp-header-primary-button.outline.disabled, a.hp-header-primary-button.outline:disabled {
background: 0 0;
color: rgba(245, 178, 25, .7);
border-color: rgba(245, 178, 25, .5)
}
.header-buttons-wrapper .button {
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px
}
.header-buttons-wrapper .badge-button {
width: 12rem;
font-size: 0;
vertical-align: top;
line-height: 0;
border-radius: 8px;
padding: 0;
background: 0 0;
border: none
}
.header-buttons-wrapper .badge-button:hover {
border: none
}
.header-buttons-wrapper .badge-button svg {
width: 100%;
height: auto
}
.header-homepage-arrow-c {
position: absolute;
text-align: center;
bottom: 0;
left: 0;
right: 0;
z-index: 500
}
@media (max-width:767px) {
.header-homepage-arrow-c {
display: none
}
}
.header-homepage-arrow {
display: inline-block;
line-height: 0;
cursor: pointer;
background-color: #fff;
border-radius: 500px;
bottom: 60px;
color: #000;
position: relative;
font-size: 20px;
padding: 10px
}
.header-homepage-arrow i.fa {
width: 1em;
height: 1em;
display: flex;
align-items: center;
justify-content: center
}
@-moz-keyframes move-down-bounce {
0%, 100%, 20%, 50%, 80% {
-moz-transform: translateY(0);
transform: translateY(0)
}
40% {
-moz-transform: translateY(-20px);
transform: translateY(-20px)
}
60% {
-moz-transform: translateY(-10px);
transform: translateY(-10px)
}
}
@-webkit-keyframes move-down-bounce {
0%, 100%, 20%, 50%, 80% {
-moz-transform: translateY(0);
transform: translateY(0)
}
40% {
-moz-transform: translateY(-20px);
transform: translateY(-20px)
}
60% {
-moz-transform: translateY(-10px);
transform: translateY(-10px)
}
}
@keyframes move-down-bounce {
0%, 100%, 20%, 50%, 80% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
60% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
}
.move-down-bounce {
-moz-animation: move-down-bounce 2s infinite;
-webkit-animation: move-down-bounce 2s infinite;
animation: move-down-bounce 2s infinite
}
img.homepage-header-image.round {
border-radius: 100%;
border: 5px solid #fff;
text-align: center
}
iframe.header-hero-video {
width: 100%;
display: block
}
.video-popup-button {
position: relative;
z-index: 1;
text-align: center
}
.video-popup-button.with-image:before {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: -1;
background-color: rgba(0, 0, 0, .5);
display: inline-block;
content: ' '
}
.video-popup-button img.poster {
position: relative;
width: 100%;
display: block;
z-index: -2
}
a.video-popup-button-link {
color: #fff;
font-size: 100px;
width: 100px;
height: 100px
}
a.video-popup-button-link:hover {
color: #7AA7F5
}
.video-popup-button img.poster + a.video-popup-button-link {
position: absolute;
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px
}
img.custom-logo, img.logo.dark {
vertical-align: middle;
max-height: 100%;
width: auto
}
.logo-link.dark {
opacity: 0;
display: none
}
.coloured-nav a.logo-link.dark, .fixto-fixed a.logo-link.dark {
opacity: 1;
display: inline-block
}
.coloured-nav a.logo-link.dark + a.custom-logo-link, .fixto-fixed a.logo-link.dark + a.custom-logo-link {
display: none
}
.fixto-fixed .fixed-white-logo a.logo-link.dark, .white-logo a.logo-link.dark {
opacity: 0;
display: none
}
.dark-logo a.logo-link.dark, .fixto-fixed .fixed-dark-logo a.logo-link.dark, .fixto-fixed .fixed-white-logo a.logo-link.dark + a.custom-logo-link, .white-logo a.logo-link.dark + a.custom-logo-link {
opacity: 1;
display: inline-block
}
.dark-logo a.logo-link.dark + a.custom-logo-link, .fixto-fixed .fixed-dark-logo a.logo-link.dark + a.custom-logo-link {
opacity: 0;
display: none
}
.nav-search.widget_search * {
background: 0 0;
color: #fff;
margin-bottom: 0
}
.nav-search.widget_search input::-webkit-input-placeholder {
color: #fff
}
.nav-search.widget_search input:-ms-input-placeholder {
color: #fff
}
.nav-search.widget_search input::-moz-placeholder {
color: #fff
}
.nav-search.widget_search input:-moz-placeholder {
color: #fff
}
.nav-search.widget_search input::placeholder {
color: #fff
}
.nav-search.widget_search input:focus {
background: 0 0
}
.nav-search.widget_search label {
display: block;
position: relative
}
.nav-search.widget_search label:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f002";
height: 40px;
left: 0;
position: absolute;
width: 32px;
line-height: 40px;
font-size: 1rem;
z-index: 100
}
.nav-search.widget_search input {
border-color: #fff
}
.nav-search.widget_search _:-ms-lang(x), .nav-search.widget_search input {
position: relative;
left: -40px
}
.fixto-fixed {
position: relative
}
.fixto-fixed .nav-search.widget_search * {
color: #000
}
.fixto-fixed .nav-search.widget_search input::-webkit-input-placeholder {
color: #000
}
.fixto-fixed .nav-search.widget_search input:-ms-input-placeholder {
color: #000
}
.fixto-fixed .nav-search.widget_search input::-moz-placeholder {
color: #000
}
.fixto-fixed .nav-search.widget_search input:-moz-placeholder {
color: #000
}
.fixto-fixed .nav-search.widget_search input::placeholder {
color: #000
}
.fixto-fixed .nav-search.widget_search input {
border-color: #000
}
.navigation-custom-area .social-icons {
margin-left: -10px;
margin-right: -10px
}
.navigation-custom-area .social-icons a {
display: inline-block;
font-size: 22px;
padding-left: 10px;
padding-right: 10px;
opacity: .9;
transition: all .3s linear
}
.navigation-custom-area .social-icons a:hover {
opacity: 1
}
.navigation-custom-area .button {
margin-bottom: 0
}
.header-description, .inner-header-description {
position: relative;
z-index: 50
}
.mesmerize-front-page.only-template .header-description {
padding-top: 5%;
padding-bottom: 5%
}
.media-on-bottom .header-media-container, .media-on-top .header-media-container {
width: 100%
}
@media (min-width:768px) {
.content-video-container.iframe-holder, iframe.header-hero-video {
position: relative;
width: 100%
}
.header-buttons-wrapper {
margin-left: -15px;
margin-right: -15px
}
iframe.header-hero-video {
left: 0;
top: 0;
height: 100%;
min-height: 100px;
display: block
}
.content-video-container iframe.header-hero-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.navigation-wrapper .custom_area_col {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center
}
.mesmerize-front-page .header-description-row > div {
display: flex
}
.logo_col {
max-width: 30%
}
.media-on-bottom .header-media-container, .media-on-top .header-media-container {
width: 50%;
margin: auto
}
.header-content .align-holder {
margin: auto
}
.header-content .align-holder.right {
text-align: right;
float: right;
margin-right: 0
}
.header-content .align-holder.left {
text-align: left;
float: left;
margin-left: 0
}
.header-content .align-holder.center {
text-align: center;
float: none
}
.header-hero-content-v-align, .header-hero-media-v-align {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1
}
}
.media-on-bottom .header-content, .media-on-top .header-content {
width: 100%
}
@media (min-width:1024px) {
.header-description.media-on-left img.homepage-header-image {
float: left
}
.header-description.media-on-right img.homepage-header-image {
float: right
}
.header-description.content-on-center .header-content {
margin-right: auto;
margin-left: auto
}
.header-description.content-on-left .header-content {
margin-right: auto
}
.header-description.content-on-right .header-content {
margin-left: auto
}
}
.main_menu_col [data-type] {
flex-basis: 100%
}
.offcanvas {
background: #fff;
position: fixed;
padding: 1.5rem;
height: 100%;
top: 0;
left: 0;
z-index: 300;
overflow-y: scroll
}
.offcanvas .close {
position: absolute;
top: 8px;
right: 8px
}
.offcanvas-left {
border-right: 1px solid rgba(0, 0, 0, .1)
}
.offcanvas-right {
left: auto;
right: 0
}
.offcanvas-push-body {
position: relative
}
@keyframes slideUp {
to {
height: 0;
padding-top: 0;
padding-bottom: 0
}
}
@keyframes slideDown {
from {
height: 0;
padding-top: 0;
padding-bottom: 0
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes flipIn {
from {
opacity: 0;
transform: scaleY(0)
}
to {
opacity: 1;
transform: scaleY(1)
}
}
@keyframes flipOut {
from {
opacity: 1;
transform: scaleY(1)
}
to {
opacity: 0;
transform: scaleY(0)
}
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0)
}
}
@keyframes rotate {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@keyframes pulse {
from, to {
transform: scale3d(1, 1, 1)
}
50% {
transform: scale3d(1.03, 1.03, 1.03)
}
}
@keyframes shake {
15% {
transform: translateX(.5rem)
}
30% {
transform: translateX(-.4rem)
}
45% {
transform: translateX(.3rem)
}
60% {
transform: translateX(-.2rem)
}
75% {
transform: translateX(.1rem)
}
90% {
transform: translateX(0)
}
}
.fadeIn {
animation: fadeIn 250ms
}
.fadeOut {
animation: fadeOut 250ms
}
.zoomIn {
animation: zoomIn .2s
}
.zoomOut {
animation: zoomOut .5s
}
.slideInRight {
animation: slideInRight .5s
}
.slideInLeft {
animation: slideInLeft .5s
}
.slideInDown {
animation: slideInDown .5s
}
.slideOutLeft {
animation: slideOutLeft .5s
}
.slideOutRight {
animation: slideOutRight .5s
}
.slideOutUp {
animation: slideOutUp .5s
}
.slideUp {
overflow: hidden;
animation: slideUp .2s ease-in-out
}
.slideDown {
overflow: hidden;
animation: slideDown 80ms ease-in-out
}
.flipIn {
animation: flipIn 250ms cubic-bezier(.5, -.5, .5, 1.5)
}
.flipOut {
animation: flipOut .5s cubic-bezier(.5, -.5, .5, 1.5)
}
.rotate {
animation: rotate .5s
}
.pulse {
animation: pulse 250ms 2
}
.shake {
animation: shake .5s
}
@media (min-width:768px) {
.logo-above-menu .logo_col {
min-height: 80px;
padding-top: 5px;
padding-bottom: 5px;
margin: auto;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: none;
max-height: none
}
.logo-above-menu .main_menu_col {
justify-content: center
}
.logo-above-menu.fixto-fixed .logo_col {
max-width: 30%;
max-height: none;
height: auto;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0
}
.logo-above-menu.fixto-fixed .main_menu_col {
justify-content: flex-end
}
.navigation-bar.logo-inside-menu .logo_col {
display: none
}
.navigation-bar.logo-inside-menu #mainmenu_container, .navigation-bar.logo-inside-menu .main_menu_col {
width: 100%
}
.navigation-bar.logo-inside-menu .navigation-wrapper:not(.gridContainer) {
padding-left: 15px;
padding-right: 15px
}
.navigation-bar.logo-inside-menu #main_menu {
text-align: center;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-moz-box-flex: 0;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
align-content: center;
justify-content: center
}
.navigation-bar.logo-inside-menu #main_menu a.text-logo, .navigation-bar.logo-inside-menu #main_menu a.text-logo:hover, .navigation-bar.logo-inside-menu #main_menu > li > a.text-logo, .navigation-bar.logo-inside-menu #main_menu > li > a.text-logo:hover {
text-transform: none;
text-decoration: none;
font-weight: 400;
line-height: 1;
display: inline-block;
font-family: Muli, sans-serif;
font-size: 2.5rem;
text-align: left;
color: #fff;
border: none;
background: 0 0;
margin: 0
}
}
#offcanvas-wrapper, .site {
-webkit-box-direction: normal;
-webkit-box-orient: vertical
}
.comment-author .sidebar .fn, .comment-metadata, .contact-form-wrapper input[type=submit], .content-placeholder-p, .footer-7 .widgettitle, .footer-7 h4, .sidebar .comment-author .fn, .sidebar h5, .tags-list a {
text-transform: uppercase
}
html.has-offscreen body:after {
content: " ";
display: block;
top: 0;
left: 0;
height: 100%;
width: 100%;
position: fixed;
background: rgba(34, 43, 52, .7);
opacity: 0;
z-index: -1;
transition: all .5s linear
}
html.has-offscreen.offcanvas-opened {
overflow-y: auto !important
}
html.has-offscreen.offcanvas-opened body:after {
opacity: 1;
z-index: 299
}
.main_menu_col [data-component=offcanvas] {
color: #fff;
position: relative;
text-align: center
}
.main_menu_col [data-component=offcanvas] .bubble {
position: absolute;
z-index: 0;
height: 2.5rem;
width: 2.5rem;
background-color: #000;
opacity: .1;
border-radius: 100%;
transition: all .2s linear
}
.main_menu_col [data-component=offcanvas]:hover .bubble {
opacity: .3
}
.main_menu_col [data-component=offcanvas] i.fa {
font-size: 2.1rem;
line-height: 2rem;
height: 2.5rem;
width: 2.5rem;
text-align: center;
position: relative;
z-index: 1
}
#offcanvas-wrapper {
transition: transform .3s linear;
left: auto;
right: 0;
background-color: #222B34;
padding: 0;
overflow: auto;
z-index: 99999;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-moz-box-flex: 0;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
#offcanvas-wrapper.hide {
display: none
}
#offcanvas-wrapper.force-hide {
display: none !important;
width: 0 !important;
overflow: hidden
}
#offcanvas-wrapper .offcanvas-top {
padding-top: 2rem;
padding-bottom: 2rem
}
#offcanvas-wrapper .offcanvas-top .logo-holder a {
color: #fff;
text-decoration: none;
font-size: 1.5rem;
text-align: center;
display: block
}
#offcanvas-wrapper .offcanvas-top .logo-holder img {
max-width: 80%;
display: block;
margin: auto
}
#offcanvas-wrapper .social-icons {
bottom: 0;
padding-bottom: 1rem;
z-index: 1;
text-align: center;
width: 100%
}
#offcanvas-wrapper .social-icons a, #offcanvas-wrapper .social-icons i.fa {
color: #fff
}
#offcanvas-wrapper .social-icons a {
display: inline-block;
text-decoration: none;
padding: 8px;
line-height: 1
}
#offcanvas-wrapper .social-icons i.fa {
font-size: 42px;
margin-bottom: 0
}
#offcanvas-wrapper #offcanvas-menu {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.offcanvas_menu {
margin-left: 0;
list-style: none;
flex: 1
}
.offcanvas_menu * {
color: #fff
}
.offcanvas_menu ul {
list-style: none
}
.offcanvas_menu li {
color: #fff;
border-bottom: 1px solid rgba(128, 128, 128, .2);
font-size: .8rem;
text-align: left;
transition: all .1s linear
}
.offcanvas_menu li a {
text-decoration: none;
color: inherit;
position: relative;
display: block;
padding: .75rem 0 .75rem 2.5rem;
font-size: .875rem;
line-height: 1
}
.offcanvas_menu li a:hover {
background-color: rgba(255, 255, 255, .1)
}
.offcanvas_menu li:first-of-type {
border-bottom: 1px solid rgba(128, 128, 128, .2)
}
.offcanvas_menu li.menu-item-has-children > a .arrow, .offcanvas_menu li.page_item_has_children > a .arrow {
color: inherit !important;
position: absolute;
top: 0;
width: 3.5em;
height: 100%;
line-height: 1em;
text-align: center;
right: 0;
transition: all .3s linear
}
.offcanvas_menu li.menu-item-has-children > a .arrow:before, .offcanvas_menu li.page_item_has_children > a .arrow:before {
content: "\f054";
transform: translateY(-50%) translateX(-50%);
display: inline-block;
top: 50%;
position: absolute;
left: 50%
}
.offcanvas_menu li > ul {
display: none;
margin-left: 0;
background-color: rgba(255, 255, 255, .2)
}
.offcanvas_menu li.current-menu-item a, .offcanvas_menu li.current-menu-item a:hover, .offcanvas_menu li.current_page_item a, .offcanvas_menu li.current_page_item a:hover, .offcanvas_menu li.open {
background-color: rgba(255, 255, 255, .05)
}
.offcanvas_menu li > ul > li > a {
padding-left: 3.75rem
}
.offcanvas_menu li > ul > li > ul > li > a {
padding-left: 5rem
}
.offcanvas_menu li.open {
border-bottom: none
}
.offcanvas_menu li.open.menu-item-has-children > a .arrow, .offcanvas_menu li.open.page_item_has_children > a .arrow {
border-left-color: transparent;
color: #2395F6
}
.offcanvas_menu li.open.menu-item-has-children > a .arrow:before, .offcanvas_menu li.open.page_item_has_children > a .arrow:before {
content: "\f078"
}
.offcanvas_menu li.open > a, .offcanvas_menu li.open > a:hover {
background-color: #fff;
color: #2395F6;
border-left: 3px solid #2395F6
}
.read-more, .read-more.color1 {
color: #03a9f4
}
@media (min-width:768px) and (max-width:1023px) {
[data-component=offcanvas] {
display: none
}
.offcanvas_menu-tablet [data-component=offcanvas] {
display: inline-block
}
.offcanvas_menu-tablet #mainmenu_container {
display: none !important
}
}
@media (min-width:1024px) {
[data-component=offcanvas] {
display: none
}
.offcanvas_menu-desktop [data-component=offcanvas] {
display: inline-block
}
.offcanvas_menu-desktop #mainmenu_container {
display: none !important
}
}
@media (min-width:768px) {
.logo-area-menu-below .custom_area_col {
text-align: right
}
.logo-area-menu-below .custom_area_col .widget_search {
float: right;
text-align: center
}
.logo-area-menu-below.fixto-fixed .custom_area_col {
order: 2;
width: auto
}
.logo-area-menu-below.fixto-fixed .custom_area_col, .logo-area-menu-below.fixto-fixed .logo_col {
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0
}
.logo-area-menu-below.fixto-fixed .main_menu_col {
order: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
}
.logo-menu-area .custom_area_col {
text-align: center
}
a.read-more {
color: #fff !important;
}
.read-more {
transition: opacity .4s ease;
display: inline-block;
margin-top: 1rem;
position: relative;
cursor: pointer;
color: white;
display: block;
background-color: rgba(247, 120, 127, 1);
background-image: linear-gradient(90deg, rgba(247, 120, 127, 1) 0%, rgba(250, 51, 82, 1) 100%);
border: 0px solid #ff7300;
padding: 15px 30px;
text-decoration: none;
color: #fff !important;
font-size: 18px;
border-radius: 30px;
font-weight: 700;
width: 100%;
position: relative;
margin-top: 45px;
transition: all .3s;
}
.read-more:after, blockquote:after {
position: absolute;
font-family: Fontawesome
}
.read-more:after {
content: "\f101";
display: block;
right: 27px;
top: 15px;
transition: right .4s ease;
}
.read-more:hover:after {
right: 16px;
transition: right .4s ease
}
.read-more.color2 {
color: #FF9800
}
.read-more.color3 {
color: #fbc02d
}
.read-more.color4 {
color: #8c239f
}
.read-more.color5 {
color: #ff3369
}
.read-more.color6 {
color: #343a40
}
.read-more.color-black {
color: #000
}
.read-more.color-white {
color: #fff
}
.read-more.color1:hover {
color: #2ebcfc
}
.read-more.color2:hover {
color: #ffad33
}
.read-more.color3:hover {
color: #fccf5f
}
.read-more.color4:hover {
color: #b12cc9
}
.read-more.color5:hover {
color: #ff668f
}
.tags-list {
display: inline-block;
width: 100%
}
.tags-list a {
font-size: 10px;
font-weight: 700;
text-decoration: none;
color: #8E9DAE;
padding: .2rem .6rem;
border: 1px solid #dadada;
letter-spacing: .5px
}
.tags-list a:hover {
background-color: #03a9f4;
border-color: #03a9f4;
color: #fff
}
.post-content-single h2.h1 {
font-size: 37px !important;
font-family: "all-round-gothic", sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
text-transform: uppercase !important;
line-height: 45px !important;
color: white !important;
}
.post-item, .post-list .post-list-item .card {
background-color: #1A0B39 !important;
border: 0px solid #B40766;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
}
div.post-meta {display: none !important}
h5.widgettitle {
font-size: 27px !important;
font-family: "all-round-gothic", sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
text-transform: uppercase !important;
color: white !important;
margin-bottom: 13px;
}
.content.blog-page, .content.post-page {
padding-top: 50px;
padding-bottom: 50px
}
.post-list .post-list-item .card {
padding: 0
}
@media (max-width:768px) {
.post-list-item .card .col-padding {
padding-left: 1rem;
padding-right: 1rem
}
}
.post-content-inner {
margin: 2rem 0
}
.nav-links .nav-next .post-title, .nav-links .nav-previous .font-icon-post, .nav-links .next-navigation .post-title, .post-comments .navigation .nav-next .post-title, .post-comments .navigation .nav-previous .font-icon-post, .post-comments .navigation .next-navigation .post-title {
margin-right: .5rem
}
.post-item .post-content-single {
padding: 3rem
}
.post-comments .post-item .navigation, .post-item .nav-links, .post-item .post-comments .navigation {
border-left: none;
border-right: none
}
@media (max-width:768px) {
.post-item {
margin-bottom: 1rem
}
.post-item .post-content-single {
padding: 3rem 1rem
}
.post-item .post-content-single .post-content-inner {
text-align: initial
}
}
.form-submit, .nav-links .nav-next, .nav-links .next-navigation, .post-comments .navigation .nav-next, .post-comments .navigation .next-navigation, .post-comments .navigation .next-posts {
text-align: right
}
.fa-angle-double-right::before {
content: "\f101"; color: white !important;
}
span.post-title {color: white;}
span.meta-nav {color: white;}
.nav-links, .post-comments .navigation {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
background-color: #B40766;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
box-shadow: none;
border: 0px solid #e0e1e1;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
padding: 20px calc(2rem - 15px);
width: 100%
color: white ;
}
.nav-links a, .post-comments .navigation a {
outline: 0;
text-decoration: none
}
@media (max-width:767px) {
.nav-links .next-navigation, .nav-links .prev-navigation, .post-comments .navigation .next-navigation, .post-comments .navigation .prev-navigation {
display: none
}
}
.nav-links .nav-next, .nav-links .nav-previous, .post-comments .navigation .nav-next, .post-comments .navigation .nav-previous {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
.nav-links .nav-next, .post-comments .navigation .nav-next {
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
.nav-links .nav-previous + .nav-next, .post-comments .navigation .nav-previous + .nav-next {
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
.nav-links .next-navigation, .nav-links .prev-navigation, .post-comments .navigation .next-navigation, .post-comments .navigation .prev-navigation {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
-webkit-flex-basis: 40px;
-moz-flex-basis: 40px;
-ms-flex-preferred-size: 40px;
flex-basis: 40px;
height: 40px
}
.nav-links .next-navigation a, .nav-links .prev-navigation a, .post-comments .navigation .next-navigation a, .post-comments .navigation .prev-navigation a {
height: 40px;
width: 40px;
border: 2px solid #03a9f4;
color: #03a9f4;
border-radius: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center
}
.nav-links .numbers-navigation, .post-comments .navigation .numbers-navigation, .site {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
box-sizing: border-box
}
.nav-links .next-navigation a:hover, .nav-links .prev-navigation a:hover, .post-comments .navigation .next-navigation a:hover, .post-comments .navigation .prev-navigation a:hover {
background-color: #2ebcfc;
border: 0;
color: #fff
}
.nav-links .next-navigation a i, .nav-links .prev-navigation a i, .post-comments .navigation .next-navigation a i, .post-comments .navigation .prev-navigation a i {
padding-left: 3px;
font-size: 2em
}
.nav-links .prev-navigation a i, .post-comments .navigation .prev-navigation a i {
padding-left: 0;
padding-right: 3px
}
.nav-links .numbers-navigation, .post-comments .navigation .numbers-navigation {
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
padding-right: 15px;
padding-left: 15px;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
flex-wrap: wrap;
flex-shrink: inherit
}
.nav-links .numbers-navigation .page-numbers, .post-comments .navigation .numbers-navigation .page-numbers {
padding: 8px 15px;
margin: 5px
}
.post-excerpt > * :last-child, .post-excerpt > :last-child, .post-title {
margin-bottom: 0
}
@media (min-width:768px) {
.nav-links .numbers-navigation .page-numbers.next, .nav-links .numbers-navigation .page-numbers.prev, .post-comments .navigation .numbers-navigation .page-numbers.next, .post-comments .navigation .numbers-navigation .page-numbers.prev {
display: none
}
.footer-7 .footer-social-icons {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.nav-links .numbers-navigation a:hover, .nav-links .numbers-navigation span.current, .post-comments .navigation .numbers-navigation a:hover, .post-comments .navigation .numbers-navigation span.current {
background-color: #03a9f4;
color: #fff
}
.post-title a {
text-decoration: none
}
.post-thumbnail a.post-list-item-thumb {
display: block
}
.post-thumbnail img, .post-thumbnail svg {
width: calc(100% + 2px);
margin-left: -1px;
margin-top: -1px;
max-width: calc(100% + 2px);
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
margin-left: -1px !important;
}
.post-thumbnail svg {
height: auto;
margin-bottom: 0;
display: block
}
.post-excerpt .button {
margin-top: 1rem
}
blockquote, br + code, div > code {
margin: 2rem 0
}
code {
background-color: #def4ff;
color: #191e24;
padding: .5rem 1rem
}
blockquote {
color: #9daab9;
border-left: none;
position: relative;
line-height: 30px;
padding: 0 3rem
}
blockquote p:first-of-type {
padding-top: 1rem
}
blockquote:after {
color: #bbc4ce;
content: '\f10d';
display: block;
font-size: 1.5rem;
left: 0;
top: 0
}
.comment-author .says, .comment-list li:before {
display: none
}
.comment-form p.logged-in-as {
font-size: .9em
}
.post-comments {
margin-top: 2rem;
padding: 3rem
}
.post-comments .navigation {
margin: 2rem 0;
background-color: #fff;
box-shadow: none;
border: 1px solid #e0e1e1
}
.comment-list {
list-style: none;
margin: 0;
padding: 0
}
.comment-list li.comment {
border-bottom: 1px dotted #bdbdbd
}
.comment-list li.comment.even {
background-color: #f8f8f8
}
.comment-list li.comment.even blockquote, .comment-list li.comment.odd {
background-color: #fff
}
.comment-list li.comment:last-child {
border-bottom: none
}
.comment-list li.comment.byuser {
border: 1px solid #03a9f4;
background-color: #def4ff
}
.comment-list .children {
list-style: none;
margin: 0 0 0 1rem;
padding: 1rem
}
.comment-body {
margin-left: 65px;
padding: 2rem
}
.comment-author {
color: #3C424F;
margin-bottom: .2em;
position: relative;
z-index: 2
}
.comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px
}
.comment-author .fn {
font-style: normal
}
.comment-author .fn a {
color: #3C424F;
text-decoration: none
}
.comment-meta {
margin-bottom: 1rem
}
.comment-meta a {
text-decoration: none;
color: #8E9DAE
}
.comment-metadata {
color: #bdbdbd;
font-size: 10px;
font-size: .625rem;
font-weight: 800;
letter-spacing: .1818em
}
.comment-metadata a {
color: #bdbdbd
}
.comment-metadata a.comment-edit-link {
color: #4a4a4a;
margin-left: 1em
}
.comment-reply-link {
display: inline-block;
color: #03a9f4;
position: relative
}
.comment-reply-link:after {
content: "\f112";
font-family: Fontawesome;
display: block;
position: absolute;
right: -20px;
top: 4px;
transition: opacity .4s ease;
opacity: 0
}
.comment-reply-link:hover:after {
transition: opacity .4s ease;
opacity: 1
}
.comment-awaiting-moderation, .no-comments {
color: #bdbdbd;
font-size: 14px;
font-size: .875rem;
font-style: italic
}
.comments-pagination {
margin: 2em 0 3em
}
.comments-form {
background-color: #f8f8f8;
padding: 2rem 3rem .1rem
}
.sidebar a {
text-decoration: none
}
.sidebar .widget_search form {
margin-bottom: 0
}
.sidebar #wp-calendar td, .sidebar #wp-calendar th {
padding: .5rem
}
.sidebar .widget {
box-shadow: none;
border: 1px solid #B40766;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.sidebar .widget > ul {
list-style: none;
margin: 0
}
.sidebar .widget > ul > li {
padding: 8px;
border-top: 1px solid #B40766
}
.sidebar .widget > ul > li:last-of-type {
border-bottom: none
}
.sidebar .widget > ul > li a {
font-size: 1rem
}
.sidebar .widget > ul > li a:hover {
color: #2ebcfc
}
.footer-shadow {
box-shadow: 0 20px 20px -10px rgba(49, 52, 57, .3), 0 20px 30px rgba(0, 0, 0, .08)
}
.footer {
background-color: #fff;
margin-bottom: -1px;
color: #8E9DAE
}
.footer .mesmerize-theme-link {
color: inherit;
text-decoration: none;
border-bottom: none
}
.footer .mesmerize-theme-link:hover {
color: inherit;
border-bottom: none;
text-decoration: underline
}
.footer .fa, .footer table caption {
color: #8E9DAE
}
.footer a {
color: #03a9f4
}
.footer a .fa {
color: #B40766
}
.footer a:hover, .footer a:hover .fa {
color: #fff
}
.comment-author .footer .fn, .footer .comment-author .fn, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
color: #3C424F
}
.footer p {
color: #8E9DAE
}
.footer .footer-content {
position: relative;
z-index: 0
}
.footer #wp-calendar td, .footer #wp-calendar th {
padding: .5rem
}
.footer .widget > ul {
list-style: none;
margin: 0
}
.footer .widget > ul > li a {
font-size: 1rem;
text-decoration: none
}
.footer input, .footer select, .footer textarea {
width: auto;
display: inline-block;
max-width: 100%;
height: 44px;
border: 1px solid #C4CDD5;
border-radius: 0
}
.footer form {
margin-bottom: 25px
}
.footer form input[type=email] {
width: 70%;
float: left
}
.footer form input[type=submit] {
width: 30%;
float: right;
height: 42px;
line-height: 42px;
background-color: #03a9f4;
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
border: none;
border-radius: 0;
outline: #03a9f4 solid 1px;
margin-top: 1px;
cursor: pointer
}
.footer ul {
list-style: none;
margin: 0;
line-height: 32px
}
.footer .bottom-bar {
background-color: #f8f8f8
}
.footer .bottom-bar h4 {
margin-bottom: 0
}
.horizontal_footer_menu ul {
list-style: none;
margin-left: -.4rem;
margin-right: -.4rem
}
.horizontal_footer_menu ul li {
display: inline-block;
position: relative;
transition: all .4s;
padding-left: .4rem;
padding-right: .4rem
}
.horizontal_footer_menu ul li a {
display: block;
text-decoration: none;
white-space: nowrap
}
.footer.paralax {
position: fixed;
bottom: 0;
left: 0;
right: 0;
visibility: hidden
}
.footer-social-icons {
max-width: 100%;
margin: -5px
}
.footer-social-icons a {
display: inline-block;
font-size: 42px;
margin: 5px;
max-height: 40px;
transition: all .3s linear
}
.footer-social-icons a:hover {
opacity: 1
}
.footer-social-icons.spaced {
margin: -10px
}
.footer-social-icons.spaced a {
margin: 10px
}
.footer::after, .footer::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.footer::before {
z-index: 0
}
.footer::after {
z-index: 1
}
.footer .gridContainer {
position: relative;
z-index: 10
}
.no-parallax .footer {
position: static !important
}
.no-parallax .footer-shadow {
margin-bottom: 0 !important;
box-shadow: none
}
.footer .copyright a, .footer .copyright a:hover {
color: inherit
}
.footer-contact-boxes, .footer-contact-boxes .fa, .footer-contact-boxes table caption {
color: #fff
}
@media (max-width:767px) {
.footer .row:not(.no-spacing) > div:not(.no-gutter-col) {
padding-top: 20px;
padding-bottom: 20px
}
.footer.footer-1 .footer-social-icons, .footer.footer-1 .menu-column {
margin-top: 1rem
}
.footer.footer-1 .menu-column li {
display: block
}
}
.footer-simple .footer-content {
padding-top: 40px;
padding-bottom: 40px;
border-top: 1px solid #e8e8e8
}
@media (min-width:768px) and (max-width:1023px) {
.footer.footer-1 .menu-column {
order: 3;
padding-top: 1rem;
padding-bottom: 0
}
}
.footer-contact-boxes .footer-content {
background-color: #222
}
.footer-contact-boxes a {
color: #03a9f4
}
.footer-contact-boxes a .fa {
color: #fff
}
.footer-contact-boxes a:hover {
color: #03a9f4
}
.footer-contact-boxes a:hover .fa {
color: #3F464C
}
.comment-author .footer-contact-boxes .fn, .footer-contact-boxes .comment-author .fn, .footer-contact-boxes h1, .footer-contact-boxes h2, .footer-contact-boxes h3, .footer-contact-boxes h4, .footer-contact-boxes h5, .footer-contact-boxes h6, .footer-contact-boxes p, .footer-content-lists, .footer-content-lists .fa, .footer-content-lists table caption {
color: #fff
}
.footer-contact-boxes .big-icon {
font-size: 48px;
margin-bottom: 24px
}
.footer-contact-boxes .footer-bg-accent {
padding-left: 1rem;
padding-right: 1rem;
background-color: #FF9800
}
.footer-contact-boxes .footer-social-icons {
margin-bottom: 16px
}
.footer-contact-boxes .col-sm-3 {
padding-top: 20px;
padding-bottom: 20px;
border-left: 1px solid rgba(128, 128, 128, .2)
}
.footer-contact-boxes .col-sm-3:last-child {
border-right: 1px solid rgba(128, 128, 128, .2)
}
@media (min-width:768px) {
.footer-contact-boxes .col-sm-3 {
padding-top: 80px;
padding-bottom: 80px
}
}
.footer-content-lists .footer-content {
background-color: #222
}
.footer-content-lists a {
color: #aaa
}
.footer-content-lists a .fa {
color: #fff
}
.footer-content-lists a:hover {
color: #aaa
}
.footer-content-lists a:hover .fa {
color: #3F464C
}
.comment-author .footer-content-lists .fn, .footer-content-lists .comment-author .fn, .footer-content-lists h1, .footer-content-lists h2, .footer-content-lists h3, .footer-content-lists h4, .footer-content-lists h5, .footer-content-lists h6, .footer-content-lists p {
color: #fff
}
.footer-content-lists .widget li a {
text-decoration: none
}
.footer-content-lists .widget li a:hover {
border-bottom: 1px solid #999;
text-decoration: none
}
.footer-content-lists .textwidget p {
color: #999
}
.footer-content-lists .footer-border-accent {
border-top: 5px solid #FF9800
}
.footer-content-lists .widgets-row > * {
padding-top: 40px;
padding-bottom: 40px;
border-left: 1px solid rgba(128, 128, 128, .2)
}
.border-large, .offset-box.border:after, .overlay-box .offset-border, .overlay-box .offset-border-top-left {
border-width: 10px;
border-style: solid
}
.footer-content-lists .widgets-row {
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
body#tinymce {
color: #333
}
html {
background-color: #fff
}
body {
min-height: 1px
}
[data-parallax-depth] {
background-attachment: fixed;
will-change: transform;
transform: translate3d(0, 0, 0)
}
[data-parallax-depth]:after, [data-parallax-depth]:before {
background-attachment: fixed !important
}
@-moz-document url-prefix() {
[data-parallax-depth] {
will-change: unset;
transform: unset
}
}
.no-parallax [data-parallax-depth] {
background-attachment: scroll
}
.no-parallax [data-parallax-depth]:after, .no-parallax [data-parallax-depth]:before {
background-attachment: scroll !important
}
.page-content .content-section a.button, .page-content .content-section a.link {
margin-right: 3px
}
.site {
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-moz-box-flex: 0;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh
}
.site > .content, .site > .page-content {
z-index: 1;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
flex-grow: 1;
}
.site > .content.landing, .site > .page-content.landing {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
.site > .content.landing .content, .site > .page-content.landing .content {
width: 100%
}
.site > .content {
padding-top: 6rem;
padding-bottom: 6rem
}
@media (max-width:768px) {
.site > .content {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.mesmerize-content-padding #page > .page-content, .mesmerize-inner-page #page > .page-content {
padding-top: 6rem;
padding-bottom: 6rem
}
.mesmerize-content-padding #page > .page-content.no-padding, .mesmerize-inner-page #page > .page-content.no-padding {
padding: 0 !important
}
@media (max-width:768px) {
.mesmerize-content-padding #page > .page-content, .mesmerize-inner-page #page > .page-content {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.mesmerize-content-no-padding .content, .mesmerize-content-no-padding .page-content {
padding-top: 0;
padding-bottom: 0
}
.mesmerize-front-page.mesmerize-content-padding .page-content, .mesmerize-inner-page .content, .mesmerize-inner-page .page-content, body.custom-background {
background-color: #F5FAFD
}
.offset-double-border-overlay {
display: inline-block;
position: absolute;
pointer-events: none;
top: -15%;
bottom: 15%;
left: 15%;
right: -15%;
width: auto;
height: auto;
z-index: 12
}
.offset-double-border-overlay .border-1, .offset-double-border-overlay .border-2 {
position: absolute;
width: 100%;
height: 100%;
border-width: 10px;
border-style: solid;
border-color: #fff
}
.offset-double-border-overlay .border-2 {
border-color: rgba(0, 0, 0, .2);
right: -10px;
top: 10px;
z-index: -1
}
.offset-box {
position: relative;
z-index: 0
}
.offset-box.bg:after, .offset-box.border:after {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1
}
.offset-box.border:after {
transform: translate(3%, -3%);
border-color: rgba(0, 0, 0, .5)
}
.offset-box.bg:after {
background-color: #fff;
transform: translate(-5%, -5%)
}
.overlay-box {
position: relative;
z-index: 0
}
.overlay-box .offset-background, .overlay-box .offset-background-top-left, .overlay-box .offset-background-top-right {
z-index: -1;
position: absolute;
width: auto;
top: 0;
left: 0;
right: 0;
display: inline-block;
bottom: 0;
pointer-events: none
}
.overlay-box .offset-border {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translate(3%, -3%)
}
.overlay-box .offset-border-top-right {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translate(3%, -3%);
border-width: 10px
}
.overlay-box .offset-border-top-left {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translate(-3%, -3%)
}
.overlay-box .offset-background-top-right {
transform: translate(5%, -5%)
}
.overlay-box .offset-background-top-left {
transform: translate(-5%, -5%)
}
.center-overlay {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: scale(.75);
z-index: 12
}
.dark-overlay-bg {
position: relative;
z-index: 0
}
.dark-overlay-bg:before {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .498039);
z-index: -1
}
.dark-overlay {
position: relative
}
.dark-overlay:before {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0
}
.dark-overlay > * {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
margin: -2.22em 0 0 -2.22em
}
@media (min-width:768px) {
.overlay-box .offset-border-top-right {
transform: translate(10%, -10%)
}
.overlay-box .offset-border-top-left {
transform: translate(-10%, -10%)
}
}
.image-group-1 {
position: relative
}
.image-group-1 img {
position: relative;
width: 60%
}
.image-group-1 .img-1 {
z-index: 2;
margin-left: 9%
}
.image-group-1 .img-2 {
margin-top: -10%;
z-index: 1
}
.image-group-1 .img-3 {
margin-top: -2%;
margin-left: 15%
}
.image-group-2-img {
position: relative
}
.image-group-2-img img {
width: 100%;
position: relative
}
.image-group-2-img a.img-1-anchor, .image-group-2-img a.img-2-anchor, .image-group-2-img > img {
width: 60%
}
.image-group-2-img > .img-1, .image-group-2-img > a.img-1-anchor {
transform: translateY(-12%)
}
.image-group-2-img > .img-2, .image-group-2-img > a.img-2-anchor {
z-index: 1;
margin-left: -25%;
transform: translateY(12%)
}
.image-group-right-2 {
position: relative
}
.image-group-right-2 img {
width: 100%;
position: relative
}
.image-group-right-2 .left-el, .image-group-right-2 .right-el {
display: inline-block;
position: relative;
width: 50%
}
.image-group-right-2 .left-el {
z-index: 11
}
.image-group-right-2 .right-el {
margin-top: 25%;
margin-left: -20px
}
.image-group-right-3 {
position: relative
}
.image-group-right-3 img {
width: 100%;
position: relative
}
.image-group-right-3 .bottom-media, .image-group-right-3 .left-media, .image-group-right-3 .right-media {
display: inline-block;
position: relative
}
.image-group-right-3 .top-media {
width: 60%;
margin-left: 30%
}
.image-group-right-3 .bottom-media {
margin-left: 26%;
margin-top: -10%;
width: 60%;
float: right
}
.image-group-right-3 .left-media {
z-index: 11;
width: 60%;
margin-left: -40%;
margin-top: -50%
}
.image-group-bottom-3 > .left-img, .image-group-bottom-3 > a.left-img-anchor {
margin-left: 0;
margin-top: 10%;
width: 30%;
z-index: 11
}
.image-group-bottom-3 img {
position: relative;
max-width: 100%;
float: left
}
.image-group-bottom-3 > a.left-img-anchor {
float: left;
position: relative
}
.image-group-bottom-3 > .center-img, .image-group-bottom-3 > a.center-img-anchor {
margin-left: -16%;
max-width: 100%;
width: 70%
}
.image-group-bottom-3 > a.center-img-anchor {
float: left
}
.image-group-bottom-3 > .right-img, .image-group-bottom-3 > a.right-img-anchor {
margin-left: 60%;
margin-top: -30%;
width: 40%;
max-width: 100%
}
.image-group-bottom-3 > a.right-img-anchor {
float: left
}
div.image-group-side-3-img .leftimg, div.image-group-side-3-img .rightimg, div.image-group-side-3-img .topimg {
float: left;
display: inline-block;
position: relative;
max-width: 100%
}
div.image-group-side-3-img .leftimg a, div.image-group-side-3-img .leftimg img, div.image-group-side-3-img .rightimg a, div.image-group-side-3-img .rightimg img, div.image-group-side-3-img .topimg a, div.image-group-side-3-img .topimg img {
width: 100%
}
div.image-group-side-3-img .topimg {
width: 80%;
z-index: 10;
margin-left: 10%
}
div.image-group-side-3-img .rightimg {
margin-top: -25%;
width: auto;
width: 80%;
float: right
}
div.image-group-side-3-img a.right-img-anchor {
margin-top: -25%;
display: inline-block
}
div.image-group-side-3-img a.right-img-anchor img {
margin-top: 0
}
div.image-group-side-3-img .leftimg {
margin-top: -50%;
z-index: 11;
width: 60%
}
.image-group-bottom-3-img {
overflow: hidden
}
.image-group-bottom-3-img > img {
position: relative;
max-width: 100%
}
.image-group-bottom-3-img > .left-img, .image-group-bottom-3-img > .left-img-anchor {
margin-right: -10%;
width: 35%;
z-index: 0
}
.image-group-bottom-3-img > .center-img, .image-group-bottom-3-img > .center-img-anchor {
max-width: 100%;
width: 42%;
z-index: 1
}
.image-group-bottom-3-img > .right-img, .image-group-bottom-3-img > .right-img-anchor {
margin-left: -10%;
max-width: 100%;
width: 35%
}
.image-group-bottom-3-img > a > img, .image-group-bottom-3-img > div > img {
display: block;
width: 100%
}
.subscribe-form input, .subscribe-form select, .subscribe-form textarea {
display: inline-block;
width: auto
}
.subscribe-form .form-item, .subscribe-form form {
margin-bottom: 0
}
.subscribe-form input[type=submit] {
margin-left: 20px
}
.subscribe-form input[type=email] {
min-width: 220px
}
.subscribe-form .mc4wp-form-fields {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center
}
.lightbox-video {
background-position: center;
background-size: cover;
min-height: 379px;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
margin-top: 9px;
width: 95%;
}
.lightbox-video.lightbox-video-tall {
min-height: 400px
}
.fa.video-icon {
color: #fff;
font-size: 4.44em;
padding: 0 10px
}
.flexbox img {
flex: 0 0 auto
}
.col-relative {
position: relative
}
.col-xs-padding-medium {
padding-left: 5%;
padding-right: 5%
}
.col-xs-padding-large {
padding-left: 10%;
padding-right: 10%
}
.col-xs-margin-medium {
margin: 5%
}
.col-xs-margin-large {
margin: 10%
}
.border-large {
border-color: #fff
}
.border-medium {
border: 5px solid #fff
}
i.fa.icon.round, img.round {
border-radius: 100%
}
.force-shadow {
box-shadow: 0 0 3px 0 rgba(189, 189, 189, .4), 0 2px 3px 0 rgba(189, 189, 189, .3), 0 2px 3px rgba(0, 0, 0, .08)
}
.inner-shadow {
box-shadow: inset 0 0 10px rgba(189, 189, 189, .4)
}
.translate-cols-y-large > :nth-child(2n) {
transform: translateY(-20%)
}
.content-section-spacing, .content-section-spacing-top {
padding-top: 48px
}
.content-section-spacing, .content-section-spacing-bottom {
padding-bottom: 48px
}
svg.section-separator-bottom path, svg.section-separator-top path {
background-color: #03a9f4
}
svg.section-separator-bottom path.svg-white-bg, svg.section-separator-top path.svg-white-bg {
fill: #03a9f4
}
.content-section-spacing-medium {
padding-top: 40px;
padding-bottom: 40px
}
.content-section-spacing-small {
padding-top: 1.5rem;
padding-bottom: .5rem
}
.content-section {
text-align: center
}
.content-section > div:not([class*=gridContainer]):not([class*=separator]) {
padding-left: 15px;
padding-right: 15px
}
.content-section > div:not([class*=gridContainer]):not([class*=separator]) .full-no-padding {
padding-left: 0;
padding-right: 0
}
.content-section a {
display: inline-block
}
.content-section p {
display: block
}
.space-bottom {
margin-bottom: 2rem
}
.sidebar .widget, .space-bottom-small, .v-spacing {
margin-bottom: 1rem
}
.space-top {
margin-top: 2rem
}
.space-top-small, .v-spacing {
margin-top: 1rem
}
.v-spacing.medium {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.v-spacing.large {
margin-top: 2rem;
margin-bottom: 2rem
}
svg.section-separator-bottom, svg.section-separator-top {
display: block;
margin-left: -1%;
max-height: 100%;
width: 102%;
height: 100%
}
svg.section-separator-top[data-separator-name*="-negative"] {
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg)
}
svg.section-separator-bottom:not([data-separator-name*="-negative"]) {
transform: rotateX(180deg)
}
div.section-separator-bottom {
bottom: 0;
margin-bottom: -1px
}
div.section-separator-top {
top: 0;
margin-top: -1px
}
.content-placeholder-p {
padding: 80px 20px;
background: rgba(255, 255, 255, .54);
text-align: center;
font-weight: 700;
font-size: .8em;
color: #000 !important;
max-width: 80%;
margin: auto
}
img.icon {
width: 6rem
}
img.icon.comment-meta, img.icon.comment-reply-link, img.icon.small {
width: 1.4rem
}
img.icon.big {
width: 8rem
}
img.icon.large {
width: 10rem
}
img.desaturate {
filter: grayscale(100%);
opacity: .6;
transition: 1s all
}
img.desaturate:hover {
filter: grayscale(0);
opacity: 1
}
i.fa {
color: #acb7c3
}
i.fa.icon {
font-size: 2rem;
line-height: 1.125em;
margin-bottom: .5625em;
text-align: center
}
i.fa.icon.comment-meta, i.fa.icon.comment-reply-link, i.fa.icon.small {
font-size: 1.4rem
}
i.fa.icon.big {
font-size: 2.5rem
}
i.fa.icon.large {
font-size: 3.2rem
}
i.fa.icon.bordered, i.fa.icon.card[class*=bottom-border-] {
border: 2px solid #03a9f4;
line-height: 2.125em;
width: calc(2.125em + 4px)
}
i.fa.icon.bordered.reverse, i.fa.icon.reverse.card[class*=bottom-border-] {
background-color: transparent !important;
padding: 0
}
i.fa.icon.bordered.reverse:before, i.fa.icon.reverse.card[class*=bottom-border-]:before {
min-width: 1em;
min-height: 1em;
display: block;
line-height: 1
}
i.fa.icon.big.card[class*=bottom-border-], i.fa.icon.bordered.big {
font-size: 2.3rem
}
i.fa.icon.bordered.large, i.fa.icon.large.card[class*=bottom-border-] {
font-size: 3.2rem
}
i.fa.icon.reverse {
color: #fff;
background-color: #03a9f4;
padding: .5em;
font-size: 1.8rem;
width: 2.142857146875em;
height: 2.142857146875em;
line-height: 1.205357146875em
}
i.fa.icon.reverse:before {
display: block
}
i.fa.icon.reverse.comment-meta, i.fa.icon.reverse.comment-reply-link, i.fa.icon.reverse.small {
font-size: 1.3rem
}
i.fa.icon.reverse.big {
font-size: 2.3rem
}
i.fa.icon.reverse.large {
font-size: 3.5rem
}
i.fa.icon.reverse.color-white {
color: #d5d5d5
}
a i.fa, a.icon-link i.fa {
color: inherit
}
a.icon-link {
text-decoration: none;
display: inline-block
}
a.icon-link i.fa.icon {
display: block;
border-radius: 100%;
margin-right: .5rem;
margin-bottom: 0
}
hr.small-line {
height: .25rem;
width: 4.375rem;
display: inline-block;
background-color: #03a9f4
}
.full-title-col {
max-width: 1170px
}
.full-height-row {
height: 100%
}
.no-gutter-col {
padding-left: 0;
padding-right: 0
}
.gallery-items-wrapper a, .gallery-items-wrapper dl, .gallery-items-wrapper dt, .gallery-items-wrapper img {
margin-bottom: 0;
display: block;
width: 100%
}
.gallery-items-wrapper dt a {
display: block;
overflow: hidden
}
.circle-counter {
position: relative
}
.circle-counter circle {
stroke-dashoffset: 0;
stroke: transparent;
stroke-width: 4px
}
.circle-counter .circle-svg {
position: relative;
z-index: 0;
width: 100%;
border-radius: 100%;
max-height: none;
display: block;
transform: rotateZ(-90deg)
}
.circle-counter .circle-bar {
stroke-dashoffset: 301.6px
}
.circle-counter .circle-content {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
left: 0;
z-index: 1;
text-align: center
}
[data-countup]:before {
display: block;
content: attr(data-max-computed);
visibility: hidden;
height: 0;
overflow: hidden
}
.subscribe-form input[type=submit] {
height: auto;
font-family: "Open Sans";
font-size: .75rem;
color: #fff;
background-color: #03a9f4;
border-radius: 5px;
min-width: 7rem;
padding: .55rem 1.5rem;
font-weight: 600;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
cursor: pointer;
display: inline-block;
border: 2px solid #03a9f4;
vertical-align: middle;
-webkit-appearance: none;
margin-bottom: 0;
line-height: 1
}
.subscribe-form input[type=submit] i {
position: relative;
top: 1px;
margin: 0 2px
}
.subscribe-form input[type=submit]:hover {
outline: 0;
text-decoration: none;
color: #fff;
background-color: #2ebcfc;
border-color: #2ebcfc
}
.subscribe-form input[type=submit].disabled, .subscribe-form input[type=submit]:disabled, .subscribe-form input[type=submit]:disabled[disabled] {
cursor: default;
font-style: normal;
color: rgba(255, 255, 255, .7);
background-color: rgba(3, 169, 244, .7);
border-color: rgba(3, 169, 244, .7);
padding: .55rem 1.5rem
}
.subscribe-form input[type=submit].disabled:hover, .subscribe-form input[type=submit]:disabled:hover, .subscribe-form input[type=submit]:disabled[disabled]:hover {
color: #fff
}
.subscribe-form input[type=submit] .button-icon {
font-size: 1.5em;
margin-right: .25em;
vertical-align: middle
}
[data-ovid], [data-section-ov] {
position: relative
}
[data-ovid] > *, [data-section-ov] > * {
z-index: 1;
position: relative
}
[data-ovid]:before, [data-section-ov]:before {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0
}
.top-right-triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 0 70px 70px 0;
border-color: transparent;
display: inline-block;
position: relative
}
.top-right-triangle.color1 {
border-right-color: #03a9f4
}
.top-right-triangle.color2 {
border-right-color: #FF9800
}
.top-right-triangle.color3 {
border-right-color: #fbc02d
}
.top-right-triangle.color4, .top-right-triangle.color5 {
border-right-color: #8c239f
}
.top-right-triangle i.fa {
position: absolute;
top: 11.67px;
right: -53.85px;
color: #fff
}
.top-right-triangle.comment-meta, .top-right-triangle.comment-reply-link, .top-right-triangle.small {
border-width: 0 35px 35px 0
}
.top-right-triangle.comment-meta i.fa, .top-right-triangle.comment-reply-link i.fa, .top-right-triangle.small i.fa {
top: 5.83px;
right: -30.17px
}
div.section-separator-bottom, div.section-separator-top {
width: 100%;
max-width: 100%;
overflow-x: hidden;
position: absolute;
z-index: 0;
height: 10%;
display: flex
}
.content-relative, .contentswap-effect {
position: relative
}
.content-relative > * {
position: relative;
z-index: 1
}
@media (max-width:767px) {
.page-content .page-sidebar-column {
order: 2
}
.subscribe-form input[type=email] {
min-width: unset;
text-align: center;
padding: 0
}
.subscribe-form input[type=submit] {
margin-left: auto
}
.hide-xs {
display: none !important
}
.navigation-c, .section-title-col > :last-child, .space-bottom-xs {
margin-bottom: 2rem
}
.space-bottom-small-xs {
margin-bottom: 1rem
}
.space-top-xs {
margin-top: 2rem
}
.space-top-small-xs {
margin-top: 1rem
}
.content-section > .row:not(.no-spacing) > div:not(.no-gutter-col), .content-section > div:not(.gridContainer) > .row:not(.no-spacing) > div:not(.no-gutter-col) {
padding-top: 2rem;
padding-bottom: 2rem
}
.col-padding-xs {
padding: 2rem
}
.col-padding-small-xs, .sidebar .widget {
padding: 1rem
}
}
.row[class*=col-] {
margin-left: 0;
margin-right: 0
}
@media (min-width:768px) {
.content-section-spacing {
padding-top: 64px;
padding-bottom: 64px
}
.content-section {
text-align: left
}
.full-col-left-padding {
padding-left: 8%
}
.full-col-right-padding {
padding-right: 8%
}
.full-title-col {
margin: auto
}
.col-padding {
padding: 2rem
}
.col-padding-small, .sidebar .widget {
padding: 1rem
}
.gridContainer .full-col-left-padding, .gridContainer .full-col-right-padding {
padding-left: 15px;
padding-right: 15px
}
.overlap-left-large, .overlap-x-large {
margin-left: -30%
}
.overlap-right-large {
margin-right: -30%
}
.col-sm-padding-medium {
padding: 3rem 5%
}
.col-sm-padding-large {
padding: 0rem 10%
}
.col-sm-margin-medium {
margin: 5%
}
.col-sm-margin-large {
margin: 10%
}
}
.checked li:before, .stared li:before {
font-family: FontAwesome;
font-weight: 400;
padding-right: .1rem;
font-size: .75em;
line-height: 2rem
}
.contentswap-effect .overlay, .contentswap-effect .swap-inner {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%
}
.contentswap-effect .initial-image img {
display: block;
margin: 0;
width: 100%;
max-width: none
}
.contentswap-effect .overlay {
z-index: 1
}
.contentswap-effect .swap-inner {
z-index: 2
}
.contentswap-effect.hover .swap-inner {
opacity: 1
}
.contentswap-effect.hover .overlay {
opacity: .2
}
.contentswap-effect.visible .overlay, .contentswap-effect:hover .overlay {
opacity: .7
}
.contentswap-effect.visible .swap-inner, .contentswap-effect:hover .swap-inner {
opacity: 1
}
.row.spaced-cols {
margin-bottom: -30px
}
.row.spaced-cols.space-bottom {
margin-bottom: 0
}
.spaced-cols > div {
margin-bottom: 30px
}
.checked li:before {
content: '\2713'
}
.checked.decoration-color1 li:before {
color: #03a9f4
}
.checked.decoration-color2 li:before {
color: #FF9800
}
.checked.decoration-color3 li:before {
color: #fbc02d
}
.checked.decoration-color4 li:before {
color: #8c239f
}
.checked.decoration-color5 li:before {
color: #ff3369
}
.checked.inverted {
color: #fff !important
}
.stared li:before {
content: '\2726'
}
.stared.decoration-color1 li:before {
color: #03a9f4
}
.stared.decoration-color2 li:before {
color: #FF9800
}
.stared.decoration-color3 li:before {
color: #fbc02d
}
.stared.decoration-color4 li:before {
color: #8c239f
}
.stared.decoration-color5 li:before {
color: #ff3369
}
.stared.inverted {
color: #fff !important
}
.shadow {
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .11);
border: 1px solid #E3E4E5
}
.shadow-small {
box-shadow: 0 0 3px 0 rgba(189, 189, 189, .4), 0 2px 3px 0 rgba(189, 189, 189, .3), 0 2px 3px rgba(0, 0, 0, .08)
}
.shadow-medium {
box-shadow: 0 4px 10px 0 rgba(74, 74, 74, .3), 0 4px 10px rgba(0, 0, 0, .08)
}
.shadow-large {
box-shadow: 0 10px 30px 0 rgba(189, 189, 189, .3), 0 10px 30px rgba(0, 0, 0, .08)
}
.shadow-large-black {
box-shadow: 0 10px 30px 0 rgba(49, 52, 57, .3), 0 10px 30px rgba(0, 0, 0, .08)
}
.card {
padding: 24px 40px;
}
.card.small-padding {
padding: 24px
}
.card.large-padding {
padding: 48px
}
.card.no-padding {
padding: 0 0 1rem
}
.card.row-card, .section-title-col {
padding-right: 15px;
padding-left: 15px
}
.card.bordered, .card[class*=bottom-border-], .post-item table.card {
box-shadow: none;
border: 1px solid #e0e1e1
}
.card.bordered.y-move, .card.y-move[class*=bottom-border-], .post-item table.card.y-move {
transition: all .2s
}
.card.bordered.y-move:hover, .card.y-move[class*=bottom-border-]:hover, .post-item table.card.y-move:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(189, 189, 189, .19), 0 6px 6px rgba(189, 189, 189, .23)
}
.card.transparent {
background: 0 0;
border: 1px solid #e0e1e1
}
.card.rounded {
border-radius: 10px
}
.card[class*=bottom-border-] {
border-bottom: 0px solid transparent
}
.card.shadow {
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .11);
border: 1px solid #E3E4E5
}
.card.shadow-small {
box-shadow: 0 0 3px 0 rgba(189, 189, 189, .4), 0 2px 3px 0 rgba(189, 189, 189, .3), 0 2px 3px rgba(0, 0, 0, .08)
}
.card.shadow-medium {
box-shadow: 0 4px 10px 0 rgba(74, 74, 74, .3), 0 4px 10px rgba(0, 0, 0, .08)
}
.card.shadow-large {
box-shadow: 0 10px 30px 0 rgba(189, 189, 189, .3), 0 10px 30px rgba(0, 0, 0, .08)
}
.card.shadow-large-black {
box-shadow: 0 10px 30px 0 rgba(49, 52, 57, .3), 0 10px 30px rgba(0, 0, 0, .08)
}
.card.bottom-border-color1 {
border-bottom-color: #03a9f4
}
.card.bottom-border-color2 {
border-bottom-color: #FF9800
}
.card.bottom-border-color3 {
border-bottom-color: #fbc02d
}
.card.bottom-border-color4 {
border-bottom-color: #8c239f
}
.card.bottom-border-color5 {
border-bottom-color: #ff3369
}
.card.bottom-border-color6 {
border-bottom-color: #343a40
}
.card.bottom-border-color-black {
border-bottom-color: #000
}
.card.bottom-border-color-white {
border-bottom-color: #fff
}
.card.card-color1 {
background-color: #03a9f4
}
.card.card-color2 {
background-color: #FF9800
}
.card.card-color3 {
background-color: #fbc02d
}
.card.card-color4 {
background-color: #8c239f
}
.card.card-color5 {
background-color: #ff3369
}
.card.card-color6 {
background-color: #343a40
}
.card.card-color-black {
background-color: #000
}
.card.card-color-white {
background-color: #fff
}
.card.bg-color1 {
background-color: #03a9f4
}
.card.bg-color2 {
background-color: #FF9800
}
.card.bg-color3 {
background-color: #fbc02d
}
.card.bg-color4 {
background-color: #8c239f
}
.card.bg-color5 {
background-color: #ff3369
}
.card.bg-color6 {
background-color: #343a40
}
.card.bg-color-black {
background-color: #000
}
.card.bg-color-white {
background-color: #fff
}
[class*=border-color] {
border: 2px solid
}
.border-color1 {
border-color: #03a9f4
}
.border-color2 {
border-color: #FF9800
}
.border-color3 {
border-color: #fbc02d
}
.border-color4 {
border-color: #8c239f
}
.border-color5 {
border-color: #ff3369
}
.border-color6 {
border-color: #343a40
}
.border-color-black {
border-color: #000
}
.border-color-white {
border-color: #fff
}
.section-title-col-white-text .section-title-col *, .white-text, .white-text .section-title-col * {
color: #fff
}
.dark-text, .dark-text .section-title-col *, .section-title-col-dark-text .section-title-col * {
color: #4a4a4a
}
dl dt, table th {
color: #3C424F
}
.section-title-col {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
text-align: center;
margin: auto
}
@media (min-width:768px) {
.content-section-spacing {
padding-top: 80px;
padding-bottom: 80px
}
.section-title-col {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
-webkit-flex-basis: 83.33333%;
-moz-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
.section-title-col > :last-child:not(.button) {
margin-bottom: 2rem
}
}
@media (min-width:1228px) {
.section-title-col {
max-width: 1024px
}
}
table th {
background-color: #f8f8f8
}
.mesmerize-google-maps {
min-height: 400px
}
.mesmerize-google-maps.mesmerize-frame-map {
width: 100%;
height: 100%;
display: block
}
.contact-form-wrapper {
text-align: center
}
.contact-form-wrapper input[type=date], .contact-form-wrapper input[type=email], .contact-form-wrapper input[type=tel], .contact-form-wrapper input[type=text], .contact-form-wrapper input[type=url], .contact-form-wrapper select, .contact-form-wrapper textarea {
background-color: #FFF;
box-shadow: inset 0 0 0 1px rgba(102, 113, 123, .25), inset 0 1px 2px 0 rgba(102, 113, 123, .21);
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.contact-form-wrapper input[type=date][class*=wpcf7-], .contact-form-wrapper input[type=email][class*=wpcf7-], .contact-form-wrapper input[type=tel][class*=wpcf7-], .contact-form-wrapper input[type=text][class*=wpcf7-], .contact-form-wrapper input[type=url][class*=wpcf7-], .contact-form-wrapper select[class*=wpcf7-], .contact-form-wrapper textarea[class*=wpcf7-] {
margin-top: .45833rem
}
.contact-form-wrapper textarea {
min-height: 180px;
height: 180px;
min-width: 100%;
max-width: 100%
}
.contact-form-wrapper label {
font-family: Muli, sans-serif;
font-weight: 700
}
.contact-form-wrapper input[type=submit] {
font-family: "Open Sans";
font-size: .75rem;
color: #fff;
background-color: #03a9f4;
border-radius: 5px;
min-width: 7rem;
padding: .55rem 1.5rem;
font-weight: 600;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
cursor: pointer;
border: 2px solid #03a9f4;
vertical-align: middle;
-webkit-appearance: none;
margin-left: auto;
margin-right: 0;
height: auto;
display: block;
margin-bottom: 0;
line-height: 1.2rem
}
.contact-form-wrapper input[type=submit] i {
position: relative;
top: 1px;
margin: 0 2px
}
.contact-form-wrapper input[type=submit]:hover {
outline: 0;
text-decoration: none;
color: #fff;
background-color: #2ebcfc;
border-color: #2ebcfc
}
.contact-form-wrapper input[type=submit].disabled, .contact-form-wrapper input[type=submit]:disabled, .contact-form-wrapper input[type=submit]:disabled[disabled] {
cursor: default;
font-style: normal;
color: rgba(255, 255, 255, .7);
background-color: rgba(3, 169, 244, .7);
border-color: rgba(3, 169, 244, .7);
padding: .55rem 1.5rem
}
.contact-form-wrapper input[type=submit].disabled:hover, .contact-form-wrapper input[type=submit]:disabled:hover, .contact-form-wrapper input[type=submit]:disabled[disabled]:hover {
color: #fff
}
.contact-form-wrapper input[type=submit] .button-icon {
font-size: 1.5em;
margin-right: .25em;
vertical-align: middle
}
.contact-form-wrapper form {
margin-top: 0;
margin-bottom: 0
}
.contact-form-wrapper form[class*=wpcf7-] p:last-of-type {
margin-bottom: 0
}
.contact-form-wrapper .wpcf7-response-output[role=alert], .contact-form-wrapper div.wpcf7-validation-errors {
background-color: #ff8066;
border: none;
color: #fff;
font-size: .77em;
padding: 5px 10px
}
.contact-form-wrapper .wpcf7-mail-sent-ok[role=alert] {
background-color: #3F464C
}
.contact-form-wrapper div.wpcf7 .ajax-loader {
background-color: rgba(255, 255, 255, .86);
background-position: center;
background-repeat: no-repeat;
border-radius: 100%;
display: block;
height: 32px;
margin-left: 13px;
margin-top: -38px;
opacity: 0;
pointer-events: none;
position: absolute;
transition: all .4s;
width: 32px
}
.contact-form-wrapper span.wpcf7-not-valid-tip {
color: red;
font-size: 10px;
font-weight: 700;
display: block
}
@media (min-width:768px) {
.contact-form-wrapper {
text-align: left
}
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(1), .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(2) {
display: block;
width: 50%;
max-width: 50%;
float: left
}
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(1) {
padding-right: 15px
}
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(2) {
padding-left: 15px
}
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(2):after {
clear: both
}
div.content-left-sm {
text-align: left
}
.comment-author div.content-left-sm .fn, div.content-left-sm .comment-author .fn, div.content-left-sm h1, div.content-left-sm h2, div.content-left-sm h3, div.content-left-sm h4, div.content-left-sm h5, div.content-left-sm h6, div.content-left-sm img, div.content-left-sm p {
margin-left: 0;
margin-right: auto;
text-align: left
}
div.content-left-sm .icon {
margin-left: 0;
margin-right: auto
}
div.content-center-sm {
text-align: center
}
.comment-author div.content-center-sm .fn, div.content-center-sm .comment-author .fn, div.content-center-sm [data-type=group], div.content-center-sm h1, div.content-center-sm h2, div.content-center-sm h3, div.content-center-sm h4, div.content-center-sm h5, div.content-center-sm h6, div.content-center-sm img, div.content-center-sm p {
text-align: center;
margin-left: auto;
margin-right: auto
}
div.content-center-sm .icon, div.content-center-sm img {
margin-left: auto;
margin-right: auto;
text-align: center
}
div.content-right-sm {
text-align: right
}
.comment-author div.content-right-sm .fn, div.content-right-sm .comment-author .fn, div.content-right-sm [data-type=group], div.content-right-sm h1, div.content-right-sm h2, div.content-right-sm h3, div.content-right-sm h4, div.content-right-sm h5, div.content-right-sm h6, div.content-right-sm img, div.content-right-sm p {
margin-right: 0;
margin-left: auto;
text-align: right
}
div.content-right-sm .icon {
margin-right: 0;
margin-left: auto
}
}
.social-icons-group, a[data-fancybox] {
display: inline-block
}
.social-icons-group {
margin-bottom: 1rem;
line-height: 1em;
min-height: 0
}
.social-icons-group i.fa, .social-icons-group > * {
margin-bottom: 0
}
@media (min-width:767px) {
[data-content-shortcode] .post-content.card {
padding-bottom: 1rem
}
}
.wpforms-form button[type=submit].wpforms-submit.comment-meta, .wpforms-form button[type=submit].wpforms-submit.comment-reply-link, .wpforms-form button[type=submit].wpforms-submit.small {
min-width: 4rem;
font-weight: 400
}
.wpforms-form button[type=submit].wpforms-submit.big {
min-width: 10rem
}
.wpforms-form button[type=submit].wpforms-submit.color-white, .wpforms-form button[type=submit].wpforms-submit.color-white:hover {
color: #313439;
background-color: #fff;
border-color: #fff
}
.wpforms-form button[type=submit].wpforms-submit.color-white.disabled, .wpforms-form button[type=submit].wpforms-submit.color-white:disabled {
color: rgba(49, 52, 57, .7);
background-color: rgba(255, 255, 255, .7);
border-color: rgba(255, 255, 255, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color-white.outline {
background: 0 0;
color: #fff;
border-color: #fff
}
.wpforms-form button[type=submit].wpforms-submit.color-white.outline:hover {
border-color: rgba(255, 255, 255, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color-white.outline.disabled, .wpforms-form button[type=submit].wpforms-submit.color-white.outline:disabled {
background: 0 0;
color: rgba(255, 255, 255, .7);
border-color: rgba(255, 255, 255, .5)
}
.wpforms-form button[type=submit].wpforms-submit.color-black {
color: #fff;
background-color: #000;
border-color: #000
}
.wpforms-form button[type=submit].wpforms-submit.color-black:hover {
color: #fff;
background-color: #1a1a1a;
border-color: #1a1a1a
}
.wpforms-form button[type=submit].wpforms-submit.color-black.disabled, .wpforms-form button[type=submit].wpforms-submit.color-black:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(0, 0, 0, .7);
border-color: rgba(0, 0, 0, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color-black.outline {
background: 0 0;
color: #000;
border-color: #000
}
.wpforms-form button[type=submit].wpforms-submit.color-black.outline:hover {
border-color: rgba(0, 0, 0, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color-black.outline.disabled, .wpforms-form button[type=submit].wpforms-submit.color-black.outline:disabled {
background: 0 0;
color: rgba(0, 0, 0, .7);
border-color: rgba(0, 0, 0, .5)
}
.wpforms-form button[type=submit].wpforms-submit.white, .wpforms-form button[type=submit].wpforms-submit.white:hover {
color: #313439;
background-color: #fff;
border-color: #fff
}
.wpforms-form button[type=submit].wpforms-submit.white.disabled, .wpforms-form button[type=submit].wpforms-submit.white:disabled {
color: rgba(49, 52, 57, .7);
background-color: rgba(255, 255, 255, .7);
border-color: rgba(255, 255, 255, .7)
}
.wpforms-form button[type=submit].wpforms-submit.white.outline {
background: 0 0;
color: #fff;
border-color: #fff
}
.wpforms-form button[type=submit].wpforms-submit.white.outline:hover {
border-color: rgba(255, 255, 255, .7)
}
.wpforms-form button[type=submit].wpforms-submit.white.outline.disabled, .wpforms-form button[type=submit].wpforms-submit.white.outline:disabled {
background: 0 0;
color: rgba(255, 255, 255, .7);
border-color: rgba(255, 255, 255, .5)
}
.wpforms-form button[type=submit].wpforms-submit.black {
color: #fff;
background-color: #000;
border-color: #000
}
.wpforms-form button[type=submit].wpforms-submit.black:hover {
color: #fff;
background-color: #1a1a1a;
border-color: #1a1a1a
}
.wpforms-form button[type=submit].wpforms-submit.black.disabled, .wpforms-form button[type=submit].wpforms-submit.black:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(0, 0, 0, .7);
border-color: rgba(0, 0, 0, .7)
}
.wpforms-form button[type=submit].wpforms-submit.black.outline {
background: 0 0;
color: #000;
border-color: #000
}
.wpforms-form button[type=submit].wpforms-submit.black.outline:hover {
border-color: rgba(0, 0, 0, .7)
}
.wpforms-form button[type=submit].wpforms-submit.black.outline.disabled, .wpforms-form button[type=submit].wpforms-submit.black.outline:disabled {
background: 0 0;
color: rgba(0, 0, 0, .7);
border-color: rgba(0, 0, 0, .5)
}
.wpforms-form button[type=submit].wpforms-submit.color1 {
color: #fff;
background-color: #03a9f4;
border-color: #03a9f4
}
.wpforms-form button[type=submit].wpforms-submit.color1:hover {
color: #fff;
background-color: #2ebcfc;
border-color: #2ebcfc
}
.wpforms-form button[type=submit].wpforms-submit.color1.disabled, .wpforms-form button[type=submit].wpforms-submit.color1:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(3, 169, 244, .7);
border-color: rgba(3, 169, 244, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color1.outline {
background: 0 0;
color: #03a9f4;
border-color: #03a9f4
}
.wpforms-form button[type=submit].wpforms-submit.color1.outline:hover {
border-color: rgba(3, 169, 244, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color1.outline.disabled, .wpforms-form button[type=submit].wpforms-submit.color1.outline:disabled {
background: 0 0;
color: rgba(3, 169, 244, .7);
border-color: rgba(3, 169, 244, .5)
}
.wpforms-form button[type=submit].wpforms-submit.color2 {
color: #fff;
background-color: #FF9800;
border-color: #FF9800
}
.wpforms-form button[type=submit].wpforms-submit.color2:hover {
color: #fff;
background-color: #ffad33;
border-color: #ffad33
}
.wpforms-form button[type=submit].wpforms-submit.color2.disabled, .wpforms-form button[type=submit].wpforms-submit.color2:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(255, 152, 0, .7);
border-color: rgba(255, 152, 0, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color2.outline {
background: 0 0;
color: #FF9800;
border-color: #FF9800
}
.wpforms-form button[type=submit].wpforms-submit.color2.outline:hover {
border-color: rgba(255, 152, 0, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color2.outline.disabled, .wpforms-form button[type=submit].wpforms-submit.color2.outline:disabled {
background: 0 0;
color: rgba(255, 152, 0, .7);
border-color: rgba(255, 152, 0, .5)
}
.wpforms-form button[type=submit].wpforms-submit.color3 {
color: #fff;
background-color: #fbc02d;
border-color: #fbc02d
}
.wpforms-form button[type=submit].wpforms-submit.color3:hover {
color: #fff;
background-color: #fccf5f;
border-color: #fccf5f
}
.wpforms-form button[type=submit].wpforms-submit.color3.disabled, .wpforms-form button[type=submit].wpforms-submit.color3:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(251, 192, 45, .7);
border-color: rgba(251, 192, 45, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color3.outline {
background: 0 0;
color: #fbc02d;
border-color: #fbc02d
}
.wpforms-form button[type=submit].wpforms-submit.color3.outline:hover {
border-color: rgba(251, 192, 45, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color3.outline.disabled, .wpforms-form button[type=submit].wpforms-submit.color3.outline:disabled {
background: 0 0;
color: rgba(251, 192, 45, .7);
border-color: rgba(251, 192, 45, .5)
}
.wpforms-form button[type=submit].wpforms-submit.color4 {
color: #fff;
background-color: #8c239f;
border-color: #8c239f
}
.wpforms-form button[type=submit].wpforms-submit.color4:hover {
color: #fff;
background-color: #b12cc9;
border-color: #b12cc9
}
.wpforms-form button[type=submit].wpforms-submit.color4.disabled, .wpforms-form button[type=submit].wpforms-submit.color4:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(140, 35, 159, .7);
border-color: rgba(140, 35, 159, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color4.outline {
background: 0 0;
color: #8c239f;
border-color: #8c239f
}
.wpforms-form button[type=submit].wpforms-submit.color4.outline:hover {
border-color: rgba(140, 35, 159, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color4.outline.disabled, .wpforms-form button[type=submit].wpforms-submit.color4.outline:disabled {
background: 0 0;
color: rgba(140, 35, 159, .7);
border-color: rgba(140, 35, 159, .5)
}
.wpforms-form button[type=submit].wpforms-submit.color5 {
color: #fff;
background-color: #ff3369;
border-color: #ff3369
}
.wpforms-form button[type=submit].wpforms-submit.color5:hover {
color: #fff;
background-color: #ff668f;
border-color: #ff668f
}
.wpforms-form button[type=submit].wpforms-submit.color5.disabled, .wpforms-form button[type=submit].wpforms-submit.color5:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(255, 51, 105, .7);
border-color: rgba(255, 51, 105, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color5.outline {
background: 0 0;
color: #ff3369;
border-color: #ff3369
}
.wpforms-form button[type=submit].wpforms-submit.color5.outline:hover {
border-color: rgba(255, 51, 105, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color5.outline.disabled, .wpforms-form button[type=submit].wpforms-submit.color5.outline:disabled {
background: 0 0;
color: rgba(255, 51, 105, .7);
border-color: rgba(255, 51, 105, .5)
}
.wpforms-form button[type=submit].wpforms-submit.color6 {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.wpforms-form button[type=submit].wpforms-submit.color6:hover {
color: #fff;
background-color: #4b545c;
border-color: #4b545c
}
.wpforms-form button[type=submit].wpforms-submit.color6.disabled, .wpforms-form button[type=submit].wpforms-submit.color6:disabled {
color: rgba(255, 255, 255, .7);
background-color: rgba(52, 58, 64, .7);
border-color: rgba(52, 58, 64, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color6.outline {
background: 0 0;
color: #343a40;
border-color: #343a40
}
.wpforms-form button[type=submit].wpforms-submit.color6.outline:hover {
border-color: rgba(52, 58, 64, .7)
}
.wpforms-form button[type=submit].wpforms-submit.color6.outline.disabled, .wpforms-form button[type=submit].wpforms-submit.color6.outline:disabled {
background: 0 0;
color: rgba(52, 58, 64, .7);
border-color: rgba(52, 58, 64, .5)
}
.wpforms-form button[type=submit].wpforms-submit.square {
border-radius: 0
}
.wpforms-form button[type=submit].wpforms-submit.white-text {
color: #fff !important
}
.wpforms-form button[type=submit].wpforms-submit.dark-text {
color: #313439 !important
}
.wpforms-form button[type=submit].wpforms-submit.y-move {
transition: all .2s
}
.wpforms-form button[type=submit].wpforms-submit.y-move:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(189, 189, 189, .19), 0 6px 6px rgba(189, 189, 189, .23)
}
.content-section .wpforms-confirmation-container-full * {
color: inherit
}
.content-section h1, .content-section p, .header-description-row h1, .header-description-row p {
display: block
}
.content-section h1 span > a, .content-section h1 span > a:hover, .content-section h1 > a, .content-section h1 > a:hover, .content-section p span > a, .content-section p span > a:hover, .content-section p > a, .content-section p > a:hover, .header-description-row h1 span > a, .header-description-row h1 span > a:hover, .header-description-row h1 > a, .header-description-row h1 > a:hover, .header-description-row p span > a, .header-description-row p span > a:hover, .header-description-row p > a, .header-description-row p > a:hover {
color: inherit;
}
.content-section h1 span > a:hover, .content-section h1 > a:hover, .content-section p span > a:hover, .content-section p > a:hover, .header-description-row h1 span > a:hover, .header-description-row h1 > a:hover, .header-description-row p span > a:hover, .header-description-row p > a:hover {
text-shadow: 0 0 0 currentColor
}
.mesmerize-language-switcher.after-menu {
background-color: #fff;
border-radius: 4px 0 0 4px;
right: 0;
position: fixed;
top: 80px;
display: inline-block;
z-index: 10000;
list-style: none;
margin-left: 0;
padding: 0;
-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
margin-bottom: 0
}
.mesmerize-language-switcher.after-menu select {
display: block;
margin: 10px
}
ul.mesmerize-language-switcher.after-menu > li {
display: none;
float: left;
padding: 14px 8px;
font-size: 0;
line-height: 0
}
ul.mesmerize-language-switcher.after-menu.hover > li, ul.mesmerize-language-switcher.after-menu:hover > li, ul.mesmerize-language-switcher.after-menu > li.current-lang {
display: block
}
ul.mesmerize-language-switcher.after-menu span {
display: none
}
.baner-jdd {
background-image: url("/wp-content/uploads/2024/12/jdd_bg_2025.jpg");
background-size: cover;
background-position: center top;
min-height: 830px;
}
.claim-jdd {
top: 221px;
width: 100%;
z-index: 3;
}
.kosmonauta {
padding-top: 160px !important;
padding-bottom: 20px;
}
.footer {
background-image: url("/wp-content/uploads/2024/12/footer-jdd.jpg");
background-color: #151515 !important;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
padding-bottom: 80px;
padding-top: 370px;
min-height: 1190px;
}
.footer .footer-content {
background-color: transparent !important;
border: 0px !important;
}
.claim-jdd {
text-transform: uppercase;
line-height: 70px;
font-size: 66px;
font-weight: 400;
margin-top: 14px;
font-family: century-gothic, sans-serif;
}
.data-jdd {
font-size: 28px;
color: white;
font-family: century-gothic, sans-serif;
}
.m-btn {
display: block;
background-color: rgba(22, 250, 249, 1);
background-image: linear-gradient(90deg, rgba(22, 250, 249, 1) 0%, rgba(2, 93, 148, 1) 100%);
border: 0px solid #ff7300;
padding: 15px 30px;
text-decoration: none;
color: #fff;
font-size: 18px;
border-radius: 30px;
font-weight: 700;
width: 321px;
position: relative;
margin-top: 45px;
transition: all .3s;
}
.m-btn:hover {
box-shadow: 0 6px 3px 4px rgba(0, 0, 0, .4);
transition: all .3s;
}
a.m-btn:hover {
color: white !important;
transition: all .3s;
}
.m-btn:hover img {
transform: translateX(10px);
transition: all .3s;
}
.m-btn img{
position: absolute;
right: 25px;
transition: all .3s;
}
.m-btn .text {
}
.m-btn, .m-btn:active, .m-btn:focus, .m-btn:hover, .m-btn:visited {
outline: none;
color: #09142C;
font-size: 30px !important;
font-family: "all-round-gothic", sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
text-transform: uppercase !important;
}
.why-bg {
/*background-image: url("/wp-content/uploads/2023/07/why-join-tlo.jpg");
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
*/
}
.why-bg-inner {
background: rgb(25,12,56);
background: linear-gradient(90deg, rgba(25,12,56,1) 0%, rgba(10,30,54,1) 100%);
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
}
.why-txt {
padding: 50px 70px;
}
body h2 {
font-size: 75px !important;
font-family: "all-round-gothic", sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
text-transform: uppercase !important;
line-height: 68px !important;
}
.naglowek-h3 {
font-size: 45px !important;
font-family: "all-round-gothic", sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
text-transform: uppercase !important;
line-height: 45px !important;
color:white !important;
}
.rozowy {
color: #F7717A !important;
}
.blog-section .card {
height: 100%;
padding: 0;
padding-bottom: 0px;
-webkit-border-radius: 38px !important;
-moz-border-radius: 38px !important;
border-radius: 38px !important;
}
.blog-section .card {
height: 100%;
padding: 0;
padding-bottom: 0px;
width: 343px !important;
margin: auto;
background-color: #1A0B39;
border: 0px !important;
}
h3.post-title {
color: white !important;
font-size: 20px !important;
font-family: "all-round-gothic", sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: 130%;
min-height: 104px;
}
.post-content p {
min-height: 144px;
}
div.content-left-sm p {
color: white !important;
}
.col-md-4.space-bottom.space-bottom-xs {
max-width: 27.3%;
}
.cunt-number {
color: white;
font-family: "century-gothic", sans-serif;font-size: 81px;
font-weight: 800 !important;
}
h5.color2 {
color: #fff !important;
font-family: "century-gothic", sans-serif;font-weight: 700 !important;
border: 1px solid #16FAF9 !important;
padding: 20px;
margin-top: 25px;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;
}
.edition-title {
margin-bottom: 40px !important;
margin-top: 66px;
}
.edition-cont {
padding: 50px 10px;
}
.foot-inner-bg {
background-color: #1A0B39 !important;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;
padding: 40px;
}
.p-number-cunt {
margin-top: 40px;
}
#post-2519 > .post-content {
background-color: rgba(247, 120, 127, 1);
background-image: linear-gradient(180deg, rgba(247, 120, 127, 1) 0%, rgba(250, 51, 82, 1) 100%);
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
}
#post-2519 .read-more {
background-color: rgba(247, 120, 127, 1);
background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%) !important;
color: #F7717A !important;
}
.niebieski {
color: #0AA2C0;
}
.fiolet {
color: #B40766;
}
.future-p {
color: white;
font-family: Lato, Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
text-transform: none !important;
font-size: 14px;
line-height: 140%;
margin-bottom: 40px !important;
}
.about-us-p {
color: white;
font-size: 22px !important;
font-family: "all-round-gothic", sans-serif !important;
font-weight: 300 ;
font-style: italic;
margin-top: 90px;
margin-bottom: 50px;
line-height: 136%;
}
img.they-talk-logo {
max-height: 60px;
}
.they-talk-cont {
position: relative;
width: 343px !important;
margin: auto;
background-color: rgba(26, 11, 57, 1);
background-image: linear-gradient(160deg, rgba(26, 11, 57, 1) 0%, rgba(9, 31, 54, 1) 100%);
border: 0px !important;
-webkit-border-radius: 38px !important;
-moz-border-radius: 38px !important;
border-radius: 38px !important;
margin-top: 70px !important;
max-width: 27.3%;
margin: auto;
padding: 20px;
}
.quote-img {
position: absolute;
top: -50px;
left: 35%;
}
.footer {
color: #fff !important;
font-family: "century-gothic", sans-serif;}
.name-foot {
text-transform: uppercase;
font-size: 20px;
}
.position-foot {
font-size: 10px;
display: block;
background-color: rgba(180, 7, 102, 1);
background-image: linear-gradient(90deg, rgba(180, 7, 102, 1) 0%, rgba(212, 70, 117, 1) 100%);
color: white;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
margin-top: 11px !important;
margin-bottom: 14px !important;
width: 50%;
margin: auto;
text-transform: uppercase;
line-height: 22px;
}
.mobile-foot {
font-size: 15px;
color: white;
line-height: 14px;
}
.email-foot a {
font-size: 15px;
color: white;
text-decoration: none !important;
line-height: 14px;
}
.proidea-p-foot {
font-size: 15px;
color: white;
line-height: 23px;
}
.foot-proidea-cont {
margin-top: 40px;
}
.logo-proidea-foot {
max-height: 50px;
}
.ticket-menu {
background-color: #B30763;
color: white;
-webkit-border-radius: 29px;
-moz-border-radius: 29px;
border-radius: 29px;
}
.miejsce-jdd {
font-size: 18px;
color: white;
font-family: century-gothic, sans-serif;
margin-left: 5px;
}
.cfp-btn {
display: block;
background-color: rgba(247, 120, 127, 1);
background-image: linear-gradient(90deg, rgba(247, 120, 127, 1) 0%, rgba(250, 51, 82, 1) 100%);
border: 0px solid #ff7300;
padding: 15px 30px;
text-decoration: none;
color: #fff;
font-size: 30px;
border-radius: 30px;
font-weight: 700;
width: 321px;
position: relative;
margin-top: 14px;
transition: all .3s;
color: #09142C;
font-size: 30px !important;
font-family: "all-round-gothic", sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
text-transform: uppercase !important;
}
.cfp-btn:hover {
box-shadow: 0 6px 3px 4px rgba(0, 0, 0, .4);
transition: all .3s;
}
a.cfp-btn:hover {
color: white !important;
transition: all .3s;
}
.cfp-btn:hover img {
transform: translateX(10px);
transition: all .3s;
}
.cfp-btn img{
position: absolute;
right: 25px;
transition: all .3s;
}
.widget a {
color: #B40766 !important;
}
.post-content-inner a {
color: #B40766 !important;
text-decoration: none;
}
.width-1000 {
max-width: 1000px;
margin: auto;
}
.post-list-item {
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
}
.numbers-navigation span.current {
background-color: #09132c !important;
border-radius: 50%;
border: 1px solid #09132c !important;
}
.numbers-navigation a:hover {
border: 1px solid #09132c !important;
border-radius: 50%;
background-color: transparent !important;
}
a.page-numbers {
color: white
}
.next-navigation a {
border-color: #09132c !important;
color: #09132c !important;
}
.name-program {
color: white;
font-family: "century-gothic", sans-serif;font-weight: 800 !important;
font-size: 60px !important;
}
.marg-left-40 {padding-left: 50px}
.mobile_top {display:none}
/* MOBILE VERSION */
@media (max-width:765px) {
.mobile_top {
display: block;
padding: 0px;
}
.desktop_top {display:none}
.kosmonauta {
padding-top: 103px !important;
}
.claim-jdd {
line-height: 37px;
font-size: 32px;
margin-bottom: -5px;
}
.data-jdd {
font-size: 27px;
margin: 15px 0px;
}
.miejsce-jdd {
font-size: 16px;
}
.baner-jdd {
min-height: 685px;
}
.why-txt {
padding: 30px 30px;
text-align: left;
}
.why-bg-inner {
margin-left: 4px;
margin-right: 4px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.edition-in-number {
background-color: rgba(247, 120, 127, 1) !important;
background-image: linear-gradient(180deg, rgba(247, 120, 127, 1) 0%, rgba(250, 51, 82, 1) 100%) !important;
-webkit-border-radius: 16px !important;
-moz-border-radius: 16px !important;
border-radius: 16px !important;
}
.lightbox-video {
background-position: center;
background-size: cover;
min-height: 208px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
margin-top: 3px;
width: 100%;
margin-bottom: 20px;
}
body h2 {
font-size: 53px !important;
line-height: 55px !important;
}
.bracket-left {display:none}
.bracket-right {display:none}
.edition-title {
margin-bottom: 57px !important;
margin-top: 0px;
}
.naglowek-h3 {
font-size: 38px !important;
}
[data-id="counters--1"] {
padding-top: 6px;
padding-bottom: 16px;
}
h5.color2 {
color: #fff !important;
font-family: "century-gothic", sans-serif;font-weight: 700 !important;
border: 1px solid #fff !important;
padding: 8px;
margin-top: 24px;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;
margin-bottom: 20px;
}
.col-md-4.space-bottom.space-bottom-xs {
max-width: inherit;
}
.rozowy {color: white}
.read-more {
margin-top: 0px;
}
.post-content p {
min-height: auto;
margin-bottom: 40px;
}
h3.post-title {
min-height: auto;
}
.button-post {
width: 100%
}
.button-post {
padding: 15px 50px;
text-decoration: none;
color: #fff;
text-align: left;
font-size: 21px;
border-radius: 30px;
width: 100%px;
position: relative;
margin-top: 25px;
}
.they-talk-cont {
width: 100% !important;
max-width: 90%;
-webkit-border-radius: 16px !important;
-moz-border-radius: 16px !important;
border-radius: 16px !important;
}
.footer {
background-image: url("/wp-content/uploads/2023/07/footer-jdd.jpg");
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
padding-bottom: 40px;
padding-top: 0px;
min-height: inherit;
}
.foot-inner-bg {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
#post-2270 > .post-content {
background-color: #1A0B39 !important;
background-image: none !important;
}
.dark-overlay > * {
position: absolute;
z-index: 1;
top: 35%;
left: 45%;
margin: -2.22em 0 0 -2.22em;
}
#counters {
padding-top: 0px;
padding-bottom: 20px;
}
.rozowy {color: white !important}
.m-btn {
width: 91%;
margin: auto;
margin-top: 20px;
}
.cfp-btn {
width: 91%;
margin: auto;
margin-top: 20px;
}
div.content-left-sm p {
color: white !important;
text-align: left;
}
h3.post-title {
text-align: left;
}
.gridContainer.footer-jdd {
margin: 0px 15px !important;
}
.post-thumbnail img {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.blog-section .card {
width: 100% !important;
}
#offcanvas-wrapper {
background-color: #09132c !important;
}
}/* END MOBILE VERSION */
.cont-box {
margin-top: 10px;
}
h4.we-do-h4 {
font-family: "century-gothic", sans-serif;
color: #fff !important;
text-transform: uppercase;
text-align: center;
font-size: 24px;
font-weight: 800
}