html {
font-family:sans-serif;
line-height:1.15;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}
body {
margin:0
}
article,
aside,
footer,
header,
nav,
section {
display:block
}
h1 {
font-size:2em;
margin:0.67em 0
}
figcaption,
figure,
main {
display:block
}
figure {
margin:1em 40px
}
hr {
box-sizing:content-box;
height:0;
overflow:visible
}
pre {
font-family:monospace, monospace;
font-size:1em
}
a {
background-color:transparent;
-webkit-text-decoration-skip:objects
}
a:active,
a:hover {
outline-width:0
}
abbr[title] {
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted
}
b,
strong {
font-weight:inherit
}
b,
strong {
font-weight:bolder
}
code,
kbd,
samp {
font-family:monospace, monospace;
font-size:1em
}
dfn {
font-style:italic
}
mark {
background-color:#ff0;
color:#000
}
small {
font-size:80%
}
sub,
sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub {
bottom:-0.25em
}
sup {
top:-0.5em
}
audio,
video {
display:inline-block
}
audio:not([controls]) {
display:none;
height:0
}
img {
border-style:none
}
svg:not(:root) {
overflow:hidden
}
button,
input,
optgroup,
select,
textarea {
font-family:sans-serif;
font-size:100%;
line-height:1.15;
margin:0
}
button,
input {
overflow:visible
}
button,
select {
text-transform:none
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance:button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em
}
legend {
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}
progress {
display:inline-block;
vertical-align:baseline
}
textarea {
overflow:auto
}
[type="checkbox"],
[type="radio"] {
box-sizing:border-box;
padding:0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height:auto
}
[type="search"] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details,
menu {
display:block
}
summary {
display:list-item
}
canvas {
display:inline-block
}
template {
display:none
}
[hidden] {
display:none
} html {
color:#222;
font-size:1em;
line-height:1.4
}
::-moz-selection {
background:#b3d4fc;
text-shadow:none
}
::selection {
background:#b3d4fc;
text-shadow:none
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align:middle
}
fieldset {
border:0;
margin:0;
padding:0
}
textarea {
resize:vertical
}
.browserupgrade {
margin:0.2em 0;
background:#ccc;
color:#000;
padding:0.2em 0
}
.hidden {
display:none !important
}
.visuallyhidden {
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip:auto;
height:auto;
margin:0;
overflow:visible;
position:static;
width:auto
}
.invisible {
visibility:hidden
}
.clearfix:before,
.clearfix:after {
content:" ";
display:table
}
.clearfix:after {
clear:both
}
@media print {
*,
*:before,
*:after {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important
}
a,
a:visited {
text-decoration:underline
}
a[href]:after {
content:" (" attr(href) ")"
}
abbr[title]:after {
content:" (" attr(title) ")"
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content:""
}
pre,
blockquote {
border:1px solid #999;
page-break-inside:avoid
}
thead {
display:table-header-group
}
tr,
img {
page-break-inside:avoid
}
img {
max-width:100% !important
}
p,
h2,
h3,
body.single h1 {
orphans:3;
widows:3
}
h2,
h3,
body.single h1 {
page-break-after:avoid
}
}
html {
font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;
font-size:1em;
font-weight:400;
line-height:1.5;
text-align:left;
background-color:white;
color:#424242;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}
@media (max-width: 480px) {
html {
font-size:0.875em
}
}
* {
outline:0
}
h1,
.h1,
h2,
.h2,
h3,
body.single h1,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family:"Libre Baskerville","Helvetica Neue",Helvetica,Arial,sans-serif
}
h1,
.h1 {
font-weight:700;
font-size:2em;
line-height:1.2;
letter-spacing:10px;
margin-bottom:0.5em
}
@media (min-width: 768px) {
h1,
.h1 {
font-size:3em
}
}
h2,
.h2 {
font-size:1.75em;
font-weight:700;
line-height:1.2;
letter-spacing:3px;
margin:0.75em 0 0.25em
}
h2.section-heading,
.h2.section-heading {
text-align:center
}
h3,
body.single h1,
.h3 {
font-size:1.3125em;
font-weight:700;
line-height:1;
margin:1em 0 0.6875em;
letter-spacing:3px
}
h3.widget-heading,
body.single h1,
.h3.widget-heading,
body.single h1.h3 {
font-size:1.75em;
display:block;
position:relative;
border-bottom:1px solid #E0E0E0;
padding-bottom:.5em;
margin:.25em 0 1.5em
}
h3.widget-heading::after,
body.single h1::after,
.h3.widget-heading::after,
body.single h1.h3::after {
position:absolute;
content:"";
background-color:#00a651;
height:3px;
width:40px;
bottom:-1px;
left:0
}
h4 {
font-size:1.1em;
font-weight:700;
line-height:1.3125;
margin:0.5em 0 0.25em
}
h5 {
font-size:1em
}
h6 {
font-size:0.875em;
font-weight:400;
line-height:1;
letter-spacing:1px;
margin:0.625em 0 0.5em
}
ol {
padding-left:1.25em
}
ol li {
margin-bottom:.5em
}
p {
margin:0 0 1.5em
}
p a {
border-bottom:2px solid rgba(0,166,81,0.2)
}
p a:hover {
color:#00a651;
border-color:rgba(0,166,81,0.5)
}
a {
-webkit-transition:all ease 0.3s;
transition:all ease 0.3s;
color:#00a651;
text-decoration:none
}
a:hover {
color:#212121
}
strong {
font-weight:700
}
em,
blockquote {
font-style:italic
}
blockquote {
margin:0 0 1.5em;
padding:1em 2em;
background-color:#FAFAFA;
border:2px solid #eee
}
address {
font-style:normal
}
hr {
border:0;
border-top:1px solid #E0E0E0
}
figure {
max-width:100%
}
figure.wp-caption {
width:auto !important;
display:inline-block;
padding:1em;
background-color:#FAFAFA;
box-shadow:0 2px 3px rgba(0,0,0,0.25);
float:none
}
figure.wp-caption.alignnone {
margin-right:1em;
margin-bottom:0
}
figure.wp-caption img.size-thumbnail {
width:150px;
max-width:100%;
height:auto;
margin-right:0;
margin-bottom:1.5em
}
figure.wp-caption .wp-caption-text {
color:#616161
}
img {
-webkit-transition:all ease .3s;
transition:all ease .3s;
max-width:100%;
height:auto;
box-shadow:#000 0em 0em 0em
}
.text-overflow {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
#main-content.col-md-8 ul,
.cd-item-info ul {
position:relative
}
#main-content.col-md-8 ul li,
.cd-item-info ul li {
list-style-type:none
}
#main-content.col-md-8 ul li::before,
.cd-item-info ul li::before {
content:"\f00c";
font-family:FontAwesome;
position:absolute;
left:1em
}
#main-content h1,
#main-content .h1,
#main-content h2,
#main-content .h2,
#main-content h3,
#main-content body.single h1,
body.single #main-content h1,
#main-content .h3,
#main-content h4,
#main-content .h4,
#main-content h5,
#main-content .h5,
#main-content h6,
#main-content .h6 {
text-align:inherit !important
}
.alignnone {
margin:0
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto
}
.alignright {
float:right;
margin:5px 0 20px 20px
}
.alignleft {
float:left;
margin:5px 20px 20px 0
}
a img.alignright {
float:right;
margin:5px 0 20px 20px
}
a img.alignnone {
margin:5px 20px 20px 0
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}
.wp-caption {
text-align:center;
margin-bottom:1.5em
}
.wp-caption.alignnone {
margin:0 0 1.5em 0
}
.wp-caption.alignleft {
margin:5px 20px 20px 0
}
.wp-caption.alignright {
margin:5px 0 20px 20px
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
padding:0;
width:auto
}
.wp-caption .wp-caption-text {
color:#BDBDBD;
font-size:.8125em;
line-height:1.35;
margin:0;
padding:0 4px 5px
}
.screen-reader-text {
clip:rect(1px, 1px, 1px, 1px);
position:absolute !important;
height:1px;
width:1px;
overflow:hidden
}
.screen-reader-text:focus {
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
clip:auto !important;
color:#21759b;
display:block;
font-size:14px;
font-size:0.875rem;
font-weight:bold;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}
.h2 {
font-size:1.75rem;
margin-top:0
}
.primary-font {
font-family:"Roboto Condensed",Helvetica,Arial,sans-serif
}
.text-white {
color:white
}
.text-3x {
font-size:3rem
}
* {
box-sizing:border-box
}
*:before,
*:after {
box-sizing:border-box
}
.container {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px
}
@media (min-width: 768px) {
.container {
width:750px
}
}
@media (min-width: 992px) {
.container {
width:970px
}
}
@media (min-width: 1320px) {
.container {
width:1290px
}
}
.container-fluid {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px
}
.row {
margin-left:-15px;
margin-right:-15px
}
.row.nopadding .col-lg-4:first-child {
padding-left:0 !important
}
.row.nopadding .col-lg-4:nth-child(2) {
padding-left:7.5px;
padding-right:7.5px
}
.row.nopadding .col-lg-4:last-child {
padding-right:0 !important
}
@media (min-width: 768px) and (max-width: 991px) {
.col-sm-6:nth-child(2n+1) {
clear:left
}
}
@media (min-width: 992px) and (max-width: 1319px) {
.col-md-4:nth-child(3n+1) {
clear:left
}
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position:relative;
min-height:1px;
padding-left:15px;
padding-right:15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float:left
}
.col-xs-12 {
width:100%
}
.col-xs-11 {
width:91.66666667%
}
.col-xs-10 {
width:83.33333333%
}
.col-xs-9 {
width:75%
}
.col-xs-8 {
width:66.66666667%
}
.col-xs-7 {
width:58.33333333%
}
.col-xs-6 {
width:50%
}
@media (max-width: 767px) {
.col-xs-6:nth-child(2n) {
padding-left:7.5px
}
.col-xs-6:nth-child(2n+1) {
padding-right:7.5px
}
.col-xs-6:nth-child(odd) {
clear:left
}
}
.col-xs-5 {
width:41.66666667%
}
.col-xs-4 {
width:33.33333333%
}
.col-xs-3 {
width:25%
}
.col-xs-2 {
width:16.66666667%
}
.col-xs-1 {
width:8.33333333%
}
.col-xs-pull-12 {
right:100%
}
.col-xs-pull-11 {
right:91.66666667%
}
.col-xs-pull-10 {
right:83.33333333%
}
.col-xs-pull-9 {
right:75%
}
.col-xs-pull-8 {
right:66.66666667%
}
.col-xs-pull-7 {
right:58.33333333%
}
.col-xs-pull-6 {
right:50%
}
.col-xs-pull-5 {
right:41.66666667%
}
.col-xs-pull-4 {
right:33.33333333%
}
.col-xs-pull-3 {
right:25%
}
.col-xs-pull-2 {
right:16.66666667%
}
.col-xs-pull-1 {
right:8.33333333%
}
.col-xs-pull-0 {
right:auto
}
.col-xs-push-12 {
left:100%
}
.col-xs-push-11 {
left:91.66666667%
}
.col-xs-push-10 {
left:83.33333333%
}
.col-xs-push-9 {
left:75%
}
.col-xs-push-8 {
left:66.66666667%
}
.col-xs-push-7 {
left:58.33333333%
}
.col-xs-push-6 {
left:50%
}
.col-xs-push-5 {
left:41.66666667%
}
.col-xs-push-4 {
left:33.33333333%
}
.col-xs-push-3 {
left:25%
}
.col-xs-push-2 {
left:16.66666667%
}
.col-xs-push-1 {
left:8.33333333%
}
.col-xs-push-0 {
left:auto
}
.col-xs-offset-12 {
margin-left:100%
}
.col-xs-offset-11 {
margin-left:91.66666667%
}
.col-xs-offset-10 {
margin-left:83.33333333%
}
.col-xs-offset-9 {
margin-left:75%
}
.col-xs-offset-8 {
margin-left:66.66666667%
}
.col-xs-offset-7 {
margin-left:58.33333333%
}
.col-xs-offset-6 {
margin-left:50%
}
.col-xs-offset-5 {
margin-left:41.66666667%
}
.col-xs-offset-4 {
margin-left:33.33333333%
}
.col-xs-offset-3 {
margin-left:25%
}
.col-xs-offset-2 {
margin-left:16.66666667%
}
.col-xs-offset-0 {
margin-left:0%
}
@media (max-width: 768px) {
.col-xs-offset-1 {
margin-left:8.33333333%
}
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float:left
}
.col-sm-12 {
width:100%
}
.col-sm-11 {
width:91.66666667%
}
.col-sm-10 {
width:83.33333333%
}
.col-sm-9 {
width:75%
}
.col-sm-8 {
width:66.66666667%
}
.col-sm-7 {
width:58.33333333%
}
.col-sm-6 {
width:50%
}
.col-sm-5 {
width:41.66666667%
}
.col-sm-4 {
width:33.33333333%
}
.col-sm-3 {
width:25%
}
.col-sm-2 {
width:16.66666667%
}
.col-sm-1 {
width:8.33333333%
}
.col-sm-pull-12 {
right:100%
}
.col-sm-pull-11 {
right:91.66666667%
}
.col-sm-pull-10 {
right:83.33333333%
}
.col-sm-pull-9 {
right:75%
}
.col-sm-pull-8 {
right:66.66666667%
}
.col-sm-pull-7 {
right:58.33333333%
}
.col-sm-pull-6 {
right:50%
}
.col-sm-pull-5 {
right:41.66666667%
}
.col-sm-pull-4 {
right:33.33333333%
}
.col-sm-pull-3 {
right:25%
}
.col-sm-pull-2 {
right:16.66666667%
}
.col-sm-pull-1 {
right:8.33333333%
}
.col-sm-pull-0 {
right:auto
}
.col-sm-push-12 {
left:100%
}
.col-sm-push-11 {
left:91.66666667%
}
.col-sm-push-10 {
left:83.33333333%
}
.col-sm-push-9 {
left:75%
}
.col-sm-push-8 {
left:66.66666667%
}
.col-sm-push-7 {
left:58.33333333%
}
.col-sm-push-6 {
left:50%
}
.col-sm-push-5 {
left:41.66666667%
}
.col-sm-push-4 {
left:33.33333333%
}
.col-sm-push-3 {
left:25%
}
.col-sm-push-2 {
left:16.66666667%
}
.col-sm-push-1 {
left:8.33333333%
}
.col-sm-push-0 {
left:auto
}
.col-sm-offset-12 {
margin-left:100%
}
.col-sm-offset-11 {
margin-left:91.66666667%
}
.col-sm-offset-10 {
margin-left:83.33333333%
}
.col-sm-offset-9 {
margin-left:75%
}
.col-sm-offset-8 {
margin-left:66.66666667%
}
.col-sm-offset-7 {
margin-left:58.33333333%
}
.col-sm-offset-6 {
margin-left:50%
}
.col-sm-offset-5 {
margin-left:41.66666667%
}
.col-sm-offset-4 {
margin-left:33.33333333%
}
.col-sm-offset-3 {
margin-left:25%
}
.col-sm-offset-2 {
margin-left:16.66666667%
}
.col-sm-offset-1 {
margin-left:8.33333333%
}
.col-sm-offset-0 {
margin-left:0%
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float:left
}
.col-md-12 {
width:100%
}
.col-md-11 {
width:91.66666667%
}
.col-md-10 {
width:83.33333333%
}
.col-md-9 {
width:75%
}
.col-md-8 {
width:66.66666667%
}
.col-md-7 {
width:58.33333333%
}
.col-md-6 {
width:50%
}
.col-md-5 {
width:41.66666667%
}
.col-md-4 {
width:33.33333333%
}
.col-md-3 {
width:25%
}
.col-md-2 {
width:16.66666667%
}
.col-md-1 {
width:8.33333333%
}
.col-md-pull-12 {
right:100%
}
.col-md-pull-11 {
right:91.66666667%
}
.col-md-pull-10 {
right:83.33333333%
}
.col-md-pull-9 {
right:75%
}
.col-md-pull-8 {
right:66.66666667%
}
.col-md-pull-7 {
right:58.33333333%
}
.col-md-pull-6 {
right:50%
}
.col-md-pull-5 {
right:41.66666667%
}
.col-md-pull-4 {
right:33.33333333%
}
.col-md-pull-3 {
right:25%
}
.col-md-pull-2 {
right:16.66666667%
}
.col-md-pull-1 {
right:8.33333333%
}
.col-md-pull-0 {
right:auto
}
.col-md-push-12 {
left:100%
}
.col-md-push-11 {
left:91.66666667%
}
.col-md-push-10 {
left:83.33333333%
}
.col-md-push-9 {
left:75%
}
.col-md-push-8 {
left:66.66666667%
}
.col-md-push-7 {
left:58.33333333%
}
.col-md-push-6 {
left:50%
}
.col-md-push-5 {
left:41.66666667%
}
.col-md-push-4 {
left:33.33333333%
}
.col-md-push-3 {
left:25%
}
.col-md-push-2 {
left:16.66666667%
}
.col-md-push-1 {
left:8.33333333%
}
.col-md-push-0 {
left:auto
}
.col-md-offset-12 {
margin-left:100%
}
.col-md-offset-11 {
margin-left:91.66666667%
}
.col-md-offset-10 {
margin-left:83.33333333%
}
.col-md-offset-9 {
margin-left:75%
}
.col-md-offset-8 {
margin-left:66.66666667%
}
.col-md-offset-7 {
margin-left:58.33333333%
}
.col-md-offset-6 {
margin-left:50%
}
.col-md-offset-5 {
margin-left:41.66666667%
}
.col-md-offset-4 {
margin-left:33.33333333%
}
.col-md-offset-3 {
margin-left:25%
}
.col-md-offset-2 {
margin-left:16.66666667%
}
.col-md-offset-1-5 {
margin-left:12.45555555%
}
.col-md-offset-1 {
margin-left:8.33333333%
}
.col-md-offset-0 {
margin-left:0%
}
}
@media (min-width: 1320px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float:left
}
.col-lg-12 {
width:100%
}
.col-lg-11 {
width:91.66666667%
}
.col-lg-10 {
width:83.33333333%
}
.col-lg-9 {
width:75%
}
.col-lg-8 {
width:66.66666667%
}
.col-lg-7 {
width:58.33333333%
}
.col-lg-6 {
width:50%
}
.col-lg-5 {
width:41.66666667%
}
.col-lg-4 {
width:33.33333333%
}
.col-lg-3 {
width:25%
}
.col-lg-3:nth-child(4n+1) {
clear:left
}
.col-lg-2 {
width:16.66666667%
}
.col-lg-1 {
width:8.33333333%
}
.col-lg-pull-12 {
right:100%
}
.col-lg-pull-11 {
right:91.66666667%
}
.col-lg-pull-10 {
right:83.33333333%
}
.col-lg-pull-9 {
right:75%
}
.col-lg-pull-8 {
right:66.66666667%
}
.col-lg-pull-7 {
right:58.33333333%
}
.col-lg-pull-6 {
right:50%
}
.col-lg-pull-5 {
right:41.66666667%
}
.col-lg-pull-4 {
right:33.33333333%
}
.col-lg-pull-3 {
right:25%
}
.col-lg-pull-2 {
right:16.66666667%
}
.col-lg-pull-1 {
right:8.33333333%
}
.col-lg-pull-0 {
right:auto
}
.col-lg-push-12 {
left:100%
}
.col-lg-push-11 {
left:91.66666667%
}
.col-lg-push-10 {
left:83.33333333%
}
.col-lg-push-9 {
left:75%
}
.col-lg-push-8 {
left:66.66666667%
}
.col-lg-push-7 {
left:58.33333333%
}
.col-lg-push-6 {
left:50%
}
.col-lg-push-5 {
left:41.66666667%
}
.col-lg-push-4 {
left:33.33333333%
}
.col-lg-push-3 {
left:25%
}
.col-lg-push-2 {
left:16.66666667%
}
.col-lg-push-1 {
left:8.33333333%
}
.col-lg-push-0 {
left:auto
}
.col-lg-offset-12 {
margin-left:100%
}
.col-lg-offset-11 {
margin-left:91.66666667%
}
.col-lg-offset-10 {
margin-left:83.33333333%
}
.col-lg-offset-9 {
margin-left:75%
}
.col-lg-offset-8 {
margin-left:66.66666667%
}
.col-lg-offset-7 {
margin-left:58.33333333%
}
.col-lg-offset-6 {
margin-left:50%
}
.col-lg-offset-5 {
margin-left:41.66666667%
}
.col-lg-offset-4 {
margin-left:33.33333333%
}
.col-lg-offset-3 {
margin-left:25%
}
.col-lg-offset-2 {
margin-left:16.66666667%
}
.col-lg-offset-1 {
margin-left:8.33333333%
}
.col-lg-offset-0 {
margin-left:0%
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content:" ";
display:table
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear:both
}
.center-block {
display:block;
margin-left:auto;
margin-right:auto
}
.pull-right {
float:right !important
}
.pull-left {
float:left !important
}
.hide {
display:none !important
}
.show {
display:block !important
}
.invisible {
visibility:hidden
}
.hidden {
display:none !important;
visibility:hidden !important
}
.visible-xs {
display:none
}
@media only screen and (max-width: 767px) {
.visible-xs {
display:block
}
}
.visible-sm {
display:none
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display:block
}
}
.visible-md {
display:none
}
@media only screen and (min-width: 992px) and (max-width: 1319px) {
.visible-md {
display:block
}
}
.visible-lg {
display:none
}
@media only screen and (min-width: 1320px) {
.visible-lg {
display:block
}
}
@media only screen and (max-width: 767px) {
.hidden-xs {
display:none
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display:none
}
}
@media only screen and (min-width: 992px) and (max-width: 1319px) {
.hidden-md {
display:none
}
}
@media only screen and (min-width: 1320px) {
.hidden-lg {
display:none
}
}
.nopadding {
padding:0 !important;
margin:0 !important
}
.nopaddingleft {
padding-left:0
}
@media (max-width: 767px) {
.nopaddingleft {
padding-right:0
}
}
.nopaddingright {
padding-right:0
}
@media (max-width: 767px) {
.nopaddingright {
padding-left:0
}
}
.m-0 {
margin:0
}
.m-t-0 {
margin-top:0
}
.m-t-1 {
margin-top:1rem
}
.m-t-2 {
margin-top:2rem
}
.m-t-3 {
margin-top:3rem
}
.m-t-4 {
margin-top:4rem
}
.m-t-5 {
margin-top:5rem
}
.m-t-6 {
margin-top:6rem
}
.m-t-7 {
margin-top:7rem
}
.m-b-0 {
margin-bottom:0
}
.m-b-1 {
margin-bottom:1rem
}
.m-b-2 {
margin-bottom:2rem
}
.m-b-3 {
margin-bottom:3rem
}
.m-b-4 {
margin-bottom:4rem
}
.m-b-2 {
margin-bottom:2rem
}
.m-b-3 {
margin-bottom:3rem
}
.m-b-4 {
margin-bottom:4rem
}
.m-b-5 {
margin-bottom:5rem
}
.m-b-6 {
margin-bottom:6rem
}
.p-1 {
padding-top:1rem;
padding-left:1rem;
padding-bottom:1rem;
padding-right:1rem
}
.p-2 {
padding-top:2rem;
padding-left:2rem;
padding-bottom:2rem;
padding-right:2rem
}
.p-3 {
padding-top:3rem;
padding-left:3rem;
padding-bottom:3rem;
padding-right:3rem
}
.p-4 {
padding-top:4rem;
padding-left:4rem;
padding-bottom:4rem;
padding-right:4rem
}
.p-5 {
padding-top:5rem;
padding-left:5rem;
padding-bottom:5rem;
padding-right:5rem
}
.p-6 {
padding-top:6rem;
padding-left:6rem;
padding-bottom:6rem;
padding-right:6rem
}
.p-y-1 {
padding-top:1rem;
padding-bottom:1rem
}
.p-y-2 {
padding-top:2rem;
padding-bottom:2rem
}
.p-y-3 {
padding-top:3rem;
padding-bottom:3rem
}
.p-y-4 {
padding-top:4rem;
padding-bottom:4rem
}
.p-y-5 {
padding-top:5rem;
padding-bottom:5rem
}
.p-y-6 {
padding-top:6rem;
padding-bottom:6rem
}
.p-x-1 {
padding-left:1rem;
padding-right:1rem
}
.p-x-2 {
padding-left:2rem;
padding-right:2rem
}
.p-x-3 {
padding-left:3rem;
padding-right:3rem
}
.p-x-4 {
padding-left:4rem;
padding-right:4rem
}
.p-x-5 {
padding-left:5rem;
padding-right:5rem
}
.p-x-6 {
padding-left:6rem;
padding-right:6rem
}
.p-t-0 {
padding-top:0rem
}
.p-b-0 {
padding-bottom:0rem
}
.p-t-1 {
padding-top:1rem
}
.p-b-1 {
padding-bottom:1rem
}
.p-t-2 {
padding-top:2rem
}
.p-b-2 {
padding-bottom:2rem
}
.p-t-3 {
padding-top:3rem
}
.p-b-3 {
padding-bottom:3rem
}
.p-t-4 {
padding-top:4rem
}
.p-t-5 {
padding-top:5rem
}
.p-b-4 {
padding-bottom:4rem
}
.small-slider {
height:40vh
}
.medium-slider {
height:70vh
}
.large-slider {
height:90vh
}
.col-count-2 {
-webkit-column-count:2;
-moz-column-count:2;
column-count:2
}
@media only screen and (max-width: 600px) {
.col-count-2 {
-webkit-column-count:1;
-moz-column-count:1;
column-count:1
}
}
.pos-r-a-c {
position:relative;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.d-flex-col {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.d-flex-row {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
.d-flex-sb {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.d-flex-sa {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:distribute;
justify-content:space-around
}
.d-flex-ac {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.design-tabs {
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
@media only screen and (max-width: 992px) {
.design-tabs {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.design-content {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1 100;
flex:1 100;
background-color:transparent !important
}
.inline-block {
display:inline-block
}
@media (max-width: 767px) {
.hidden-sm-down {
display:none !important
}
}
@media (min-width: 768px) {
.hidden-md-up {
display:none !important
}
}
@media (max-width: 991px) {
.hidden-md-down {
display:none !important
}
}
.overflow-hidden {
overflow:hidden
}
.banner {
background:url(//www.aratedhomeimprovements.co.uk/wp-content/themes/coppernose/img/background.jpg);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:relative;
overflow:hidden
}
.banner:before {
content:"";
position:absolute;
bottom:-100px;
left:50%;
height:1500px;
width:320%;
border-radius:100%;
border:100px solid #fff;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.banner-lg {
height:calc(100vh - 146px)
}
.banner-content {
width:100%;
max-width:730px
}
.banner-lg .banner-content {
position:absolute;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
top:50%;
left:50%
}
.banner-sm .banner-content {
margin:0 auto;
padding-top:8rem;
padding-bottom:8rem;
position:relative
}
.clipped {
width:100%;
-webkit-clip-path:url(#clip);
clip-path:url(#clip)
}
.banner h1,
.banner h2 {
text-transform:uppercase
}
@media (max-width: 767px) {
.banner:before {
width:420% !important
}
.banner-content {
margin-top:2rem
}
.banner-lg h1,
.banner-lg h2 {
font-size:1.9rem !important
}
}
@media (min-width: 768px) {
.banner-lg {
height:calc(100vh - 73px)
}
.banner-lg h1,
.banner-lg h2 {
font-size:2.5rem
}
}
.banner-text-container {
background-color:#fff;
box-shadow:0px 10px 6px 0px rgba(0,0,0,0.12)
}
.accordion .panel-body {
padding:0.5em 1em
}
.accordion .panel-body p {
margin-bottom:1em
}
.accordion .panel-body p:last-of-type {
margin-bottom:0
}
.accordion .panel-title {
margin:0
}
.accordion .panel-title a {
display:block;
padding:.75em 1em;
background-color:#f5f5f5;
border:1px solid #eee;
color:#757575
}
.accordion .panel-title a:hover {
color:#424242
}
.accordion .panel-title a[aria-expanded="true"] {
color:#424242
}
.accordion-toggle {
cursor:pointer
}
.accordion-content {
display:none
}
.accordion-content.default {
display:block
}
.affix {
position:fixed;
top:0;
z-index:100
}
.affix-bottom {
position:absolute
}
.pos-a {
position:absolute
}
.pos-r {
position:relative
}
.pos-0-0 {
top:0;
left:0
}
.pos-y-center {
position:absolute;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
top:50%;
left:0
}
.pos-x-y-center {
position:absolute;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
top:50%;
left:50%
}
.pos-x-0-y-center {
position:absolute;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
top:50%;
left:0
}
.z-0 {
z-index:0
}
.z-1 {
z-index:1
}
.z-2 {
z-index:2
}
.animated {
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
animation-iteration-count:1;
-webkit-animation-iteration-count:1
}
.repeat-5 {
animation-iteration-count:5;
-webkit-animation-iteration-count:5
}
.delay-2s {
-webkit-animation-delay:2000ms;
animation-delay:2000ms
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px)
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
.bounce {
-webkit-animation-name:bounce;
animation-name:bounce
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
from {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
-webkit-transform:none;
transform:none
}
}
.bounceInLeft {
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft
}
body.home #breadcrumbs {
visibility:hidden;
position:fixed
}
body.home #breadcrumbs.affix {
visibility:visible
}
body.home #breadcrumbs p {
text-transform:none
}
body.home #breadcrumbs a {
padding-right:0
}
body.home #breadcrumbs a::before,
body.home #breadcrumbs a::after {
content:none
}
#breadcrumbs {
background-color:white;
box-shadow:0 2px 2px rgba(0,0,0,0.15);
border-top:1px solid #E0E0E0;
width:100%
}
#breadcrumbs p {
margin:0;
font-size:.875em;
float:left
}
#breadcrumbs p:not(.pull-right) {
text-transform:capitalize
}
#breadcrumbs span {
color:#757575
}
#breadcrumbs a {
-webkit-transition-property:color;
transition-property:color;
position:relative;
padding:1em 2em 1em 0;
margin-right:2em;
display:inline-block;
border:0;
font-weight:700;
color:#757575
}
#breadcrumbs a::before,
#breadcrumbs a::after {
content:"";
position:absolute;
height:2.0625em;
width:1px;
right:0;
background:#E0E0E0
}
#breadcrumbs a::before {
top:-2px;
-webkit-transform:rotate(-30deg);
transform:rotate(-30deg)
}
#breadcrumbs a::after {
bottom:-2px;
-webkit-transform:rotate(30deg);
transform:rotate(30deg)
}
#breadcrumbs .fa {
position:relative;
top:.04em
}
#breadcrumbs .fa:not(:last-of-type) {
margin-right:.25em
}
@media (min-width: 992px) {
#breadcrumbs .phone {
font-size:1.5em
}
#breadcrumbs .phone a {
padding:0;
top:.15em
}
#breadcrumbs .phone a .fa {
font-size:1rem;
top:0
}
}
#breadcrumbs .pull-right {
visibility:hidden;
opacity:0
}
#breadcrumbs .pull-right a {
padding-right:0;
margin-right:1em
}
#breadcrumbs .pull-right a:hover {
color:#BDBDBD
}
#breadcrumbs .pull-right a::before,
#breadcrumbs .pull-right a::after {
content:none
}
#breadcrumbs .pull-right span:last-of-type a {
margin-right:0
}
#breadcrumbs+#title {
box-shadow:0 2px 2px rgba(0,0,0,0.15)
}
#breadcrumbs.affix .pull-right {
visibility:visible;
opacity:1
}
@media (max-width: 991px) {
#breadcrumbs {
position:fixed;
top:0;
visibility:hidden;
opacity:0
}
#breadcrumbs p:not(.pull-right),
#breadcrumbs .social-icon {
display:none
}
#breadcrumbs .pull-right {
float:none !important;
text-align:center
}
#breadcrumbs.affix {
visibility:visible;
opacity:1
}
}
@media (min-width: 768px) {
#breadcrumbs.affix+#title {
margin-top:3em
}
.admin-bar #breadcrumbs.affix {
top:32px
}
}
.btn {
display:inline-block;
font-family:"Libre Baskerville","Helvetica Neue",Helvetica,Arial,sans-serif;
text-align:center;
text-transform:uppercase;
padding:calc(5px + 0.2vw);
font-size:calc(8px + 0.2vw)
}
.btn.btn-sm {
font-size:0.75em
}
.btn.btn-primary {
border:2px solid #00a651;
color:white;
background-color:#00a651
}
.btn.btn-primary:hover {
border:2px solid #eb4a24;
background:#eb4a24;
color:white
}
.btn.btn-primary-o {
border:2px solid #00a651;
color:#00a651;
margin-bottom:5px
}
.btn.btn-primary-o:hover {
border:2px solid #eb4a24;
color:#eb4a24
}
.btn.btn-white {
border:2px solid white;
color:#00a651;
background-color:white
}
.btn.btn-white:hover {
border:2px solid #E0E0E0;
background-color:#E0E0E0;
color:#00a651
}
.btn.btn-white-o {
border:2px solid white;
color:white
}
.btn.btn-white-o:hover {
background-color:white;
color:#00a651
}
.btn.btn-white-o.secondary:hover {
color:#eb4a24
}
.btn.btn-nav {
background:#F18065;
border-radius:5px;
color:white;
box-shadow:1px 1px 5px #7D7D7D
}
.btn.btn-nav:hover {
background:#eb4a24
}
@media (max-width: 991px) {
.btn-floating {
position:fixed;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease;
top:2%;
right:2rem;
z-index:999
}
.btn-floating.active .burger {
background:none
}
.btn-floating.active .burger:before {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:0;
left:0
}
.btn-floating.active .burger:after {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
bottom:0;
left:0
}
.btn-floating .btn-primary {
color:white;
background-color:#00a651;
border-radius:52px;
padding:14px 1rem 16px 1rem;
box-shadow:0 3px 16px rgba(0,0,0,0.15);
display:inline-block
}
.btn-floating .btn-primary:hover {
background:#eb4a24;
color:white
}
.btn-floating .burger {
background:#fff;
width:24px;
height:3px;
border-radius:2px;
display:inline-block;
position:relative;
top:-2px;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease
}
.btn-floating .burger:before {
content:"";
background:#fff;
width:24px;
height:3px;
border-radius:2px;
position:absolute;
top:-7px;
left:0;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease
}
.btn-floating .burger:after {
content:"";
background:#fff;
width:24px;
height:3px;
border-radius:2px;
position:absolute;
bottom:-7px;
left:0;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease
}
}
.carousel .item .btn {
font-size:0.875em;
color:white;
margin-right:.5em
}
.carousel .item .btn:hover {
opacity:0.75
}
.carousel .item .btn:nth-of-type(1) {
background-color:#00a651
}
.carousel .item .btn:nth-of-type(2) {
background-color:white;
color:#424242
}
.row-buttons .btn {
margin-left:1rem
}
.row-buttons .btn:first-of-type {
margin-left:0 !important
}
.green-box {
position:absolute;
z-index:10;
width:100%;
height:100%;
text-align:center;
-webkit-transition:content 2s, box-shadow 0.3s ease-in-out;
transition:content 2s, box-shadow 0.3s ease-in-out;
box-shadow:inset 0px -11px 0px 0px #6ebc44
}
.green-box:hover {
box-shadow:inset 0px -60px 0px 0px #6ebc44
}
.green-box:hover:hover:after {
content:'View';
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
bottom:6%;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
color:#fff;
font-weight:800;
letter-spacing:0.15rem
}
.blue-box {
position:absolute;
z-index:10;
width:100%;
height:100%;
text-align:center;
-webkit-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.3s ease-in-out;
box-shadow:inset 0px -11px 0px 0px #2eb7e9
}
.blue-box:hover {
box-shadow:inset 0px -60px 0px 0px #2eb7e9
}
.blue-box:hover:hover:after {
content:'View';
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
bottom:6%;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
color:#fff;
font-weight:800;
letter-spacing:0.15rem;
-webkit-transition:all 2s;
transition:all 2s
}
.pink-box {
position:absolute;
z-index:10;
width:100%;
height:100%;
text-align:center;
-webkit-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.3s ease-in-out;
box-shadow:inset 0px -11px 0px 0px #da60a3
}
.pink-box:hover {
box-shadow:inset 0px -60px 0px 0px #da60a3
}
.pink-box:hover:hover:after {
content:'View';
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
bottom:6%;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
color:#fff;
font-weight:800;
letter-spacing:0.15rem
}
.orange-box {
position:absolute;
z-index:10;
width:100%;
height:100%;
text-align:center;
-webkit-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.3s ease-in-out;
box-shadow:inset 0px -11px 0px 0px #f28821
}
.orange-box:hover {
box-shadow:inset 0px -60px 0px 0px #f28821
}
.orange-box:hover:hover:after {
content:'View';
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
bottom:6%;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
color:#fff;
font-weight:800;
letter-spacing:0.15rem
}
.green-border {
border-bottom:10px solid #6ebc44
}
.blue-border {
border-bottom:10px solid #2eb7e9
}
.pink-border {
border-bottom:10px solid #da60a3
}
.orange-border {
border-bottom:10px solid #f28821
}
.filter {
background-color:white
}
.grid-gallery-item {
background-size:cover !important;
background-position:center center !important;
background-repeat:no-repeat !important;
border:#fff 5px solid;
cursor:pointer
}
.gallery-item {
background-size:cover !important;
background-position:center center !important;
background-repeat:no-repeat !important;
border:#fff 5px solid;
cursor:pointer;
display:inline-block;
margin:0px
}
.gallery-item-image {
-o-object-fit:cover;
object-fit:cover;
width:100%;
position:absolute;
height:100%
}
.btn-group {
text-align:center
}
@media (min-width: 991px) {
.embed-responsive-2 {
position:relative;
display:block;
height:0;
padding:0;
overflow:hidden;
padding-bottom:40%
}
}
@media (max-width: 991px) {
.embed-responsive-2 {
padding:20% !important
}
}
.embed-responsive-3 {
position:relative;
display:block;
height:0;
padding:0;
overflow:hidden;
padding-bottom:33.6%
}
.col-ratio {
margin-bottom:24px
}
.col-ratio .ratio {
position:relative;
overflow:hidden
}
.col-ratio .ratio:after {
content:"";
display:block
}
.col-ratio .ratio:last-of-type {
margin-bottom:0 !important
}
.col-ratio .ratio img {
width:100%;
height:auto;
position:absolute;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
top:50%
}
.ratio-4-3:after {
padding-bottom:75%
}
.ratio-landscape:after {
padding-bottom:54.3956043956%
}
.ratio-portrait:after {
padding-bottom:128.3582089552%
}
.unslider,
.gallery-slider-wrap,
.unslider-wrap {
overflow:visible !important
}
.unslider-wrap.unslider-carousel>li {
opacity:0.5;
-webkit-transition:all 1s ease;
transition:all 1s ease
}
.unslider-wrap.unslider-carousel>li.unslider-active {
opacity:1
}
@media (max-width: 767px) {
.unslider-wrap.unslider-carousel>li {
padding:0 3rem
}
.unslider-wrap.unslider-carousel>li.unslider-active {
padding:0 1rem
}
}
@media (min-width: 768px) {
.unslider-wrap.unslider-carousel>li {
padding:0 6rem
}
.unslider-wrap.unslider-carousel>li.unslider-active {
padding:0 4rem
}
}
.unslider-wrap.unslider-carousel>li img {
border-radius:2px;
pointer-events:none
}
.fading-gallery-image {
height:50vh;
width:100%;
background-position:center;
background-size:cover
}
.slick-nav-slides {
margin:0 20px
}
.prev {
position:absolute;
left:0;
top:33%;
font-size:2rem;
color:#707070
}
.next {
position:absolute;
right:0;
top:33%;
font-size:2rem;
color:#707070
}
.slider-image {
width:100%;
position:relative
}
.slider-overlay:hover::after {
content:'View Fullsize Image';
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background-color:rgba(255,255,255,0.5);
opacity:1;
-webkit-transition:opacity 0.3s ease-in-out;
transition:opacity 0.3s ease-in-out;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:distribute;
justify-content:space-around;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:1.5rem;
text-transform:capitalize
}
.swiper-wrapper {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.gallery-head {
text-align:center
}
.btn-up-blue-o {
display:inline-block;
vertical-align:middle;
-webkit-transform:perspective(1px) translateZ(0);
transform:perspective(1px) translateZ(0);
box-shadow:0 0 1px transparent;
position:relative;
-webkit-transition-property:color;
transition-property:color;
-webkit-transition-duration:0.4s;
transition-duration:0.4s;
color:#2EB7E9;
border:1px solid #2EB7E9;
margin-bottom:10px
}
.btn-up-blue-o:before {
content:"";
position:absolute;
z-index:-1;
top:0;
left:0;
right:0;
bottom:0;
background:#2EB7E9;
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transition-property:transform;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
transition-property:transform;
transition-property:transform, -webkit-transform;
-webkit-transition-duration:0.4s;
transition-duration:0.4s;
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
.btn-up-blue-o:hover,
.btn-up-blue-o:focus,
.btn-up-blue-o:active {
color:white
}
.btn-up-blue-o:hover:before,
.btn-up-blue-o:focus:before,
.btn-up-blue-o:active:before {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
.btn-up-blue {
display:inline-block;
vertical-align:middle;
-webkit-transform:perspective(1px) translateZ(0);
transform:perspective(1px) translateZ(0);
box-shadow:0 0 1px transparent;
position:relative;
-webkit-transition-property:color;
transition-property:color;
-webkit-transition-duration:0.4s;
transition-duration:0.4s;
color:#fff;
background-color:#2EB7E9;
border:1px solid #2EB7E9;
margin-bottom:10px
}
.btn-up-blue:before {
content:"";
position:absolute;
z-index:-1;
top:0;
left:0;
right:0;
bottom:0;
background:#fff;
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transition-property:transform;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
transition-property:transform;
transition-property:transform, -webkit-transform;
-webkit-transition-duration:0.4s;
transition-duration:0.4s;
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
.btn-up-blue:hover,
.btn-up-blue:focus,
.btn-up-blue:active {
color:#2EB7E9
}
.btn-up-blue:hover:before,
.btn-up-blue:focus:before,
.btn-up-blue:active:before {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
.no-js .lazyload {
display:none
}
.lazyload {
opacity:0
}
.lazyloading {
opacity:1;
-webkit-transition:600ms opacity;
transition:600ms opacity;
min-height:35px;
min-width:35px
}
.loaded {
opacity:1 !important;
background:none
}
.intrinsic-ratio-box {
position:relative;
display:block;
width:100%
}
.intrinsic-ratio-helper {
display:block;
height:0;
width:100%;
padding-bottom:56.25%
}
.intrinsic-ratio-box img,
.intrinsic-ratio-box iframe,
.intrinsic-ratio-box video,
.intrinsic-ratio-box object,
.intrinsic-ratio-box .intrinsic-ratio-element {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
[data-expand].lazyload.intrinsic-ratio-box {
opacity:0;
-webkit-transform:scale(1.05) translateY(-10%);
transform:scale(1.05) translateY(-10%);
-webkit-transition:all 300ms;
transition:all 300ms
}
[data-expand].lazyloaded.intrinsic-ratio-box {
opacity:1;
-webkit-transition:all 300ms;
transition:all 300ms;
-webkit-transform:scale(1) translateY(0px);
transform:scale(1) translateY(0px)
}
#logo {
width:auto;
height:60px;
display:inline-block;
vertical-align:top;
float:left
}
#map {
position:relative
}
#map iframe {
pointer-events:none;
width:100%;
height:600px
}
@media (min-width: 768px) {
#map iframe {
height:450px !important
}
}
#map .pos-a {
width:100%;
height:100%
}
#map .container,
#map .container .row,
#map .container .row .col-xs-12 {
height:100%;
position:relative
}
.card-map {
background:#f7f7fa;
padding:2rem
}
.sr-only {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0, 0, 0, 0);
border:0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position:static;
width:auto;
height:auto;
margin:0;
overflow:visible;
clip:auto
}
.collapse {
display:none;
visibility:hidden
}
.collapse.in {
display:block;
visibility:visible
}
.collapsing {
position:relative;
height:0;
overflow:hidden;
-webkit-transition-property:height, visibility;
transition-property:height, visibility;
-webkit-transition-duration:0.35s;
transition-duration:0.35s;
-webkit-transition-timing-function:ease;
transition-timing-function:ease
}
.dropdown {
position:relative
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
outline:0;
cursor:pointer
}
.dropdown-toggle .fa {
padding-left:2px
}
.dropdown-menu {
position:absolute;
top:100%;
left:0;
z-index:10000;
display:none;
float:left;
padding:5px 0;
min-width:200px;
list-style:none;
text-align:left;
background-color:white;
box-shadow:0 4px 10px rgba(0,0,0,0.175);
background-clip:padding-box
}
.dropdown-menu a {
display:block;
padding:0.5em 2em;
white-space:normal;
color:#424242
}
.dropdown-menu a:hover {
color:#616161
}
.navbar .dropdown-menu {
min-width:240px
}
.navbar .dropdown .dropdown-menu {
-webkit-transition:opacity ease 0.5s;
transition:opacity ease 0.5s;
opacity:0
}
.navbar .dropdown:hover .dropdown-menu {
opacity:1;
display:block
}
#secondary-menu {
display:none
}
#navigation.dark {
background-color:white
}
@media (min-width: 992px) {
#navigation.float {
position:absolute !important;
width:100%;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
top:0;
z-index:100
}
#navigation.dark {
box-shadow:0 2px 2px rgba(0,0,0,0.15)
}
#secondary-menu {
width:100%;
background-color:rgba(0,0,0,0.5);
color:white;
z-index:101
}
#secondary-menu.affix {
display:block
}
.admin-bar #navigation.float {
top:32px
}
.admin-bar #secondary-menu {
top:32px
}
}
#navbar .dropdown:hover .dropdown-menu {
opacity:1;
visibility:visible
}
#navbar .dropdown .dropdown-menu {
-webkit-transition:none;
transition:none;
opacity:0;
visibility:hidden;
border-top:3px solid #00a651;
font-size:0.875em
}
#navbar .dropdown .dropdown-menu * {
-webkit-transition:none;
transition:none
}
#navbar .dropdown .dropdown-menu a:hover {
background-color:#FAFAFA
}
@media (max-width: 991px) {
#navbar .dropdown .dropdown-menu {
visibility:visible;
opacity:1;
position:relative;
display:block;
min-width:none;
list-style:circle;
box-shadow:none;
border:0;
float:none;
padding:0
}
#navbar .dropdown .dropdown-menu li {
margin-left:3em
}
#navbar .dropdown .dropdown-menu li a {
padding-left:0
}
}
.dropdown-menu.pull-right {
right:auto;
left:0
}
.dropdown-header {
padding:12px 0px;
display:block;
white-space:nowrap;
border-bottom:1px solid #dedede
}
@media (max-width: 991px) {
.dropdown-header {
border-bottom:1px solid rgba(255,255,255,0.25)
}
}
.dropdown-header:first-of-type {
padding-top:3px
}
.dropdown-header:last-of-type {
padding-bottom:3px;
border-bottom:0
}
.dropdown-header>a {
padding-left:20px
}
.dropdown-header>ul {
list-style:none;
padding:0
}
.dropdown-header>ul>li>a {
display:block;
padding:3px 20px;
clear:both;
white-space:nowrap
}
.dropdown-header>ul>li>a:hover,
.dropdown-header>ul>li>a:focus {
background-color:#F5F7F5
}
@media (max-width: 991px) {
.dropdown-header>ul>li>a:hover,
.dropdown-header>ul>li>a:focus {
background-color:rgba(255,255,255,0.05)
}
}
.dropdown-header ul>.current-menu-item>a,
.dropdown-header ul>.current-menu-item>a:hover,
.dropdown-header ul>.current-menu-item>a:focus {
outline:0;
background-color:#00a651
}
@media (max-width: 991px) {
.dropdown-header ul>.current-menu-item>a,
.dropdown-header ul>.current-menu-item>a:hover,
.dropdown-header ul>.current-menu-item>a:focus {
background-color:rgba(255,255,255,0.05)
}
}
.open>.dropdown-menu {
display:block
}
.open>a {
outline:0
}
.dropdown-menu-right {
left:0;
right:auto
}
.dropdown-menu-left {
left:0;
right:auto
}
.pull-right>.dropdown-menu {
right:auto;
left:0
}
.navbar-fixed-top {
top:0;
border-width:0 0 1px;
position:fixed;
right:0;
left:0;
z-index:1030
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top:0;
border-bottom:4px solid;
content:""
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top:auto;
bottom:100%;
margin-bottom:1px
}
@media (min-width: 992px) {
.navbar-right .dropdown-menu {
left:-1.5em;
right:auto
}
.navbar .navbar-right .dropdown-menu {
left:-0.75em
}
.navbar-right .dropdown-menu-left {
left:0;
right:auto
}
}
.nav {
font-family:"Libre Baskerville","Helvetica Neue",Helvetica,Arial,sans-serif;
margin-bottom:0;
padding-left:0;
list-style:none
}
.nav>li {
position:relative;
display:inline-block;
margin-right:1rem
}
.nav>li:last-of-type {
margin-right:0
}
@media (min-width: 992px) {
.nav>li.current-menu-item>a,
.nav>li.current-menu-ancestor>a {
color:white;
border-bottom:white 1px solid
}
}
.nav>li:last-of-type a {
margin-right:0
}
.nav>li>a {
position:relative;
display:block;
padding:28px 15px;
line-height:40px
}
@media (max-width: 991px) {
.nav>li>a {
padding:28px 10px
}
}
@media (max-width: 991px) {
.nav>li>a {
padding:4px 15px
}
}
@media (min-width: 992px) {
.nav>li>a {
line-height:1;
padding:0;
font-size:.75em;
color:white
}
.nav>li>a:hover {
color:#00a651
}
}
@media (min-width: 1320px) {
.nav>li>a {
font-size:0.9em
}
}
@media (min-width: 992px) {
#navigation.light .nav {
text-align:center
}
#navigation.light .nav>li>a {
color:rgba(255,255,255,0.8)
}
#navigation.light .nav>li>a:hover {
color:white
}
}
.nav .nav-divider {
height:1px;
margin:9px 0;
overflow:hidden;
background-color:transparent
}
.navbar {
position:relative
}
@media (min-width: 992px) {
.navbar .navbar-header {
float:left
}
.navbar .navbar-header a {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.navbar #navbar .nav {
min-height:0 !important
}
}
.navbar-collapse {
overflow-x:visible;
padding-right:15px;
padding-left:15px;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
-webkit-overflow-scrolling:touch
}
.navbar-collapse.in {
overflow-y:auto
}
@media (min-width: 992px) {
.navbar-collapse {
width:auto;
border-top:0;
box-shadow:none
}
.navbar-collapse.collapse {
display:block !important;
visibility:visible !important;
height:auto !important;
padding-bottom:0;
overflow:visible !important
}
.navbar-collapse.in {
overflow-y:visible
}
}
.container>.navbar-header,
.container>.navbar-collapse {
margin-right:-15px;
margin-left:-15px
}
@media (min-width: 992px) {
.container>.navbar-header,
.container>.navbar-collapse {
margin-right:0;
margin-left:0
}
}
.navbar-brand {
float:left;
display:inline-block
}
.navbar-toggle {
position:relative;
float:right;
margin-right:15px;
padding:9px 10px;
margin-top:24px;
margin-bottom:8px;
background-color:white;
background-image:none;
border:1px solid transparent;
border-radius:4px
}
.navbar-toggle:focus {
outline:0
}
.navbar-toggle .icon-bar {
display:block;
width:22px;
height:2px;
border-radius:1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top:4px
}
@media (min-width: 992px) {
.navbar-toggle {
display:none
}
}
@media (max-width: 991px) {
.navbar-nav {
margin-top:0;
padding-bottom:20px
}
.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
background-color:rgba(255,255,255,0.05);
border:0;
box-shadow:none
}
.navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding:5px 15px 5px 25px
}
}
@media (max-width: 991px) and (max-width: 991px) {
.navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding:5px 0px
}
}
@media (max-width: 991px) and (max-width: 991px) {
.navbar-nav .open .dropdown-menu>li>a {
padding-left:20px
}
}
@media (max-width: 991px) {
.navbar-nav .open .dropdown-menu>li>a {
line-height:20px
}
.navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-nav .open .dropdown-menu>li>a:focus {
background-image:none
}
}
@media (min-width: 992px) {
.navbar-nav {
float:right;
margin:0
}
}
.navbar-nav>li>.dropdown-menu {
margin-top:0;
border-top-right-radius:0;
border-top-left-radius:0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
border-top-right-radius:4px;
border-top-left-radius:4px;
border-bottom-right-radius:0;
border-bottom-left-radius:0
}
@media (min-width: 992px) {
.navbar-left {
float:left !important
}
.navbar-right {
float:right !important;
margin-right:-15px
}
.navbar-right ~ .navbar-right {
margin-right:0
}
}
.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
background-color:transparent
}
@media (max-width: 991px) {
.navbar .navbar-nav>.current-menu-item>a,
.navbar .navbar-nav>.current-menu-item>a:hover,
.navbar .navbar-nav>.current-menu-item>a:focus {
color:#00a651
}
}
@media (max-width: 991px) {
.navbar .navbar-nav>.current-menu-item>a,
.navbar .navbar-nav>.current-menu-item>a:hover,
.navbar .navbar-nav>.current-menu-item>a:focus,
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:hover,
.navbar .navbar-nav>.open>a:focus,
.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
border-bottom:none !important
}
}
.navbar .navbar-toggle {
border-color:#dddddd
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
background-color:#dddddd
}
.navbar .navbar-toggle .icon-bar {
background-color:#888888
}
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:hover,
.navbar .navbar-nav>.open>a:focus {
color:#00a651
}
@media (max-width: 991px) {
.navbar .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar .navbar-nav .open .dropdown-menu>li>a:focus {
background-color:transparent
}
.navbar .navbar-nav .open .dropdown-menu>.current-menu-item>a,
.navbar .navbar-nav .open .dropdown-menu>.current-menu-item>a:hover,
.navbar .navbar-nav .open .dropdown-menu>.current-menu-item>a:focus {
background-color:#e7e7e7
}
.navbar .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus {
background-color:transparent
}
}
.clearfix:before,
.clearfix:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
content:" ";
display:table
}
.clearfix:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after {
clear:both
}
@media (max-width: 991px) {
.nav-mobile {
padding-left:0;
list-style:none
}
.nav-mobile li {
font-size:1.2rem;
letter-spacing:1.5px;
margin-bottom:1.5rem
}
.nav-mobile li a {
color:#fff;
text-transform:uppercase;
font-family:"Libre Baskerville","Helvetica Neue",Helvetica,Arial,sans-serif
}
}
@media (min-width: 992px) {
#menu-header-menu {
margin-top:16px
}
}
#top-nav {
background-color:#f7f7f7
}
@media (max-width: 992px) {
#top-nav {
display:none
}
}
#top-nav .nav-fa {
color:#707070 !important
}
#top-nav .nav-email,
#top-nav .nav-phone {
color:#707070
}
#top-nav .top-navbar {
float:left;
margin:0;
padding:0.2vh
}
#top-nav .nav-social {
padding:10px;
float:right
}
#top-nav .nav-social-link {
padding:10px;
color:#707070;
font-size:0.9rem
}
#top-nav .nav-social-link:hover {
color:#00a651
}
#top-nav .nav {
display:inline-block;
margin:0
}
#top-nav .top-navbar {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
#top-nav .nav-phone:hover {
color:#00a651
}
#top-nav .nav-email:hover {
color:#00a651
}
#menu-header-menu {
margin:0
}
#menu-header-menu a {
color:#707070
}
#menu-header-menu a:hover {
color:#00a651
}
.menu-btn {
background:#00a651;
padding:15px 10px
}
.menu-btn a {
color:#fff !important
}
.fixed {
top:0px !important;
-webkit-transition:all 1s;
transition:all 1s
}
.fixed-hide {
position:fixed;
z-index:5;
width:100%;
left:0;
top:-150px;
-webkit-transition:all 1s;
transition:all 1s
}
#primary-nav {
z-index:99999999;
box-shadow:0px 3px 8px 0px rgba(0,0,0,0.44);
border-bottom:1px solid #e9e9e9
}
#primary-nav .main-nav {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
@media only screen and (min-width: 991px) {
.sub-menu {
display:none;
position:absolute;
z-index:30;
background-color:white;
text-align:left;
list-style:none;
letter-spacing:0.1rem;
top:100%;
padding:0px;
width:200px;
box-shadow:0px 3px 8px 0px rgba(0,0,0,0.44)
}
.sub-menu li {
padding:15px;
font-size:0.9rem
}
.sub-menu li:hover {
background-color:#f9f9f9
}
}
@media only screen and (max-width: 991px) {
.sub-menu {
display:none;
position:relative;
background-color:#4c565d;
text-align:center;
list-style:none;
letter-spacing:0.1rem;
padding:0px
}
.sub-menu li {
padding:5px;
font-size:0.9rem;
letter-spacing:1.5px;
margin-bottom:0px
}
}
@media only screen and (min-width: 991px) {
.menu-item-has-children:hover .sub-menu {
display:block
}
}
@media only screen and (max-width: 991px) {
.menu-item-has-children>a {
pointer-events:none
}
.mobile-show {
display:block !important
}
}
.top-navbar .top-menu {
color:black
}
.top-navbar .top-menu a {
color:#00a651;
padding:10px;
margin-top:5px
}
.top-menu a:hover {
color:#eb4a24 !important;
background-color:#e9e9e9 !important
}
#menu-header-menu li a {
padding:15px 0px !important
}
.top-menu {
font-family:"Libre Baskerville","Helvetica Neue",Helvetica,Arial,sans-serif;
margin-bottom:0;
padding-left:0;
list-style:none
}
.top-menu>li {
position:relative;
display:inline-block;
margin-right:0.9rem
}
#menu-secondary-menu {
margin-top:9px;
display:inline-block
}
#menu-secondary-menu li a {
margin:0px;
font-size:0.9em
}
.brochure-video-image {
padding:0;
height:50vh;
background-size:cover;
background-position:center
}
.cta-banner-bv {
width:50%;
color:#000;
position:absolute;
bottom:-20px;
z-index:2;
background-color:white;
padding:15px;
left:25%
}
@media (max-width: 790px) {
.cta-banner-bv {
left:0
}
}
.vb-banner-text-container {
background-color:white;
color:black;
text-align:right
}
.vb-banner-container {
width:50%;
z-index:20;
background-color:white
}
.design-tabs .tab {
text-align:right;
padding-right:35px
}
@media only screen and (max-width: 992px) {
.design-tabs .tab {
text-align:center
}
}
.tabs iframe:nth-of-type(2n+1) {
padding-right:.5em
}
.tabs iframe:nth-of-type(2n) {
padding-left:.5em
}
.img-left {
float:left;
width:50%;
height:50vh;
-o-object-fit:cover;
object-fit:cover
}
.img-right {
float:right;
width:50%;
height:50vh;
-o-object-fit:cover;
object-fit:cover
}
.nav-tabs li {
font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;
font-size:1.2em;
width:100%;
display:table-cell;
border-right:2px solid #00a651
}
@media only screen and (max-width: 992px) {
.nav-tabs li {
border-right:transparent;
border-bottom:2px solid #00a651
}
}
.nav-tabs li a {
-webkit-transition:none;
transition:none;
width:100%;
text-align:center;
display:block;
padding:1.25em 1em;
margin:0;
position:relative;
border-spacing:0;
line-height:1;
color:#424242
}
.nav-tabs li a:hover {
color:black;
background-color:#f3f3f3
}
.nav-tabs li a.active {
color:#00a651;
background-color:white;
cursor:default
}
.nav-tabs li a.active::after {
content:" ";
position:absolute;
z-index:3;
bottom:0;
left:50%;
display:inline-block;
width:0;
height:0;
margin-left:-3px;
vertical-align:middle
}
@media (max-width: 1319px) {
li a {
padding:1em .75em;
font-size:.875em
}
li.active a::after {
content:none
}
}
@media (max-width: 767px) {
display:block;
margin-bottom:0;
li {
display:block
}
}
.tab-content {
padding:0 20px;
background-color:white;
border-top:0;
color:#616161;
-webkit-transition:height ease .3s;
transition:height ease .3s
}
@media only screen and (max-width: 992px) {
.tab-content {
padding-top:2rem
}
}
.tab-content ul {
padding-left:1em
}
.tab-content li {
padding:.5em 0;
border-bottom:1px dashed lightgrey
}
.tab-content li:first-of-type {
padding-top:0
}
.tab-content li:last-of-type {
border-bottom:0;
padding-bottom:0
}
.tab-content p:last-of-type {
margin-bottom:0
}
.tab-content .tab-pane {
display:none
}
.tab-content .tab-pane *:first-child {
margin-top:0
}
.tab-content .tab-pane *:last-child {
margin-bottom:0
}
.tab-content .tab-pane.active {
display:block
}
.tabs-specification .toggle-specification {
background-color:#6c6c6c !important;
-webkit-transition:padding-bottom .2s ease;
transition:padding-bottom .2s ease
}
.icon-chevron-down::before {
font-family:'Font Awesome 5 Free';
content:"\f107";
font-weight:800
}
.row-flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-8px;
margin-left:-8px
}
.letter-spacing-base {
letter-spacing:2px !important
}
.position-relative {
position:relative !important
}
.tabs-specification .card-collapse {
top:-2px
}
.d-block {
display:block !important
}
.bg-medium {
background-color:#6c6c6c !important
}
.w-100 {
width:100% !important
}
.p-1 {
padding:1rem !important
}
.pb-2,
.py-2 {
padding-bottom:2rem !important
}
.pt-2,
.py-2 {
padding-top:2rem !important
}
.pr-15 {
padding-right:1.5rem !important
}
.px-15 {
padding-left:1.5rem !important
}
.mb-0,
.my-0 {
margin-bottom:0 !important
}
.link-unstyled {
color:inherit;
text-decoration:none
}
.collapse-icon {
position:absolute !important;
top:1rem !important;
right:1.5rem !important;
-webkit-transition:all .2s ease-in-out !important;
transition:all .2s ease-in-out !important;
-webkit-transform:rotate(0deg) !important;
transform:rotate(0deg) !important
}
[aria-expanded=true] .collapse-icon {
-webkit-transform:rotate(180deg) !important;
transform:rotate(180deg) !important
}
.card-collapse {
-webkit-transition:all .2s ease !important;
transition:all .2s ease !important;
z-index:2;
left:0;
padding:0 0px
}
#tabs .collapse.show {
visibility:visible
}
#tabs .box-shadow-none {
box-shadow:none !important
}
#tabs .col,
#tabs .col-1,
#tabs .col-2,
#tabs .col-3,
#tabs .col-4,
#tabs .col-5,
#tabs .col-6,
#tabs .col-7,
#tabs .col-8,
#tabs .col-9,
#tabs .col-10,
#tabs .col-11,
#tabs .col-12,
#tabs .col-auto,
#tabs .col-lg,
#tabs .col-lg-1,
#tabs .col-lg-2,
#tabs .col-lg-3,
#tabs .col-lg-4,
#tabs .col-lg-5,
#tabs .col-lg-6,
#tabs .col-lg-7,
#tabs .col-lg-8,
#tabs .col-lg-9,
#tabs .col-lg-10,
#tabs .col-lg-11,
#tabs .col-lg-12,
#tabs .col-lg-auto,
#tabs .col-md,
#tabs .col-md-1,
#tabs .col-md-2,
#tabs .col-md-3,
#tabs .col-md-4,
#tabs .col-md-5,
#tabs .col-md-6,
#tabs .col-md-7,
#tabs .col-md-8,
#tabs .col-md-9,
#tabs .col-md-10,
#tabs .col-md-11,
#tabs .col-md-12,
#tabs .col-md-auto,
#tabs .col-sm,
#tabs .col-sm-1,
#tabs .col-sm-2,
#tabs .col-sm-3,
#tabs .col-sm-4,
#tabs .col-sm-5,
#tabs .col-sm-6,
#tabs .col-sm-7,
#tabs .col-sm-8,
#tabs .col-sm-9,
#tabs .col-sm-10,
#tabs .col-sm-11,
#tabs .col-sm-12,
#tabs .col-sm-auto,
#tabs .col-xl,
#tabs .col-xl-1,
#tabs .col-xl-2,
#tabs .col-xl-3,
#tabs .col-xl-4,
#tabs .col-xl-5,
#tabs .col-xl-6,
#tabs .col-xl-7,
#tabs .col-xl-8,
#tabs .col-xl-9,
#tabs .col-xl-10,
#tabs .col-xl-11,
#tabs .col-xl-12,
#tabs .col-xl-auto {
position:relative;
width:100%;
min-height:1px;
padding-right:8px;
padding-left:8px
}
#tabs .col {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
#tabs .col-auto {
-ms-flex:0 0 auto;
-webkit-box-flex:0;
flex:0 0 auto;
width:auto;
max-width:none
}
#tabs .col-1,
#tabs .col-auto {
-webkit-box-flex:0
}
#tabs .col-1 {
-ms-flex:0 0 8.33333333%;
-webkit-box-flex:0;
flex:0 0 8.33333333%;
max-width:8.33333333%
}
#tabs .col-2 {
-ms-flex:0 0 16.66666667%;
-webkit-box-flex:0;
flex:0 0 16.66666667%;
max-width:16.66666667%
}
#tabs .col-2,
#tabs .col-3 {
-webkit-box-flex:0
}
#tabs .col-3 {
-ms-flex:0 0 25%;
-webkit-box-flex:0;
flex:0 0 25%;
max-width:25%
}
#tabs .col-4 {
-ms-flex:0 0 33.33333333%;
-webkit-box-flex:0;
flex:0 0 33.33333333%;
max-width:33.33333333%
}
#tabs .col-4,
#tabs .col-5 {
-webkit-box-flex:0
}
#tabs .col-5 {
-ms-flex:0 0 41.66666667%;
-webkit-box-flex:0;
flex:0 0 41.66666667%;
max-width:41.66666667%
}
#tabs .col-6 {
-ms-flex:0 0 50%;
-webkit-box-flex:0;
flex:0 0 50%;
max-width:50%
}
#tabs .col-6,
#tabs .col-7 {
-webkit-box-flex:0
}
#tabs .col-7 {
-ms-flex:0 0 58.33333333%;
-webkit-box-flex:0;
flex:0 0 58.33333333%;
max-width:58.33333333%
}
#tabs .col-8 {
-ms-flex:0 0 66.66666667%;
-webkit-box-flex:0;
flex:0 0 66.66666667%;
max-width:66.66666667%
}
#tabs .col-8,
#tabs .col-9 {
-webkit-box-flex:0
}
#tabs .col-9 {
-ms-flex:0 0 75%;
-webkit-box-flex:0;
flex:0 0 75%;
max-width:75%
}
#tabs .col-10 {
-ms-flex:0 0 83.33333333%;
-webkit-box-flex:0;
flex:0 0 83.33333333%;
max-width:83.33333333%
}
#tabs .col-10,
#tabs .col-11 {
-webkit-box-flex:0
}
#tabs .col-11 {
-ms-flex:0 0 91.66666667%;
-webkit-box-flex:0;
flex:0 0 91.66666667%;
max-width:91.66666667%
}
#tabs .col-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
#tabs .order-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
#tabs .order-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
#tabs .order-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
#tabs .order-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
#tabs .order-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
#tabs .order-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
#tabs .order-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
#tabs .order-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
#tabs .order-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
#tabs .order-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
#tabs .order-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
#tabs .order-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
#tabs .order-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
#tabs .offset-1 {
margin-left:8.33333333%
}
#tabs .offset-2 {
margin-left:16.66666667%
}
#tabs .offset-3 {
margin-left:25%
}
#tabs .offset-4 {
margin-left:33.33333333%
}
#tabs .offset-5 {
margin-left:41.66666667%
}
#tabs .offset-6 {
margin-left:50%
}
#tabs .offset-7 {
margin-left:58.33333333%
}
#tabs .offset-8 {
margin-left:66.66666667%
}
#tabs .offset-9 {
margin-left:75%
}
#tabs .offset-10 {
margin-left:83.33333333%
}
#tabs .offset-11 {
margin-left:91.66666667%
}
@media (min-width: 576px) {
#tabs .col-sm {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
#tabs .col-sm-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
#tabs .col-sm-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.33333333%;
flex:0 0 8.33333333%;
max-width:8.33333333%
}
#tabs .col-sm-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.66666667%;
flex:0 0 16.66666667%;
max-width:16.66666667%
}
#tabs .col-sm-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
#tabs .col-sm-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.33333333%;
flex:0 0 33.33333333%;
max-width:33.33333333%
}
#tabs .col-sm-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.66666667%;
flex:0 0 41.66666667%;
max-width:41.66666667%
}
#tabs .col-sm-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
#tabs .col-sm-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.33333333%;
flex:0 0 58.33333333%;
max-width:58.33333333%
}
#tabs .col-sm-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.66666667%;
flex:0 0 66.66666667%;
max-width:66.66666667%
}
#tabs .col-sm-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
#tabs .col-sm-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.33333333%;
flex:0 0 83.33333333%;
max-width:83.33333333%
}
#tabs .col-sm-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.66666667%;
flex:0 0 91.66666667%;
max-width:91.66666667%
}
#tabs .col-sm-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
#tabs .order-sm-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
#tabs .order-sm-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
#tabs .order-sm-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
#tabs .order-sm-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
#tabs .order-sm-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
#tabs .order-sm-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
#tabs .order-sm-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
#tabs .order-sm-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
#tabs .order-sm-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
#tabs .order-sm-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
#tabs .order-sm-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
#tabs .order-sm-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
#tabs .order-sm-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
#tabs .offset-sm-0 {
margin-left:0
}
#tabs .offset-sm-1 {
margin-left:8.33333333%
}
#tabs .offset-sm-2 {
margin-left:16.66666667%
}
#tabs .offset-sm-3 {
margin-left:25%
}
#tabs .offset-sm-4 {
margin-left:33.33333333%
}
#tabs .offset-sm-5 {
margin-left:41.66666667%
}
#tabs .offset-sm-6 {
margin-left:50%
}
#tabs .offset-sm-7 {
margin-left:58.33333333%
}
#tabs .offset-sm-8 {
margin-left:66.66666667%
}
#tabs .offset-sm-9 {
margin-left:75%
}
#tabs .offset-sm-10 {
margin-left:83.33333333%
}
#tabs .offset-sm-11 {
margin-left:91.66666667%
}
}
@media (min-width: 768px) {
#tabs .col-md {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
#tabs .col-md-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
#tabs .col-md-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.33333333%;
flex:0 0 8.33333333%;
max-width:8.33333333%
}
#tabs .col-md-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.66666667%;
flex:0 0 16.66666667%;
max-width:16.66666667%
}
#tabs .col-md-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
#tabs .col-md-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.33333333%;
flex:0 0 33.33333333%;
max-width:33.33333333%
}
#tabs .col-md-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.66666667%;
flex:0 0 41.66666667%;
max-width:41.66666667%
}
#tabs .col-md-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
#tabs .col-md-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.33333333%;
flex:0 0 58.33333333%;
max-width:58.33333333%
}
#tabs .col-md-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.66666667%;
flex:0 0 66.66666667%;
max-width:66.66666667%
}
#tabs .col-md-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
#tabs .col-md-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.33333333%;
flex:0 0 83.33333333%;
max-width:83.33333333%
}
#tabs .col-md-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.66666667%;
flex:0 0 91.66666667%;
max-width:91.66666667%
}
#tabs .col-md-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
#tabs .order-md-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
#tabs .order-md-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
#tabs .order-md-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
#tabs .order-md-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
#tabs .order-md-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
#tabs .order-md-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
#tabs .order-md-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
#tabs .order-md-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
#tabs .order-md-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
#tabs .order-md-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
#tabs .order-md-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
#tabs .order-md-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
#tabs .order-md-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
#tabs .offset-md-0 {
margin-left:0
}
#tabs .offset-md-1 {
margin-left:8.33333333%
}
#tabs .offset-md-2 {
margin-left:16.66666667%
}
#tabs .offset-md-3 {
margin-left:25%
}
#tabs .offset-md-4 {
margin-left:33.33333333%
}
#tabs .offset-md-5 {
margin-left:41.66666667%
}
#tabs .offset-md-6 {
margin-left:50%
}
#tabs .offset-md-7 {
margin-left:58.33333333%
}
#tabs .offset-md-8 {
margin-left:66.66666667%
}
#tabs .offset-md-9 {
margin-left:75%
}
#tabs .offset-md-10 {
margin-left:83.33333333%
}
#tabs .offset-md-11 {
margin-left:91.66666667%
}
}
@media (min-width: 992px) {
#tabs .col-lg {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
#tabs .col-lg-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
#tabs .col-lg-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.33333333%;
flex:0 0 8.33333333%;
max-width:8.33333333%
}
#tabs .col-lg-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.66666667%;
flex:0 0 16.66666667%;
max-width:16.66666667%
}
#tabs .col-lg-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
#tabs .col-lg-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.33333333%;
flex:0 0 33.33333333%;
max-width:33.33333333%
}
#tabs .col-lg-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.66666667%;
flex:0 0 41.66666667%;
max-width:41.66666667%
}
#tabs .col-lg-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
#tabs .col-lg-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.33333333%;
flex:0 0 58.33333333%;
max-width:58.33333333%
}
#tabs .col-lg-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.66666667%;
flex:0 0 66.66666667%;
max-width:66.66666667%
}
#tabs .col-lg-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
#tabs .col-lg-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.33333333%;
flex:0 0 83.33333333%;
max-width:83.33333333%
}
#tabs .col-lg-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.66666667%;
flex:0 0 91.66666667%;
max-width:91.66666667%
}
#tabs .col-lg-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
#tabs .order-lg-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
#tabs .order-lg-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
#tabs .order-lg-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
#tabs .order-lg-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
#tabs .order-lg-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
#tabs .order-lg-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
#tabs .order-lg-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
#tabs .order-lg-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
#tabs .order-lg-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
#tabs .order-lg-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
#tabs .order-lg-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
#tabs .order-lg-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
#tabs .order-lg-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
#tabs .offset-lg-0 {
margin-left:0
}
#tabs .offset-lg-1 {
margin-left:8.33333333%
}
#tabs .offset-lg-2 {
margin-left:16.66666667%
}
#tabs .offset-lg-3 {
margin-left:25%
}
#tabs .offset-lg-4 {
margin-left:33.33333333%
}
#tabs .offset-lg-5 {
margin-left:41.66666667%
}
#tabs .offset-lg-6 {
margin-left:50%
}
#tabs .offset-lg-7 {
margin-left:58.33333333%
}
#tabs .offset-lg-8 {
margin-left:66.66666667%
}
#tabs .offset-lg-9 {
margin-left:75%
}
#tabs .offset-lg-10 {
margin-left:83.33333333%
}
#tabs .offset-lg-11 {
margin-left:91.66666667%
}
}
@media (min-width: 1200px) {
#tabs .col-xl {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
#tabs .col-xl-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
#tabs .col-xl-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.33333333%;
flex:0 0 8.33333333%;
max-width:8.33333333%
}
#tabs .col-xl-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.66666667%;
flex:0 0 16.66666667%;
max-width:16.66666667%
}
#tabs .col-xl-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
#tabs .col-xl-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.33333333%;
flex:0 0 33.33333333%;
max-width:33.33333333%
}
#tabs .col-xl-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.66666667%;
flex:0 0 41.66666667%;
max-width:41.66666667%
}
#tabs .col-xl-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
#tabs .col-xl-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.33333333%;
flex:0 0 58.33333333%;
max-width:58.33333333%
}
#tabs .col-xl-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.66666667%;
flex:0 0 66.66666667%;
max-width:66.66666667%
}
#tabs .col-xl-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
#tabs .col-xl-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.33333333%;
flex:0 0 83.33333333%;
max-width:83.33333333%
}
#tabs .col-xl-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.66666667%;
flex:0 0 91.66666667%;
max-width:91.66666667%
}
#tabs .col-xl-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
#tabs .order-xl-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
#tabs .order-xl-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
#tabs .order-xl-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
#tabs .order-xl-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
#tabs .order-xl-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
#tabs .order-xl-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
#tabs .order-xl-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
#tabs .order-xl-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
#tabs .order-xl-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
#tabs .order-xl-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
#tabs .order-xl-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
#tabs .order-xl-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
#tabs .order-xl-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
#tabs .offset-xl-0 {
margin-left:0
}
#tabs .offset-xl-1 {
margin-left:8.33333333%
}
#tabs .offset-xl-2 {
margin-left:16.66666667%
}
#tabs .offset-xl-3 {
margin-left:25%
}
#tabs .offset-xl-4 {
margin-left:33.33333333%
}
#tabs .offset-xl-5 {
margin-left:41.66666667%
}
#tabs .offset-xl-6 {
margin-left:50%
}
#tabs .offset-xl-7 {
margin-left:58.33333333%
}
#tabs .offset-xl-8 {
margin-left:66.66666667%
}
#tabs .offset-xl-9 {
margin-left:75%
}
#tabs .offset-xl-10 {
margin-left:83.33333333%
}
#tabs .offset-xl-11 {
margin-left:91.66666667%
}
}
#tabs .row-fluid {
padding-left:.625rem;
padding-right:.625rem
}
@media (min-width: 768px) {
#tabs .row-fluid {
padding-left:1rem;
padding-right:1rem
}
}
@media (min-width: 1200px) {
#tabs .row-fluid {
padding-left:1.25rem;
padding-right:1.25rem
}
}
@media (min-width: 768px) {
#tabs .container-xs {
max-width:770px !important;
margin-left:auto;
margin-right:auto
}
}
@media (min-width: 1200px) {
#tabs .container-sm {
max-width:1140px !important;
margin-left:auto;
margin-right:auto
}
}
#tabs .row {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-8px;
margin-left:-8px
}
#tabs .tabs-specification .toggle-specification {
background-color:#6c6c6c !important;
-webkit-transition:padding-bottom .2s ease;
transition:padding-bottom .2s ease
}
@media (min-width: 768px) {
#tabs .tabs-specification .toggle-specification[aria-expanded=true] {
padding-bottom:2rem !important
}
}
#tabs .tabs-specification .card-collapse {
top:-2px
}
#tabs .collapse {
display:none
}
#tabs .position-relative {
position:relative !important
}
#tabs .p-0 {
padding:0 !important
}
.video-wrapper {
position:relative;
padding-bottom:56.25%;
height:0;
margin:0
}
.video-wrapper iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.video-card h3,
.video-card body.single h1,
body.single .video-card h1 {
font-size:1.2em;
margin-top:.5em;
margin-bottom:.5em;
line-height:1.2;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.media,
.media-body {
overflow:hidden;
zoom:1
}
.media-body {
width:10000px
}
.media-left,
.media-right,
.media-body {
display:table-cell;
vertical-align:top
}
.media-middle {
vertical-align:middle
}
.media-bottom {
vertical-align:bottom
}
.media-object {
display:block
}
.media-object.img-thumbnail {
max-width:none
}
.media-right {
padding-left:10px
}
.media-left {
padding-right:10px
}
.media-heading {
margin-top:0;
margin-bottom:5px
}
.media-list {
padding-left:0;
list-style:none
}
.icons {
font-size:4rem;
color:#00a651
}
.bg-faded {
background:#F5F7F5
}
.bg-grey {
background:#4C565D
}
.card-shadow {
box-shadow:0 8px 16px rgba(0,0,0,0.16)
}
.card {
border-radius:1px;
box-shadow:0px 10px 6px 0px rgba(0,0,0,0.12)
}
.card.card-bg:hover .card-bg-overlay {
background:rgba(0,0,0,0.5)
}
.card.card-bg:hover .card-content {
top:-16px
}
.card .card-block {
padding:10px 20px
}
.card .card-text {
margin:0px;
font-size:0.85rem;
padding-top:15px
}
.card .card-img-top {
width:100%;
height:auto
}
.card .card-content {
position:relative;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease;
top:0
}
.card-bg {
position:relative;
background-size:cover !important;
background-repeat:no-repeat !important;
background-position:center center !important
}
.card-bg .card-bg-overlay {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease
}
.card-tile {
padding:2rem
}
.card-tile .card-tile-content {
padding:2rem;
border:#00a651 2px solid;
position:relative;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease
}
.card-tile .card-tile-content:hover {
border-color:white
}
.card .list-group {
list-style:none;
padding-left:20px;
margin:5px
}
.card-100 {
width:100%
}
#overlay {
position:absolute;
display:block;
width:100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0,0,0,0.3);
z-index:2;
cursor:pointer
}
.blog .card .card-title {
color:#fff;
z-index:10;
font-size:calc(5px + 1vw);
left:5%;
position:absolute;
bottom:50%;
padding:10px
}
.card-truncate {
max-height:3.375em;
overflow:hidden;
color:#424242;
z-index:10;
font-size:calc(5px + 1vw);
position:absolute;
top:0
}
.card .card-title {
color:#fff;
z-index:10;
font-size:calc(5px + 1vw);
left:5%;
position:absolute;
top:5%
}
.offcanvas {
position:fixed;
top:0;
left:0;
z-index:-998;
background:#4C565D;
width:100%;
height:100%;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
opacity:0
}
.offcanvas.active {
z-index:998;
opacity:1
}
.wpcf7-form p {
margin-bottom:0
}
form.wpcf7-form .wpcf7-form-control-wrap {
width:100% !important
}
.cf7-label {
margin-bottom:.5rem !important
}
.cf7-control,
.cf7-control-textarea,
.cf7-control-date {
margin:0 !important;
width:100%;
border:1px solid #E0E0E0;
border-radius:2px;
font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;
padding:1rem
}
form.wpcf7-form input[type=submit] {
float:none !important
}
form.wpcf7-form input.btn[type=submit] {
padding:1em 2em !important
}
#contact-fixed {
position:absolute;
width:100%;
z-index:999
}
#contact-fixed .row {
padding:0
}
#contact-fixed .row .container {
text-align:right
}
#contact-fixed .contact-tab {
background:#f5f5f5;
padding:6px 12px;
border-radius:0 0 3px 3px;
display:inline-block;
text-align:left
}
#contact-fixed .contact-tab p {
padding:0;
margin-bottom:0;
margin-right:12px;
display:inline-block
}
#contact-fixed .contact-tab p i {
margin-right:8px;
color:#616161;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease
}
#contact-fixed .contact-tab p i:hover {
color:#00a651 !important
}
#contact-fixed .contact-tab p a {
text-decoration:none !important;
border-bottom:none !important
}
@media (max-width: 767px) {
#contact-fixed .contact-tab p a span.contact-hide {
display:none
}
}
#carousel {
position:relative;
z-index:1;
overflow:hidden
}
#carousel .carousel-slider .carousel-slider-inner {
margin:0 !important;
padding:0 !important
}
#carousel .carousel-slider .carousel-slide {
background-size:cover !important;
background-position:center center;
background-repeat:no-repeat;
width:100%;
padding:0px;
-o-object-fit:cover;
object-fit:cover;
height:100vh
}
#carousel .carousel-logos {
position:absolute;
width:100%;
left:0;
bottom:0;
-webkit-transform:translateY(50%);
transform:translateY(50%)
}
#carousel .carousel-logos img {
height:80px;
width:auto;
display:inline-block;
margin-left:1rem
}
#carousel .carousel-logos img:first-of-type {
margin-left:0 !important
}
.small-slider {
height:50vh;
margin-bottom:50px
}
@media only screen and (max-width: 1500px) {
.small-slider {
height:40vh
}
}
@media only screen and (max-width: 1320px) {
.small-slider {
height:35vh
}
}
@media only screen and (max-width: 992px) {
.small-slider {
height:25vh
}
}
.medium-slider {
height:100vh
}
@media only screen and (max-width: 1500px) {
.medium-slider {
height:60vh
}
}
@media only screen and (max-width: 1320px) {
.medium-slider {
height:65vh
}
}
@media only screen and (max-width: 992px) {
.medium-slider {
height:55vh
}
}
.large-slider {
height:90vh
}
@media only screen and (max-width: 1500px) {
.large-slider {
height:90vh
}
}
@media only screen and (max-width: 1320px) {
.large-slider {
height:90vh
}
}
@media only screen and (max-width: 992px) {
.large-slider {
height:90vh
}
}
.slide-content {
position:relative;
padding:30px 20px;
z-index:50
}
.slide-content h1 {
font-size:calc(25px + 1vw);
margin-top:0px;
margin-bottom:5px;
letter-spacing:5px;
font-weight:400;
color:#000
}
@media only screen and (max-width: 576px) {
.slide-content h1 {
letter-spacing:4px;
font-size:2rem
}
}
.slide-content h3,
.slide-content body.single h1,
body.single .slide-content h1 {
font-size:calc(8px + 1vw);
font-weight:400;
margin:5px 0
}
.slide-content p {
font-size:calc(10px + 0.3vw);
color:#000;
margin:0
}
.slider-content-container {
position:absolute;
bottom:20%;
left:10%;
width:45%;
background:white
}
@media only screen and (max-width: 992px) {
.slider-content-container {
left:5px
}
}
.slide-counter {
position:absolute;
right:-80%;
bottom:20%;
z-index:500;
font-size:1.25rem
}
.counter-hide .slide-counter {
display:none
}
.slick-slider-prev,
.slick-slider-next,
.number-carousel-prev,
.number-carousel-next {
margin-left:5px;
margin-right:5px
}
@media (max-width: 560px) {
.slide-counter {
display:none
}
#carousel .carousel-slider .carousel-slide {
height:70vh
}
.large-slider {
height:70vh
}
.slider-content-container {
width:85%
}
.slider-content-container h1 {
font-size:1rem
}
}
.guarantee-logo {
position:absolute;
width:20%;
max-width:150px;
top:-30%;
right:-5%
}
@media (max-width: 1200px) {
.guarantee-logo {
top:-20%
}
}
@media (max-width: 850px) {
.guarantee-logo {
top:-10%
}
}
.wpcf7-form p {
margin-bottom:0
}
form.wpcf7-form .wpcf7-form-control-wrap {
width:100% !important
}
.cf7-label {
margin-bottom:.5rem !important
}
.cf7-control,
.cf7-control-textarea,
.cf7-control-date {
margin:0 !important;
width:100%;
border:1px solid #E0E0E0;
border-radius:2px;
font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;
padding:1rem
}
form.wpcf7-form input[type=submit] {
float:none !important
}
form.wpcf7-form input.btn[type=submit] {
padding:1em 2em !important
}
#footer .wp-post-image {
margin-bottom:0px
}
.wide-cta {
background-color:#00a651;
padding:1rem;
color:white
}
.wide-cta .btn {
margin-top:.3em
}
.cta-banner {
position:absolute;
width:100%;
top:50%;
z-index:2
}
.cta-banner-text-container {
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
left:10%;
width:80%;
color:white;
text-align:center
}
.cta-banner-text-container p {
font-size:calc(10px + 0.3vw)
}
.cta-banner-text-container h2 {
margin:0px
}
.cta-banner-button-container {
text-align:center;
width:100%;
z-index:20
}
.cta-banner-image {
width:100%;
height:50vh;
background-size:cover
}
@media only screen and (max-width: 786px) {
.cta-strip-buttons {
margin-bottom:20px
}
}
.cta-strip-text {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-preferred-size:80%;
flex-basis:80%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
@media only screen and (max-width: 786px) {
.cta-strip-text {
-ms-flex-preferred-size:100%;
flex-basis:100%;
text-align:center
}
}
.cta-flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
@media only screen and (max-width: 786px) {
.cta-flex {
-ms-flex-pack:distribute;
justify-content:space-around
}
}
@media only screen and (max-width: 1200px) {
.cta-banner-bv {
width:70%
}
}
@media only screen and (max-width: 786px) {
.cta-banner-bv {
width:80%;
position:absolute;
bottom:0;
z-index:2
}
}
@media (max-width: 767px) {
#fixed-cta {
position:fixed;
width:100%;
bottom:-73px;
left:0;
z-index:9999999;
text-align:center;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease;
background:#00a651;
padding:20px 0px
}
#fixed-cta a {
text-transform:uppercase;
font-weight:900;
letter-spacing:0px;
font-size:1.2em;
color:white
}
#fixed-cta.cta-active {
bottom:0 !important
}
}
@media (min-width: 768px) {
#fixed-cta {
display:none !important
}
}
.overlay-full {
position:absolute;
display:block;
width:100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,0.5);
z-index:2
}
.cta-header {
font-size:1.5rem
}
@media (max-width: 960px) {
.cta-header {
font-size:calc(5px + 2vw)
}
}
.design-tabs .tab {
text-align:right;
padding-right:35px
}
@media only screen and (max-width: 992px) {
.design-tabs .tab {
text-align:center
}
}
.tabs iframe:nth-of-type(2n+1) {
padding-right:.5em
}
.tabs iframe:nth-of-type(2n) {
padding-left:.5em
}
.img-left {
float:left;
width:50%;
height:50vh;
-o-object-fit:cover;
object-fit:cover
}
.img-right {
float:right;
width:50%;
height:50vh;
-o-object-fit:cover;
object-fit:cover
}
.nav-tabs li {
font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;
font-size:1.2em;
width:100%;
display:table-cell;
border-right:2px solid #00a651
}
@media only screen and (max-width: 992px) {
.nav-tabs li {
border-right:transparent;
border-bottom:2px solid #00a651
}
}
.nav-tabs li a {
-webkit-transition:none;
transition:none;
width:100%;
text-align:center;
display:block;
padding:1.25em 1em;
margin:0;
position:relative;
border-spacing:0;
line-height:1;
color:#424242
}
.nav-tabs li a:hover {
color:black;
background-color:#f3f3f3
}
.nav-tabs li a.active {
color:#00a651;
background-color:white;
cursor:default
}
.nav-tabs li a.active::after {
content:" ";
position:absolute;
z-index:3;
bottom:0;
left:50%;
display:inline-block;
width:0;
height:0;
margin-left:-3px;
vertical-align:middle
}
@media (max-width: 1319px) {
li a {
padding:1em .75em;
font-size:.875em
}
li.active a::after {
content:none
}
}
@media (max-width: 767px) {
display:block;
margin-bottom:0;
li {
display:block
}
}
.tab-content {
padding:0 20px;
background-color:white;
border-top:0;
color:#616161;
-webkit-transition:height ease .3s;
transition:height ease .3s
}
@media only screen and (max-width: 992px) {
.tab-content {
padding-top:2rem
}
}
.tab-content ul {
padding-left:1em
}
.tab-content li {
padding:.5em 0;
border-bottom:1px dashed lightgrey
}
.tab-content li:first-of-type {
padding-top:0
}
.tab-content li:last-of-type {
border-bottom:0;
padding-bottom:0
}
.tab-content p:last-of-type {
margin-bottom:0
}
.tab-content .tab-pane {
display:none
}
.tab-content .tab-pane *:first-child {
margin-top:0
}
.tab-content .tab-pane *:last-child {
margin-bottom:0
}
.tab-content .tab-pane.active {
display:block
}
.tabs-specification .toggle-specification {
background-color:#6c6c6c !important;
-webkit-transition:padding-bottom .2s ease;
transition:padding-bottom .2s ease
}
.icon-chevron-down::before {
font-family:'Font Awesome 5 Free';
content:"\f107";
font-weight:800
}
.row-flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-8px;
margin-left:-8px
}
.letter-spacing-base {
letter-spacing:2px !important
}
.position-relative {
position:relative !important
}
.tabs-specification .card-collapse {
top:-2px
}
.d-block {
display:block !important
}
.bg-medium {
background-color:#6c6c6c !important
}
.w-100 {
width:100% !important
}
.p-1 {
padding:1rem !important
}
.pb-2,
.py-2 {
padding-bottom:2rem !important
}
.pt-2,
.py-2 {
padding-top:2rem !important
}
.pr-15 {
padding-right:1.5rem !important
}
.px-15 {
padding-left:1.5rem !important
}
.mb-0,
.my-0 {
margin-bottom:0 !important
}
.link-unstyled {
color:inherit;
text-decoration:none
}
.collapse-icon {
position:absolute !important;
top:1rem !important;
right:1.5rem !important;
-webkit-transition:all .2s ease-in-out !important;
transition:all .2s ease-in-out !important;
-webkit-transform:rotate(0deg) !important;
transform:rotate(0deg) !important
}
[aria-expanded=true] .collapse-icon {
-webkit-transform:rotate(180deg) !important;
transform:rotate(180deg) !important
}
.card-collapse {
-webkit-transition:all .2s ease !important;
transition:all .2s ease !important;
z-index:2;
left:0;
padding:0 0px
}
#tabs .collapse.show {
visibility:visible
}
#tabs .box-shadow-none {
box-shadow:none !important
}
#tabs .col,
#tabs .col-1,
#tabs .col-2,
#tabs .col-3,
#tabs .col-4,
#tabs .col-5,
#tabs .col-6,
#tabs .col-7,
#tabs .col-8,
#tabs .col-9,
#tabs .col-10,
#tabs .col-11,
#tabs .col-12,
#tabs .col-auto,
#tabs .col-lg,
#tabs .col-lg-1,
#tabs .col-lg-2,
#tabs .col-lg-3,
#tabs .col-lg-4,
#tabs .col-lg-5,
#tabs .col-lg-6,
#tabs .col-lg-7,
#tabs .col-lg-8,
#tabs .col-lg-9,
#tabs .col-lg-10,
#tabs .col-lg-11,
#tabs .col-lg-12,
#tabs .col-lg-auto,
#tabs .col-md,
#tabs .col-md-1,
#tabs .col-md-2,
#tabs .col-md-3,
#tabs .col-md-4,
#tabs .col-md-5,
#tabs .col-md-6,
#tabs .col-md-7,
#tabs .col-md-8,
#tabs .col-md-9,
#tabs .col-md-10,
#tabs .col-md-11,
#tabs .col-md-12,
#tabs .col-md-auto,
#tabs .col-sm,
#tabs .col-sm-1,
#tabs .col-sm-2,
#tabs .col-sm-3,
#tabs .col-sm-4,
#tabs .col-sm-5,
#tabs .col-sm-6,
#tabs .col-sm-7,
#tabs .col-sm-8,
#tabs .col-sm-9,
#tabs .col-sm-10,
#tabs .col-sm-11,
#tabs .col-sm-12,
#tabs .col-sm-auto,
#tabs .col-xl,
#tabs .col-xl-1,
#tabs .col-xl-2,
#tabs .col-xl-3,
#tabs .col-xl-4,
#tabs .col-xl-5,
#tabs .col-xl-6,
#tabs .col-xl-7,
#tabs .col-xl-8,
#tabs .col-xl-9,
#tabs .col-xl-10,
#tabs .col-xl-11,
#tabs .col-xl-12,
#tabs .col-xl-auto {
position:relative;
width:100%;
min-height:1px;
padding-right:8px;
padding-left:8px
}
#tabs .col {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
#tabs .col-auto {
-ms-flex:0 0 auto;
-webkit-box-flex:0;
flex:0 0 auto;
width:auto;
max-width:none
}
#tabs .col-1,
#tabs .col-auto {
-webkit-box-flex:0
}
#tabs .col-1 {
-ms-flex:0 0 8.33333333%;
-webkit-box-flex:0;
flex:0 0 8.33333333%;
max-width:8.33333333%
}
#tabs .col-2 {
-ms-flex:0 0 16.66666667%;
-webkit-box-flex:0;
flex:0 0 16.66666667%;
max-width:16.66666667%
}
#tabs .col-2,
#tabs .col-3 {
-webkit-box-flex:0
}
#tabs .col-3 {
-ms-flex:0 0 25%;
-webkit-box-flex:0;
flex:0 0 25%;
max-width:25%
}
#tabs .col-4 {
-ms-flex:0 0 33.33333333%;
-webkit-box-flex:0;
flex:0 0 33.33333333%;
max-width:33.33333333%
}
#tabs .col-4,
#tabs .col-5 {
-webkit-box-flex:0
}
#tabs .col-5 {
-ms-flex:0 0 41.66666667%;
-webkit-box-flex:0;
flex:0 0 41.66666667%;
max-width:41.66666667%
}
#tabs .col-6 {
-ms-flex:0 0 50%;
-webkit-box-flex:0;
flex:0 0 50%;
max-width:50%
}
#tabs .col-6,
#tabs .col-7 {
-webkit-box-flex:0
}
#tabs .col-7 {
-ms-flex:0 0 58.33333333%;
-webkit-box-flex:0;
flex:0 0 58.33333333%;
max-width:58.33333333%
}
#tabs .col-8 {
-ms-flex:0 0 66.66666667%;
-webkit-box-flex:0;
flex:0 0 66.66666667%;
max-width:66.66666667%
}
#tabs .col-8,
#tabs .col-9 {
-webkit-box-flex:0
}
#tabs .col-9 {
-ms-flex:0 0 75%;
-webkit-box-flex:0;
flex:0 0 75%;
max-width:75%
}
#tabs .col-10 {
-ms-flex:0 0 83.33333333%;
-webkit-box-flex:0;
flex:0 0 83.33333333%;
max-width:83.33333333%
}
#tabs .col-10,
#tabs .col-11 {
-webkit-box-flex:0
}
#tabs .col-11 {
-ms-flex:0 0 91.66666667%;
-webkit-box-flex:0;
flex:0 0 91.66666667%;
max-width:91.66666667%
}
#tabs .col-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
#tabs .order-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
#tabs .order-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
#tabs .order-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
#tabs .order-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
#tabs .order-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
#tabs .order-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
#tabs .order-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
#tabs .order-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
#tabs .order-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
#tabs .order-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
#tabs .order-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
#tabs .order-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
#tabs .order-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
#tabs .offset-1 {
margin-left:8.33333333%
}
#tabs .offset-2 {
margin-left:16.66666667%
}
#tabs .offset-3 {
margin-left:25%
}
#tabs .offset-4 {
margin-left:33.33333333%
}
#tabs .offset-5 {
margin-left:41.66666667%
}
#tabs .offset-6 {
margin-left:50%
}
#tabs .offset-7 {
margin-left:58.33333333%
}
#tabs .offset-8 {
margin-left:66.66666667%
}
#tabs .offset-9 {
margin-left:75%
}
#tabs .offset-10 {
margin-left:83.33333333%
}
#tabs .offset-11 {
margin-left:91.66666667%
}
@media (min-width: 576px) {
#tabs .col-sm {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
#tabs .col-sm-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
#tabs .col-sm-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.33333333%;
flex:0 0 8.33333333%;
max-width:8.33333333%
}
#tabs .col-sm-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.66666667%;
flex:0 0 16.66666667%;
max-width:16.66666667%
}
#tabs .col-sm-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
#tabs .col-sm-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.33333333%;
flex:0 0 33.33333333%;
max-width:33.33333333%
}
#tabs .col-sm-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.66666667%;
flex:0 0 41.66666667%;
max-width:41.66666667%
}
#tabs .col-sm-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
#tabs .col-sm-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.33333333%;
flex:0 0 58.33333333%;
max-width:58.33333333%
}
#tabs .col-sm-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.66666667%;
flex:0 0 66.66666667%;
max-width:66.66666667%
}
#tabs .col-sm-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
#tabs .col-sm-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.33333333%;
flex:0 0 83.33333333%;
max-width:83.33333333%
}
#tabs .col-sm-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.66666667%;
flex:0 0 91.66666667%;
max-width:91.66666667%
}
#tabs .col-sm-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
#tabs .order-sm-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
#tabs .order-sm-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
#tabs .order-sm-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
#tabs .order-sm-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
#tabs .order-sm-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
#tabs .order-sm-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
#tabs .order-sm-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
#tabs .order-sm-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
#tabs .order-sm-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
#tabs .order-sm-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
#tabs .order-sm-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
#tabs .order-sm-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
#tabs .order-sm-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
#tabs .offset-sm-0 {
margin-left:0
}
#tabs .offset-sm-1 {
margin-left:8.33333333%
}
#tabs .offset-sm-2 {
margin-left:16.66666667%
}
#tabs .offset-sm-3 {
margin-left:25%
}
#tabs .offset-sm-4 {
margin-left:33.33333333%
}
#tabs .offset-sm-5 {
margin-left:41.66666667%
}
#tabs .offset-sm-6 {
margin-left:50%
}
#tabs .offset-sm-7 {
margin-left:58.33333333%
}
#tabs .offset-sm-8 {
margin-left:66.66666667%
}
#tabs .offset-sm-9 {
margin-left:75%
}
#tabs .offset-sm-10 {
margin-left:83.33333333%
}
#tabs .offset-sm-11 {
margin-left:91.66666667%
}
}
@media (min-width: 768px) {
#tabs .col-md {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
#tabs .col-md-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
#tabs .col-md-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.33333333%;
flex:0 0 8.33333333%;
max-width:8.33333333%
}
#tabs .col-md-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.66666667%;
flex:0 0 16.66666667%;
max-width:16.66666667%
}
#tabs .col-md-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
#tabs .col-md-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.33333333%;
flex:0 0 33.33333333%;
max-width:33.33333333%
}
#tabs .col-md-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.66666667%;
flex:0 0 41.66666667%;
max-width:41.66666667%
}
#tabs .col-md-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
#tabs .col-md-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.33333333%;
flex:0 0 58.33333333%;
max-width:58.33333333%
}
#tabs .col-md-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.66666667%;
flex:0 0 66.66666667%;
max-width:66.66666667%
}
#tabs .col-md-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
#tabs .col-md-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.33333333%;
flex:0 0 83.33333333%;
max-width:83.33333333%
}
#tabs .col-md-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.66666667%;
flex:0 0 91.66666667%;
max-width:91.66666667%
}
#tabs .col-md-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
#tabs .order-md-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
#tabs .order-md-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
#tabs .order-md-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
#tabs .order-md-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
#tabs .order-md-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
#tabs .order-md-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
#tabs .order-md-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
#tabs .order-md-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
#tabs .order-md-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
#tabs .order-md-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
#tabs .order-md-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
#tabs .order-md-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
#tabs .order-md-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
#tabs .offset-md-0 {
margin-left:0
}
#tabs .offset-md-1 {
margin-left:8.33333333%
}
#tabs .offset-md-2 {
margin-left:16.66666667%
}
#tabs .offset-md-3 {
margin-left:25%
}
#tabs .offset-md-4 {
margin-left:33.33333333%
}
#tabs .offset-md-5 {
margin-left:41.66666667%
}
#tabs .offset-md-6 {
margin-left:50%
}
#tabs .offset-md-7 {
margin-left:58.33333333%
}
#tabs .offset-md-8 {
margin-left:66.66666667%
}
#tabs .offset-md-9 {
margin-left:75%
}
#tabs .offset-md-10 {
margin-left:83.33333333%
}
#tabs .offset-md-11 {
margin-left:91.66666667%
}
}
@media (min-width: 992px) {
#tabs .col-lg {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
#tabs .col-lg-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
#tabs .col-lg-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.33333333%;
flex:0 0 8.33333333%;
max-width:8.33333333%
}
#tabs .col-lg-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.66666667%;
flex:0 0 16.66666667%;
max-width:16.66666667%
}
#tabs .col-lg-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
#tabs .col-lg-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.33333333%;
flex:0 0 33.33333333%;
max-width:33.33333333%
}
#tabs .col-lg-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.66666667%;
flex:0 0 41.66666667%;
max-width:41.66666667%
}
#tabs .col-lg-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
#tabs .col-lg-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.33333333%;
flex:0 0 58.33333333%;
max-width:58.33333333%
}
#tabs .col-lg-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.66666667%;
flex:0 0 66.66666667%;
max-width:66.66666667%
}
#tabs .col-lg-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
#tabs .col-lg-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.33333333%;
flex:0 0 83.33333333%;
max-width:83.33333333%
}
#tabs .col-lg-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.66666667%;
flex:0 0 91.66666667%;
max-width:91.66666667%
}
#tabs .col-lg-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
#tabs .order-lg-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
#tabs .order-lg-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
#tabs .order-lg-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
#tabs .order-lg-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
#tabs .order-lg-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
#tabs .order-lg-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
#tabs .order-lg-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
#tabs .order-lg-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
#tabs .order-lg-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
#tabs .order-lg-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
#tabs .order-lg-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
#tabs .order-lg-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
#tabs .order-lg-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
#tabs .offset-lg-0 {
margin-left:0
}
#tabs .offset-lg-1 {
margin-left:8.33333333%
}
#tabs .offset-lg-2 {
margin-left:16.66666667%
}
#tabs .offset-lg-3 {
margin-left:25%
}
#tabs .offset-lg-4 {
margin-left:33.33333333%
}
#tabs .offset-lg-5 {
margin-left:41.66666667%
}
#tabs .offset-lg-6 {
margin-left:50%
}
#tabs .offset-lg-7 {
margin-left:58.33333333%
}
#tabs .offset-lg-8 {
margin-left:66.66666667%
}
#tabs .offset-lg-9 {
margin-left:75%
}
#tabs .offset-lg-10 {
margin-left:83.33333333%
}
#tabs .offset-lg-11 {
margin-left:91.66666667%
}
}
@media (min-width: 1200px) {
#tabs .col-xl {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
#tabs .col-xl-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
#tabs .col-xl-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.33333333%;
flex:0 0 8.33333333%;
max-width:8.33333333%
}
#tabs .col-xl-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.66666667%;
flex:0 0 16.66666667%;
max-width:16.66666667%
}
#tabs .col-xl-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
#tabs .col-xl-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.33333333%;
flex:0 0 33.33333333%;
max-width:33.33333333%
}
#tabs .col-xl-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.66666667%;
flex:0 0 41.66666667%;
max-width:41.66666667%
}
#tabs .col-xl-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
#tabs .col-xl-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.33333333%;
flex:0 0 58.33333333%;
max-width:58.33333333%
}
#tabs .col-xl-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.66666667%;
flex:0 0 66.66666667%;
max-width:66.66666667%
}
#tabs .col-xl-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
#tabs .col-xl-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.33333333%;
flex:0 0 83.33333333%;
max-width:83.33333333%
}
#tabs .col-xl-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.66666667%;
flex:0 0 91.66666667%;
max-width:91.66666667%
}
#tabs .col-xl-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
#tabs .order-xl-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
#tabs .order-xl-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
#tabs .order-xl-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
#tabs .order-xl-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
#tabs .order-xl-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
#tabs .order-xl-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
#tabs .order-xl-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
#tabs .order-xl-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
#tabs .order-xl-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
#tabs .order-xl-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
#tabs .order-xl-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
#tabs .order-xl-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
#tabs .order-xl-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
#tabs .offset-xl-0 {
margin-left:0
}
#tabs .offset-xl-1 {
margin-left:8.33333333%
}
#tabs .offset-xl-2 {
margin-left:16.66666667%
}
#tabs .offset-xl-3 {
margin-left:25%
}
#tabs .offset-xl-4 {
margin-left:33.33333333%
}
#tabs .offset-xl-5 {
margin-left:41.66666667%
}
#tabs .offset-xl-6 {
margin-left:50%
}
#tabs .offset-xl-7 {
margin-left:58.33333333%
}
#tabs .offset-xl-8 {
margin-left:66.66666667%
}
#tabs .offset-xl-9 {
margin-left:75%
}
#tabs .offset-xl-10 {
margin-left:83.33333333%
}
#tabs .offset-xl-11 {
margin-left:91.66666667%
}
}
#tabs .row-fluid {
padding-left:.625rem;
padding-right:.625rem
}
@media (min-width: 768px) {
#tabs .row-fluid {
padding-left:1rem;
padding-right:1rem
}
}
@media (min-width: 1200px) {
#tabs .row-fluid {
padding-left:1.25rem;
padding-right:1.25rem
}
}
@media (min-width: 768px) {
#tabs .container-xs {
max-width:770px !important;
margin-left:auto;
margin-right:auto
}
}
@media (min-width: 1200px) {
#tabs .container-sm {
max-width:1140px !important;
margin-left:auto;
margin-right:auto
}
}
#tabs .row {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-8px;
margin-left:-8px
}
#tabs .tabs-specification .toggle-specification {
background-color:#6c6c6c !important;
-webkit-transition:padding-bottom .2s ease;
transition:padding-bottom .2s ease
}
@media (min-width: 768px) {
#tabs .tabs-specification .toggle-specification[aria-expanded=true] {
padding-bottom:2rem !important
}
}
#tabs .tabs-specification .card-collapse {
top:-2px
}
#tabs .collapse {
display:none
}
#tabs .position-relative {
position:relative !important
}
#tabs .p-0 {
padding:0 !important
}
.media,
.media-body {
overflow:hidden;
zoom:1
}
.media-body {
width:10000px
}
.media-left,
.media-right,
.media-body {
display:table-cell;
vertical-align:top
}
.media-middle {
vertical-align:middle
}
.media-bottom {
vertical-align:bottom
}
.media-object {
display:block
}
.media-object.img-thumbnail {
max-width:none
}
.media-right {
padding-left:10px
}
.media-left {
padding-right:10px
}
.media-heading {
margin-top:0;
margin-bottom:5px
}
.media-list {
padding-left:0;
list-style:none
}
.icons {
font-size:4rem;
color:#00a651
}
.tab-panels ul {
margin:0;
padding:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.tab-panels ul li {
list-style-type:none;
background:#F18065;
margin:0;
margin-right:3px;
padding:5px 10px;
border-radius:10px 10px 0 0;
color:#fff;
font-weight:200;
cursor:pointer;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1
}
.tab-panels ul li:hover {
color:#fff;
background:#eb4a24
}
.tab-panels ul li:active {
color:#fff;
background:#F18065
}
.tab-panels .panel {
display:none;
background:#F7F7F7;
padding:30px;
border-radius:0 0 10px 10px
}
.tab-panels .panel.active {
display:block
}
.fa-tabs {
margin-right:5px
}
@media (max-width: 1320px) {
.tab-panels ul li {
width:24.33%
}
}
aside {
margin-bottom:2em
}
aside div:first-child {
margin-top:0 !important
}
aside .widget:first-of-type h3,
aside .widget:first-of-type body.single h1,
body.single aside .widget:first-of-type h1 {
margin-top:0
}
aside .widget ul {
list-style-type:none;
padding:0;
margin:0
}
aside .widget li {
padding:1em 0;
border-bottom:1px dashed #E0E0E0
}
aside .widget li a {
display:inline-block
}
aside .widget li .post-date {
display:block
}
aside h3.widget-heading,
aside body.single h1,
body.single aside h1 {
margin-top:1.5em;
margin-bottom:.5em
}
aside h4 {
margin-top:1em
}
aside .widget_recent_entries,
aside .widget_archive {
display:none
}
@media (min-width: 768px) {
aside {
margin-bottom:4em
}
aside .widget_recent_entries,
aside .widget_archive {
display:block
}
}
.widgets {
padding:2em 0
}
@media (min-width: 768px) {
.widgets {
padding:4em 0
}
}
.widgets .check-list {
list-style-type:none;
padding:0
}
.widgets .check-list .fa {
float:left;
font-size:1.5em;
color:#00a651;
margin-right:.5em
}
.widgets .check-list .text {
display:table-cell
}
.widgets .check-list li:not(:last-of-type) {
margin-bottom:1.5em
}
.widgets .check-list h4 {
margin-top:0
}
.widgets .check-list p {
margin:0
}
.widgets+.feature-section {
background-color:#FAFAFA
}
.widget_search {
margin-bottom:2em
}
.widget_pages>ul {
border-bottom:none
}
.widget_pages>ul li {
border-bottom:1px dashed #E0E0E0
}
.widget_pages>ul>li {
padding:.5em 0;
font-size:.9375em
}
.widget_pages>ul>li>ul li {
padding:.5em 0 .5em 1.5em
}
.widget_pages>ul>li>ul li a::before {
content:"\f178";
font-family:"FontAwesome";
padding-right:.25em
}
.widget_pages>ul>li>ul li:last-of-type {
border-bottom:0;
padding-bottom:0
}
.widget_pages>ul>li>ul>li {
font-size:.875em
}
.widget_usps {
padding:1.5em;
margin-bottom:1.5em;
background-color:#f5f5f5;
box-shadow:0 2px 2px rgba(0,0,0,0.25);
border-radius:3px
}
.widget_usps ul li {
border-bottom:1px dashed #E0E0E0;
padding:.75em 0
}
.widget_usps ul li:last-of-type {
border:0;
padding-bottom:0
}
.widget_usps ul li .fa {
font-size:1.25em;
padding-right:.5em;
color:#00a651;
width:30px
}
.widget_address ul li {
padding:.5em 0
}
.widget_icon_list {
list-style:none;
padding-left:0;
margin-top:-1em
}
.widget_icon_list li {
padding:.75em 0;
border-bottom:1px dashed #BDBDBD
}
.widget_icon_list li .fa {
font-size:1.5em;
padding:.75em;
border-radius:50%;
background-color:white;
margin-right:.5em
}
.widget_icon_list li a {
color:#424242
}
.widget_icon_list li a:hover {
color:#9E9E9E
}
.widget_quote {
box-shadow:0 2px 2px rgba(0,0,0,0.25);
text-align:center;
margin-bottom:2em
}
.widget_quote img {
border-radius:3px 3px 0 0;
width:100%;
height:auto
}
.widget_quote h4 {
border-radius:0 0 3px 3px;
-webkit-transition:all ease .3s;
transition:all ease .3s;
margin:0;
padding:1.5em;
text-transform:uppercase;
color:white;
background-color:#00a651
}
.widget_quote:hover img {
opacity:.75
}
.widget_quote:hover h4 {
background-color:rgba(0,166,81,0.75)
}
.textwidget .social-links a {
padding:1em;
border-radius:50%;
background-color:white;
display:inline-block;
box-shadow:0 2px 2px rgba(0,0,0,0.25);
margin-right:.25em;
margin-bottom:.5em
}
.textwidget .social-links a .fa {
font-size:1.25em;
width:1.25em;
height:1em;
text-align:center;
vertical-align:middle
}
aside .textwidget .social-links a {
background-color:#FAFAFA
}
.widget_mc4wp_widget {
margin-bottom:1.5em
}
footer {
background-color:#4C565D;
overflow:hidden
}
footer .address {
float:left;
margin-right:1em
}
footer .form {
display:table-cell
}
footer form input[type=text],
footer form input[type=email],
footer form input[type=tel] {
display:inline-block;
width:calc(50% - .5em)
}
footer form input[type=text]:nth-child(odd),
footer form input[type=email]:nth-child(odd),
footer form input[type=tel]:nth-child(odd) {
margin-right:1em
}
footer h3.widget-title,
footer body.single h1.widget-title,
body.single footer h1.widget-title {
margin-bottom:1em;
color:#fff
}
footer p {
color:#fff
}
footer ul li {
color:#fff
}
footer address {
display:inline-block;
margin-right:1em
}
footer #menu-footer-menu {
list-style:none;
padding-left:0
}
footer #menu-footer-menu li {
margin-bottom:1rem
}
footer .footer-paws {
width:auto;
height:80%;
position:absolute;
top:50%;
left:-3rem;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
opacity:0.1
}
.footer-copyright {
background:#424242
}
.footer-copyright i {
color:#00a651;
padding:.5rem;
width:32px;
text-align:center;
border-radius:2px
}
.footer-copyright i:hover {
background:#eee
}
.footer-bg {
background-color:#262626
}
#copyright a,
#footer p,
#footer h3,
#footer body.single h1,
body.single #footer h1 {
color:white !important
}
#footer .widget-heading,
#footer body.single h1,
body.single #footer h1 {
padding-bottom:20px
}
#footer .menu-item:after {
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f105";
color:#fff;
margin:0px 0px 0px 10px;
text-decoration:none;
float:right
}
#footer .menu-item {
border-bottom:1px solid #fff;
padding-bottom:10px;
margin-bottom:10px
}
.menu-quick-links-container {
max-width:90%
}
#footer .menu-item a:hover {
color:#00a651;
text-decoration:none
}
#footer .menu-item:hover::after {
color:#00a651
}
#footer .search-submit,
#footer form.wpcf7-form input[type=submit],
form.wpcf7-form #footer input[type=submit],
#footer .mc4wp-form form input[type=submit],
.mc4wp-form form #footer input[type=submit] {
display:none
}
#footer .search-field {
background-color:#424141
}
#footer .search-field:after {
content:'\f002';
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
margin:0px 0px 0px 0px;
text-decoration:none;
color:white
}
#footer .btn-social {
font-size:1rem;
background:transparent;
border:1px solid white;
color:white;
padding:12px 16px
}
#footer .btn-social:hover {
font-size:1rem;
background:white;
border:1px solid white;
color:black;
padding:12px 16px
}
#footer a {
color:white
}
#footer i {
color:#00a651
}
#footer .footer-social-links {
color:white;
font-size:1rem;
padding-left:20px
}
#footer .footer-social-links:hover {
-webkit-transform:scale(1.2, 1.2);
transform:scale(1.2, 1.2);
color:#00a651
}
#footer .widget_recent_entries {
color:white
}
#footer .widget_recent_entries ul {
padding-left:20px !important
}
#footer .widget_recent_entries li {
padding-bottom:10px !important
}
#footer .widget_recent_entries li:before {
content:"\f105";
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
text-decoration:inherit;
color:white;
font-size:1rem;
padding-right:0.5em;
position:absolute;
left:0
}
#footer .widget_recent_entries li:hover:before {
color:#00a651
}
#footer .widget_recent_entries a:hover {
text-decoration:underline;
background-color:transparent
}
#footer .post-date {
color:#ababab;
padding-left:10px;
font-size:0.8rem
}
#footer .icon-list-items li:hover {
text-decoration:underline
}
.map-directions {
background-color:#262626;
overflow:auto
}
.map-directions h2 {
color:white;
font-size:1.25rem
}
.slick-image {
max-width:50%
}
.panel {
position:relative;
overflow:hidden
}
.panel-thumbnail {
float:left;
max-width:30%
}
.panel-thumbnail:hover {
-webkit-transform:scale(1.1, 1.1);
transform:scale(1.1, 1.1)
}
.panel-inline {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
max-width:95%
}
.lazyload,
.lazyloading {
opacity:0
}
.lazyloaded {
opacity:1;
-webkit-transition:opacity 300ms;
transition:opacity 300ms
}
.icon-list-icon {
float:left
}
.footer-logo {
height:100% !important;
width:75% !important;
background-color:transparent;
margin-top:6px
}
.widget_search label {
float:left;
width:70%
}
.search-submit,
form.wpcf7-form input[type=submit],
.mc4wp-form form input[type=submit] {
-webkit-transition:all ease .3s;
transition:all ease .3s;
width:30%;
line-height:1.5;
padding:.5em 1em;
background:#00a651;
border:1px solid #00a651;
color:white;
font-weight:bold;
border-radius:0 3px 3px 0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.search-submit:hover,
form.wpcf7-form input[type=submit]:hover,
.mc4wp-form form input[type=submit]:hover {
background:rgba(0,166,81,0.75);
border:1px solid rgba(0,166,81,0.75)
}
form input {
font-size:1em;
line-height:1.5;
padding:.5em 1em;
-webkit-transition:all ease .3s;
transition:all ease .3s
}
form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=search] {
border:1px solid #E0E0E0;
width:100%;
margin-bottom:1.5em
}
form input[type=checkbox] {
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
margin:0;
padding:0;
opacity:0;
z-index:2
}
form input[type=checkbox]+.wpcf7-list-item-label,
form input[type=checkbox]+.label {
padding-left:1.5em;
position:absolute
}
form input[type=checkbox]+.wpcf7-list-item-label::before,
form input[type=checkbox]+.wpcf7-list-item-label::after,
form input[type=checkbox]+.label::before,
form input[type=checkbox]+.label::after {
content:'';
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-.5em;
width:1em;
height:1em;
line-height:1em;
border-radius:3px
}
form input[type=checkbox]+.wpcf7-list-item-label::before,
form input[type=checkbox]+.label::before {
border:1px solid #E0E0E0;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.08)
}
form input[type=checkbox]+.wpcf7-list-item-label::after,
form input[type=checkbox]+.label::after {
background-color:#00a651;
background-image:url(//www.aratedhomeimprovements.co.uk/wp-content/themes/a-rated/css/img/check.png);
background-size:8px 8px;
background-repeat:no-repeat;
background-position:center;
box-shadow:0 0 5px rgba(0,166,81,0.4);
display:none;
color:white
}
form input[type=checkbox]:checked+.wpcf7-list-item-label::after,
form input[type=checkbox]:checked+.label::after {
display:block
}
form textarea {
line-height:1.5;
padding:.5em 1em;
border:1px solid #E0E0E0;
width:100%;
margin-bottom:1em;
resize:none;
display:inline-block
}
form.wpcf7-form p:first-of-type {
margin-bottom:0
}
form.wpcf7-form .wpcf7-form-control-wrap:nth-of-type(2n+1) {
padding-right:.5em
}
form.wpcf7-form .wpcf7-form-control-wrap:nth-of-type(2n) {
padding-left:.5em
}
form.wpcf7-form .wpcf7-form-control-wrap:not(.message) {
display:inline-block;
width:50%
}
form.wpcf7-form input[type=submit] {
width:auto;
padding:.5em 3em;
float:right
}
.mc4wp-form {
display:block !important;
width:100%
}
.mc4wp-form form input {
margin:0 !important
}
.mc4wp-form form input[type=email] {
width:70%
}
div.wpcf7 {
margin:0;
padding:0
}
div.wpcf7-response-output,
div.mc4wp-alert {
padding:.75em 1em;
margin-top:4em;
border:1px solid transparent;
border-radius:3px
}
div.mc4wp-alert {
margin-top:2em
}
div.wpcf7 .screen-reader-response {
position:absolute;
overflow:hidden;
clip:rect(1px, 1px, 1px, 1px);
height:1px;
width:1px;
margin:0;
padding:0;
border:0
}
div.wpcf7-mail-sent-ok,
div.mc4wp-notice {
color:#3c763d;
background-color:#dff0d8;
border-color:#d6e9c6
}
div.wpcf7-mail-sent-ng {
border:2px solid #ff0000
}
div.wpcf7-spam-blocked {
border:2px solid #ffa500
}
div.wpcf7-validation-errors {
color:#a94442;
background-color:#f2dede;
border-color:#ebccd1
}
span.wpcf7-form-control-wrap {
position:relative
}
span.wpcf7-not-valid-tip {
color:#f00;
display:block;
position:absolute;
left:0;
top:-1.5em
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position:absolute;
top:20%;
left:20%;
z-index:100;
border:1px solid #ff0000;
background:#fff;
padding:.2em .8em
}
span.wpcf7-list-item {
margin-left:0.5em
}
.wpcf7-display-none {
display:none
}
div.wpcf7 img.ajax-loader {
border:none;
vertical-align:middle;
margin-left:4px
}
div.wpcf7 div.ajax-error {
display:none
}
div.wpcf7 .placeheld {
color:#888
}
main {
padding:2em 0
}
@media (min-width: 768px) {
main {
padding:4em 0
}
}
.bg-primary {
background-color:#00a651
}
.bg-secondary {
background-color:#eb4a24
}
.embed-responsive {
position:relative;
display:block;
height:0;
padding:0;
overflow:hidden
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position:absolute;
top:0;
bottom:0;
left:0;
width:100%;
height:100%;
border:0
}
.embed-responsive-21by9 {
padding-bottom:42.85714286%
}
.embed-responsive-16by9 {
padding-bottom:56.25%
}
.embed-responsive-3by2 {
padding-bottom:66.66666667%
}
.embed-responsive-4by3 {
padding-bottom:75%
}
.embed-responsive-1by1 {
padding-bottom:100%
}
.panel-thumbnail img {
background-color:#FFFFFF;
margin:6px 0 0 0;
max-height:70px;
max-width:5rem;
min-height:70px;
min-width:5rem;
position:relative;
z-index:100001
}
.text-truncate {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin:0 10px
}
.text-truncate a:hover {
color:#00a651 !important
}
.rpt {
margin:0 10px;
font-size:0.8rem
}
.pa-img-heading {
position:absolute;
bottom:0;
text-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:distribute;
justify-content:space-around;
color:#fff;
text-transform:uppercase;
font-weight:800;
width:100%;
z-index:4
}
.pa:hover .pa-img-heading {
display:none
}
.green-box {
position:absolute;
z-index:10;
width:100%;
height:100%;
text-align:center;
-webkit-transition:content 2s, box-shadow 0.3s ease-in-out;
transition:content 2s, box-shadow 0.3s ease-in-out;
box-shadow:inset 0px -11px 0px 0px #6ebc44
}
.green-box:hover {
box-shadow:inset 0px -60px 0px 0px #6ebc44
}
.green-box:hover:hover:after {
content:'View';
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
bottom:6%;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
color:#fff;
font-weight:800;
letter-spacing:0.15rem
}
.blue-box {
position:absolute;
z-index:10;
width:100%;
height:100%;
text-align:center;
-webkit-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.3s ease-in-out;
box-shadow:inset 0px -11px 0px 0px #2eb7e9
}
.blue-box:hover {
box-shadow:inset 0px -60px 0px 0px #2eb7e9
}
.blue-box:hover:hover:after {
content:'View';
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
bottom:6%;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
color:#fff;
font-weight:800;
letter-spacing:0.15rem;
-webkit-transition:all 2s;
transition:all 2s
}
.pink-box {
position:absolute;
z-index:10;
width:100%;
height:100%;
text-align:center;
-webkit-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.3s ease-in-out;
box-shadow:inset 0px -11px 0px 0px #da60a3
}
.pink-box:hover {
box-shadow:inset 0px -60px 0px 0px #da60a3
}
.pink-box:hover:hover:after {
content:'View';
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
bottom:6%;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
color:#fff;
font-weight:800;
letter-spacing:0.15rem
}
.orange-box {
position:absolute;
z-index:10;
width:100%;
height:100%;
text-align:center;
-webkit-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.3s ease-in-out;
box-shadow:inset 0px -11px 0px 0px #f28821
}
.orange-box:hover {
box-shadow:inset 0px -60px 0px 0px #f28821
}
.orange-box:hover:hover:after {
content:'View';
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
bottom:6%;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
color:#fff;
font-weight:800;
letter-spacing:0.15rem
}
.green-border {
border-bottom:10px solid #6ebc44
}
.blue-border {
border-bottom:10px solid #2eb7e9
}
.pink-border {
border-bottom:10px solid #da60a3
}
.orange-border {
border-bottom:10px solid #f28821
}
.in {
display:block !important
}
#main-content *:first-child {
margin-top:0
}
.products-section {
background-color:#424242;
padding:2em 0;
color:white
}
.products-section .controls li:not(.active) {
color:rgba(255,255,255,0.75)
}
.products-section .controls li:not(:last-of-type)::after {
content:"/";
display:inline-block;
position:relative;
padding:0 .5em;
color:#9E9E9E
}
.products-section .controls li:hover {
color:white
}
.products-section #filter .product {
display:block;
position:relative;
overflow:hidden;
margin-bottom:30px;
-webkit-perspective:1000;
perspective:1000
}
.products-section #filter .product.thumbnail::after {
opacity:.25
}
.products-section #filter .product::after {
-webkit-transition:opacity ease .3s;
transition:opacity ease .3s;
content:"";
position:absolute;
width:100%;
height:100%;
background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.25) 0, rgba(0,0,0,0.5) 100%);
background:linear-gradient(to top, rgba(0,0,0,0.25) 0, rgba(0,0,0,0.5) 100%);
left:0;
top:0;
z-index:1
}
.products-section #filter .product:hover::after {
opacity:1
}
.products-section #filter .product:hover img {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
.products-section #filter .product:hover .info {
visibility:visible;
opacity:1
}
.products-section #filter .product img {
width:100%;
height:auto
}
.products-section #filter .product .info {
-webkit-transition:all ease .3s;
transition:all ease .3s;
visibility:hidden;
opacity:0;
color:white;
position:absolute;
bottom:0;
left:2.5%;
padding:1em;
z-index:2
}
.products-section #filter .product .info h6 {
color:#eee
}
.products-section #filter .product .info h6 span:not(:first-of-type)::before {
content:", "
}
.products-section #filter .product .info .excerpt {
display:block;
font-size:.875em;
color:#eee
}
@media (max-width: 991px) {
.products-section #filter .product.thumbnail::after {
opacity:1
}
.products-section #filter .product::after {
opacity:1
}
.products-section #filter .product .info {
visibility:visible;
opacity:1
}
.products-section #filter .product .info .excerpt {
display:none
}
}
@media (min-width: 992px) and (max-width: 1319px) {
.products-section #filter .product .info .excerpt {
font-size:.75em;
max-height:6em;
overflow:hidden;
text-overflow:ellipsis
}
}
main.products-section {
background-color:transparent
}
.feature-section {
padding:2em 0
}
.feature-section p {
margin-bottom:2em;
font-size:.9375em
}
.feature-section h3,
.feature-section body.single h1,
body.single .feature-section h1 {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.feature-section .post-thumbnail,
.feature-section .video-thumbnail {
display:block;
position:relative;
overflow:hidden
}
.feature-section .post-thumbnail::before,
.feature-section .post-thumbnail::after,
.feature-section .video-thumbnail::before,
.feature-section .video-thumbnail::after {
-webkit-transition:all ease .3s;
transition:all ease .3s;
opacity:0
}
.feature-section .post-thumbnail:hover::before,
.feature-section .post-thumbnail:hover::after,
.feature-section .video-thumbnail:hover::before,
.feature-section .video-thumbnail:hover::after {
opacity:1
}
.feature-section .post-thumbnail img,
.feature-section .video-thumbnail img {
width:100%;
height:auto
}
.feature-section .post-thumbnail::before,
.feature-section .video-thumbnail::before {
content:"";
display:block;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background-color:rgba(0,0,0,0.35);
z-index:1
}
.feature-section .post-thumbnail::after,
.feature-section .video-thumbnail::after {
font-family:FontAwesome;
font-size:2em;
color:white;
display:block;
position:absolute;
top:20px;
right:35px;
line-height:1;
z-index:2
}
.feature-section .post-thumbnail::after {
content:"\f0f6"
}
.feature-section .video-thumbnail .crop {
display:block;
padding-bottom:56.25%
}
.feature-section .video-thumbnail .crop img {
position:absolute;
-webkit-transform:translateY(-12.5%);
transform:translateY(-12.5%);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-perspective:1000;
perspective:1000
}
.feature-section .video-thumbnail::after {
content:"\f04b"
}
.feature-section .col-xs-6 {
margin-bottom:1em
}
@media (min-width: 768px) {
.feature-section {
padding:4em 0
}
.feature-section .col-xs-6 {
margin-bottom:0
}
}
#title {
background-color:#FAFAFA;
border-top:1px solid #E0E0E0
}
#testimonials {
padding:2em 0 0
}
@media (min-width: 768px) {
#testimonials {
padding:4em 0 1em
}
#testimonials .col-xs-6 {
margin-bottom:0
}
}
#testimonials blockquote {
background:0;
border:0;
padding:0
}
#testimonials blockquote .footer {
position:relative;
bottom:50px;
left:1.5em
}
#testimonials q {
display:block;
padding:1.5em 1.5em 3em;
margin-bottom:1em;
background-color:#FAFAFA;
border:2px solid #eee
}
#testimonials .attachment-profile_thumbnail {
border-radius:50%;
width:100px;
height:100px;
box-shadow:0 2px 3px 2px rgba(0,0,0,0.15)
}
#testimonials .attachment-profile_thumbnail:hover {
opacity:1
}
#testimonials img+h6,
#testimonials img+noscript+h6 {
position:relative;
top:2em;
left:1em
}
#testimonials h6 {
display:inline-block
}
#testimonials article {
position:relative;
padding:1em;
margin-bottom:4em;
background-color:#FAFAFA
}
#testimonials article img {
position:absolute;
bottom:-3em;
right:2em
}
#testimonials .author span {
font-size:.6em;
color:#757575
}
.accreditations {
background-color:#FAFAFA;
border-bottom:5px solid #eee;
padding:1em 0
}
.accreditations img {
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
opacity:0.5;
padding:.5em
}
.accreditations img:hover {
-webkit-filter:none;
filter:none;
opacity:1
}
.image-list-item {
overflow:hidden
}
.image-list-item img {
float:left;
margin-right:1.5em;
margin-bottom:1.5em
}
.image-list-item .paragraph {
display:table-cell
}
.image-list-item .paragraph h3.widget-heading,
.image-list-item .paragraph body.single h1,
body.single .image-list-item .paragraph h1 {
margin-bottom:.5em
}
.image-list-item .paragraph p {
margin-bottom:1em
}
body.blog article,
body.archive article,
body.search article {
background:white;
margin-bottom:1.5em;
box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}
body.blog article img,
body.archive article img,
body.search article img {
width:100%;
height:auto
}
body.blog article img:hover,
body.archive article img:hover,
body.search article img:hover {
opacity:.75
}
body.blog article h3,
body.blog article body.single h1,
body.single body.blog article h1,
body.archive article h3,
body.archive article body.single h1,
body.single body.archive article h1,
body.search article h3,
body.search article body.single h1,
body.single body.search article h1 {
margin-bottom:.5em
}
body.blog article .article-text,
body.archive article .article-text,
body.search article .article-text {
padding:2em
}
body.blog article .article-info span::after,
body.archive article .article-info span::after,
body.search article .article-info span::after,
body.single article .article-info span::after {
content:"\2022";
position:static;
padding:0 .25em 0 .4em
}
#banner {
height:750px !important
}
#banner {
width:100%;
height:100vh;
max-height:750px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:relative
}
.overflow-hidden {
overflow:hidden
}
body.single .post-bg {
max-width:unset
}
.cover {
-o-object-fit:cover;
object-fit:cover;
width:100%;
height:100%
}
.pos-x-y-center {
position:absolute;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
top:50%;
left:50%
}
#banner .banner-overlay {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:rgba(0,0,0,0.5)
}
#banner .banner-content:not(.banner-content-center) {
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
left:0
}
.w-max-md-800 {
max-width:800px !important
}
.text-shadow-md {
text-shadow:0 3px 6px rgba(0,0,0,0.2)
}
.bg-primary-lighter {
background:#EAF2F7
}
.p-y-17 {
padding-top:.875rem;
padding-bottom:.875rem
}
body.single .single-post-meta {
margin-left:94px
}
body.single .single-post-meta .author-portrait {
width:96px !important;
height:96px !important;
top:-8.5px !important
}
body.single .single-post-meta .author-portrait {
border-radius:78px;
position:absolute;
top:-4.75px;
left:0;
width:78px;
height:78px
}
.box-shadow-base {
box-shadow:0 1px 2px rgba(0,0,0,0.15)
}
.d-flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
body.single .social-share-links-post {
position:relative;
top:0;
padding:20px;
border-radius:50px;
box-shadow:0 1px 2px rgba(0,0,0,0.15)
}
body.single .social-share-links-post {
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease
}
.p-t-sm-1-5 {
padding-top:1.5rem !important
}
.p-b-sm-1 {
padding-bottom:1rem !important
}
.flex-sm-column {
-webkit-box-orient:vertical !important;
-webkit-box-direction:normal !important;
-ms-flex-direction:column !important;
flex-direction:column !important
}
.justify-content-space-around {
-ms-flex-pack:distribute;
justify-content:space-around
}
.d-flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.m-0 {
margin:0
}
.order-sm-1 {
-webkit-box-ordinal-group:2 !important;
-ms-flex-order:1 !important;
order:1 !important
}
.order-sm-2 {
-webkit-box-ordinal-group:3 !important;
-ms-flex-order:2 !important;
order:2 !important
}
.order-sm-3 {
-webkit-box-ordinal-group:4 !important;
-ms-flex-order:3 !important;
order:3 !important
}
.order-sm-4 {
-webkit-box-ordinal-group:5 !important;
-ms-flex-order:4 !important;
order:4 !important
}
.order-sm-5 {
-webkit-box-ordinal-group:6 !important;
-ms-flex-order:5 !important;
order:5 !important
}
.order-sm-6 {
-webkit-box-ordinal-group:7 !important;
-ms-flex-order:6 !important;
order:6 !important
}
.order-sm-7 {
-webkit-box-ordinal-group:8 !important;
-ms-flex-order:7 !important;
order:7 !important
}
.btn-reset {
border:none !important;
background:none !important
}
body.single .social-share-links-post a {
font-size:1.2rem
}
body.single .social-share-links-post a {
display:block
}
.sm-flex-wrap {
-ms-flex-wrap:wrap !important;
flex-wrap:wrap !important
}
.d-sm-flex {
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important
}
.border-radius-base {
border-radius:0.25rem
}
.h-100 {
height:100%
}
.box-shadow-base {
box-shadow:0 1px 2px rgba(0,0,0,0.15)
}
.flex-column {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.card-post {
box-shadow:0px 10px 6px 0px rgba(0,0,0,0.12)
}
.bg-white {
background-color:white
}
.scrolled {
margin-top:8rem
}
.w-max-md-800 {
max-width:800px !important
}
#banner .banner-content {
position:absolute;
width:100%;
top:50%
}
#banner .banner-content:not(.banner-content-center) {
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
left:0
}
.blog-heading-container {
position:absolute;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
top:50%
}
.banner-title {
font-size:2.5rem !important
}
@media only screen and (max-width: 768px) {
.sidebar-container {
display:none
}
}
#sidebar .panel-body p {
color:black
}
#sidebar .panel-body a {
color:#00a651
}
.social-share-links {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:20px
}
.print {
color:#00a651
}
.d-flex-col {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.d-flex-row {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
#downloads .controls {
display:table;
table-layout:fixed;
width:100%;
margin-bottom:2em
}
#downloads .controls li {
width:auto;
display:table-cell;
background-color:#f5f5f5;
padding:1em;
position:relative
}
#downloads .controls li.active {
color:black;
background-color:#eee;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);
cursor:default
}
#downloads .controls li.active::after {
content:" ";
position:absolute;
z-index:3;
bottom:0;
left:50%;
display:inline-block;
width:0;
height:0;
margin-left:-3px;
vertical-align:middle;
border-bottom:6px solid;
border-bottom-color:white;
border-right:6px solid transparent;
border-left:6px solid transparent
}
#downloads .controls li:not(.active) {
border:2px solid #eee
}
#downloads .controls li:not(.active):hover {
color:black;
background-color:#f3f3f3
}
#downloads .controls li:first-of-type {
border-radius:3px 0 0 3px
}
#downloads .controls li:last-of-type {
border-radius:0 3px 3px 0
}
#downloads .document {
box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
border-radius:3px;
overflow:auto;
margin-bottom:2em;
display:table;
width:100%
}
#downloads .document .img {
float:left;
display:none;
width:7.5em;
height:11.25em;
background-color:#FAFAFA;
position:relative
}
#downloads .document .fa {
font-size:4em;
color:#757575;
width:100%;
text-align:center
}
#downloads .document img,
#downloads .document .fa {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
#downloads .document .document-text {
width:100%;
height:11.25em;
display:table-cell;
vertical-align:top;
padding:1em 1em 0
}
#downloads .document h3,
#downloads .document body.single h1,
body.single #downloads .document h1,
#downloads .document .h3 {
font-size:1em;
margin-bottom:1em
}
#downloads .document h6 {
font-size:.75em;
color:#757575
}
#downloads .document .btn {
font-size:.75em;
position:absolute;
right:2em;
bottom:3.25em
}
@media (min-width: 768px) {
#downloads .document .img {
display:block
}
}
@media (max-width: 1320px) {
#downloads .document .btn {
display:none
}
}
#downloads.widget_downloads .document {
position:relative;
margin-bottom:1em
}
#downloads.widget_downloads .document .img,
#downloads.widget_downloads .document .document-text {
height:8em
}
#downloads.widget_downloads .document .img {
width:6em
}
#downloads.widget_downloads .document .fa {
font-size:3em
}
#downloads.widget_downloads .document h5 {
margin-top:0
}
#downloads.widget_downloads .document .btn {
font-size:.625em;
bottom:1em;
right:1em
}
body.page-template-page-gallery main {
padding-top:0
}
body.page-template-page-gallery .controls {
margin-top:0
}
body.page-template-page-gallery .controls.affix {
top:3em
}
body.page-template-page-gallery .controls.affix+div {
margin-top:5.5em
}
body.page-template-page-gallery.admin-bar .controls.affix {
top:calc(3em + 32px);
box-shadow:0 2px 2px rgba(0,0,0,0.15)
}
body.single h1 {
margin-top:0;
margin-bottom:.5em
}
body.single .wp-post-image {
margin-bottom:1.5em;
width:100%;
height:auto
}
body.page-id-8 #google-map::after {
content:"";
position:absolute;
display:block;
left:0;
top:0;
width:100%;
height:100%;
background:-webkit-linear-gradient(bottom, transparent 0, rgba(0,0,0,0.35) 100%);
background:linear-gradient(to top, transparent 0, rgba(0,0,0,0.35) 100%);
z-index:0
}
.card-header {
padding:20px;
color:white;
letter-spacing:0.25rem
}
.card .icon-list-items {
list-style:none
}
.card .icon-list-items a {
color:black;
letter-spacing:0.2rem
}
.card .icon-list-items a:hover {
color:#00a651
}
.fancybox-enabled {
overflow:hidden
}
.fancybox-enabled body {
overflow:visible;
height:100%
}
.fancybox-is-hidden {
position:absolute;
top:-9999px;
left:-9999px;
visibility:hidden
}
.fancybox-container {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:99993;
-webkit-tap-highlight-color:transparent;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
.fancybox-container ~ .fancybox-container {
z-index:99992
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}
.fancybox-outer {
overflow-y:auto;
-webkit-overflow-scrolling:touch
}
.fancybox-bg {
background:#1e1e1e;
opacity:0;
-webkit-transition-duration:inherit;
transition-duration:inherit;
-webkit-transition-property:opacity;
transition-property:opacity;
-webkit-transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71);
transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71)
}
.fancybox-is-open .fancybox-bg {
opacity:0.87;
-webkit-transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1)
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
position:absolute;
direction:ltr;
z-index:99997;
opacity:0;
visibility:hidden;
-webkit-transition:opacity .25s, visibility 0s linear .25s;
transition:opacity .25s, visibility 0s linear .25s;
box-sizing:border-box
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
opacity:1;
visibility:visible;
-webkit-transition:opacity .25s, visibility 0s;
transition:opacity .25s, visibility 0s
}
.fancybox-infobar {
top:0;
left:50%;
margin-left:-79px
}
.fancybox-infobar__body {
display:inline-block;
width:70px;
line-height:44px;
font-size:13px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
text-align:center;
color:#ddd;
background-color:rgba(30,30,30,0.7);
pointer-events:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-touch-callout:none;
-webkit-tap-highlight-color:transparent;
-webkit-font-smoothing:subpixel-antialiased
}
.fancybox-toolbar {
top:0;
right:0
}
.fancybox-stage {
overflow:hidden;
direction:ltr;
z-index:99994;
-webkit-transform:translate3d(0, 0, 0)
}
.fancybox-slide {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0;
padding:0;
overflow:auto;
outline:none;
white-space:normal;
box-sizing:border-box;
text-align:center;
z-index:99994;
-webkit-overflow-scrolling:touch;
display:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transition-property:opacity, -webkit-transform;
transition-property:opacity, -webkit-transform;
transition-property:transform, opacity;
transition-property:transform, opacity, -webkit-transform;
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
.fancybox-slide::before {
content:'';
display:inline-block;
vertical-align:middle;
height:100%;
width:0
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display:block
}
.fancybox-slide--image {
overflow:visible
}
.fancybox-slide--image::before {
display:none
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
background:#000
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
background:#E5E3DF
}
.fancybox-slide--next {
z-index:99995
}
.fancybox-slide>* {
display:inline-block;
position:relative;
padding:24px;
margin:44px 0 44px;
border-width:0;
vertical-align:middle;
text-align:left;
background-color:#fff;
overflow:auto;
box-sizing:border-box
}
.fancybox-slide .fancybox-image-wrap {
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
border:0;
z-index:99995;
background:transparent;
cursor:default;
overflow:visible;
-webkit-transform-origin:top left;
transform-origin:top left;
background-size:100% 100%;
background-repeat:no-repeat;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor:zoom-out
}
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor:zoom-in
}
.fancybox-can-drag .fancybox-image-wrap {
cursor:-webkit-grab;
cursor:grab
}
.fancybox-is-dragging .fancybox-image-wrap {
cursor:-webkit-grabbing;
cursor:grabbing
}
.fancybox-image,
.fancybox-spaceball {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
max-width:none;
max-height:none
}
.fancybox-spaceball {
z-index:1
}
.fancybox-slide--iframe .fancybox-content {
padding:0;
width:80%;
height:80%;
max-width:calc(100% - 100px);
max-height:calc(100% - 88px);
overflow:visible;
background:#fff
}
.fancybox-iframe {
display:block;
margin:0;
padding:0;
border:0;
width:100%;
height:100%;
background:#fff
}
.fancybox-error {
margin:0;
padding:40px;
width:100%;
max-width:380px;
background:#fff;
cursor:default
}
.fancybox-error p {
margin:0;
padding:0;
color:#444;
font:16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif
}
.fancybox-close-small {
position:absolute;
top:0;
right:0;
width:44px;
height:44px;
padding:0;
margin:0;
border:0;
border-radius:0;
outline:none;
background:transparent;
z-index:10;
cursor:pointer
}
.fancybox-close-small:after {
content:'×';
position:absolute;
top:5px;
right:5px;
width:30px;
height:30px;
font:20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
color:#888;
font-weight:300;
text-align:center;
border-radius:50%;
border-width:0;
background:#fff;
-webkit-transition:background .25s;
transition:background .25s;
box-sizing:border-box;
z-index:2
}
.fancybox-close-small:focus:after {
outline:1px dotted #888
}
.fancybox-close-small:hover:after {
color:#555;
background:#eee
}
.fancybox-slide--iframe .fancybox-close-small {
top:0;
right:-44px
}
.fancybox-slide--iframe .fancybox-close-small:after {
background:transparent;
font-size:35px;
color:#aaa
}
.fancybox-slide--iframe .fancybox-close-small:hover:after {
color:#fff
}
.fancybox-caption-wrap {
bottom:0;
left:0;
right:0;
padding:60px 30px 0 30px;
background:-webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.8) 100%);
background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.8) 100%);
pointer-events:none
}
.fancybox-caption {
padding:30px 0;
border-top:1px solid rgba(255,255,255,0.4);
font-size:14px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
color:#fff;
line-height:20px;
-webkit-text-size-adjust:none
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
pointer-events:all
}
.fancybox-caption a {
color:#fff;
text-decoration:underline
}
.fancybox-button {
display:inline-block;
position:relative;
margin:0;
padding:0;
border:0;
width:44px;
height:44px;
line-height:44px;
text-align:center;
background:transparent;
color:#ddd;
border-radius:0;
cursor:pointer;
vertical-align:top;
outline:none
}
.fancybox-button[disabled] {
cursor:default;
pointer-events:none
}
.fancybox-infobar__body,
.fancybox-button {
background:rgba(30,30,30,0.6)
}
.fancybox-button:hover:not([disabled]) {
color:#fff;
background:rgba(0,0,0,0.8)
}
.fancybox-button::before,
.fancybox-button::after {
content:'';
pointer-events:none;
position:absolute;
background-color:currentColor;
color:currentColor;
opacity:0.9;
box-sizing:border-box;
display:inline-block
}
.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
opacity:0.3
}
.fancybox-button--left::after,
.fancybox-button--right::after {
top:18px;
width:6px;
height:6px;
background:transparent;
border-top:solid 2px currentColor;
border-right:solid 2px currentColor
}
.fancybox-button--left::after {
left:20px;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg)
}
.fancybox-button--right::after {
right:20px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.fancybox-button--left {
border-bottom-left-radius:5px
}
.fancybox-button--right {
border-bottom-right-radius:5px
}
.fancybox-button--close::before,
.fancybox-button--close::after {
content:'';
display:inline-block;
position:absolute;
height:2px;
width:16px;
top:calc(50% - 1px);
left:calc(50% - 8px)
}
.fancybox-button--close::before {
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.fancybox-button--close::after {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.fancybox-arrow {
position:absolute;
top:50%;
margin:-50px 0 0 0;
height:100px;
width:54px;
padding:0;
border:0;
outline:none;
background:none;
cursor:pointer;
z-index:99995;
opacity:0;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-transition:opacity .25s;
transition:opacity .25s
}
.fancybox-arrow::after {
content:'';
position:absolute;
top:28px;
width:44px;
height:44px;
background-color:rgba(30,30,30,0.8);
background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
background-repeat:no-repeat;
background-position:center center;
background-size:24px 24px
}
.fancybox-arrow--right {
right:0
}
.fancybox-arrow--left {
left:0;
-webkit-transform:scaleX(-1);
transform:scaleX(-1)
}
.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
left:0
}
.fancybox-show-nav .fancybox-arrow {
opacity:0.6
}
.fancybox-show-nav .fancybox-arrow[disabled] {
opacity:0.3
}
.fancybox-loading {
border:6px solid rgba(100,100,100,0.4);
border-top:6px solid rgba(255,255,255,0.6);
border-radius:100%;
height:50px;
width:50px;
-webkit-animation:fancybox-rotate .8s infinite linear;
animation:fancybox-rotate .8s infinite linear;
background:transparent;
position:absolute;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-25px;
z-index:99999
}
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes fancybox-rotate {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.fancybox-animated {
-webkit-transition-timing-function:cubic-bezier(0, 0, 0.25, 1);
transition-timing-function:cubic-bezier(0, 0, 0.25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
opacity:0
}
.fancybox-fx-slide.fancybox-slide--next {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
opacity:0
}
.fancybox-fx-slide.fancybox-slide--current {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity:0;
-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity:1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
-webkit-transform:scale3d(1.5, 1.5, 1.5);
transform:scale3d(1.5, 1.5, 1.5);
opacity:0
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
-webkit-transform:scale3d(0.5, 0.5, 0.5);
transform:scale3d(0.5, 0.5, 0.5);
opacity:0
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
opacity:1
}
.fancybox-fx-rotate.fancybox-slide--previous {
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg);
opacity:0
}
.fancybox-fx-rotate.fancybox-slide--next {
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
opacity:0
}
.fancybox-fx-rotate.fancybox-slide--current {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1
}
.fancybox-fx-circular.fancybox-slide--previous {
-webkit-transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity:0
}
.fancybox-fx-circular.fancybox-slide--next {
-webkit-transform:scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform:scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity:0
}
.fancybox-fx-circular.fancybox-slide--current {
-webkit-transform:scale3d(1, 1, 1) translate3d(0, 0, 0);
transform:scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity:1
}
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform:translate3d(0, 0, 0) scale(1);
transform:translate3d(0, 0, 0) scale(1)
}
@media all and (max-width: 800px) {
.fancybox-infobar {
left:0;
margin-left:0
}
.fancybox-button--left,
.fancybox-button--right {
display:none !important
}
.fancybox-caption {
padding:20px 0;
margin:0
}
}
.fancybox-button--fullscreen::before {
width:15px;
height:11px;
left:calc(50% - 7px);
top:calc(50% - 6px);
border:2px solid;
background:none
}
.fancybox-button--play::before,
.fancybox-button--pause::before {
top:calc(50% - 6px);
left:calc(50% - 4px);
background:transparent
}
.fancybox-button--play::before {
width:0;
height:0;
border-top:6px inset transparent;
border-bottom:6px inset transparent;
border-left:10px solid;
border-radius:1px
}
.fancybox-button--pause::before {
width:7px;
height:11px;
border-style:solid;
border-width:0 2px 0 2px
}
.fancybox-thumbs {
display:none
}
.fancybox-button--thumbs {
display:none
}
@media all and (min-width: 800px) {
.fancybox-button--thumbs {
display:inline-block
}
.fancybox-button--thumbs span {
font-size:23px
}
.fancybox-button--thumbs::before {
width:3px;
height:3px;
top:calc(50% - 2px);
left:calc(50% - 2px);
box-shadow:0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
}
.fancybox-thumbs {
position:absolute;
top:0;
right:0;
bottom:0;
left:auto;
width:220px;
margin:0;
padding:5px 5px 0 0;
background:#fff;
word-break:normal;
-webkit-tap-highlight-color:transparent;
-webkit-overflow-scrolling:touch;
-ms-overflow-style:-ms-autohiding-scrollbar;
box-sizing:border-box;
z-index:99995
}
.fancybox-show-thumbs .fancybox-thumbs {
display:block
}
.fancybox-show-thumbs .fancybox-inner {
right:220px
}
.fancybox-thumbs>ul {
list-style:none;
position:absolute;
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
overflow-x:hidden;
overflow-y:auto;
font-size:0
}
.fancybox-thumbs>ul>li {
float:left;
overflow:hidden;
max-width:50%;
padding:0;
margin:0;
width:105px;
height:75px;
position:relative;
cursor:pointer;
outline:none;
border:5px solid transparent;
border-top-width:0;
border-right-width:0;
-webkit-tap-highlight-color:transparent;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
box-sizing:border-box
}
li.fancybox-thumbs-loading {
background:rgba(0,0,0,0.1)
}
.fancybox-thumbs>ul>li>img {
position:absolute;
top:0;
left:0;
min-width:100%;
min-height:100%;
max-width:none;
max-height:none;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.fancybox-thumbs>ul>li:before {
content:'';
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-radius:2px;
border:4px solid #4ea7f9;
z-index:99991;
opacity:0;
-webkit-transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
opacity:1
}
}
.unslider {
overflow:auto;
margin:0;
padding:0
}
.unslider-wrap {
position:relative
}
.unslider-wrap.unslider-carousel>li {
float:left
}
.unslider-vertical>ul {
height:100%
}
.unslider-vertical li {
float:none;
width:100%
}
.unslider-fade {
position:relative
}
.unslider-fade .unslider-wrap li {
position:absolute;
left:0;
top:0;
right:0;
z-index:8
}
.unslider-fade .unslider-wrap li.unslider-active {
z-index:10
}
.unslider ul,
.unslider ol,
.unslider li {
list-style:none;
margin:0;
padding:0;
border:none
}
.unslider-arrow {
position:absolute;
left:20px;
z-index:2;
cursor:pointer
}
.unslider-arrow.next {
left:auto;
right:20px
}
.grit {
-webkit-mask-image:url(//www.aratedhomeimprovements.co.uk/wp-content/themes/coppernose/img/grit.png);
mask-image:url(//www.aratedhomeimprovements.co.uk/wp-content/themes/coppernose/img/grit.png)
}
.text-feature {
font-size:1.125rem;
line-height:1.375rem
}
.text-shadow {
text-shadow:0 3px 6px rgba(0,0,0,0.3)
}
.text-white {
color:#fff
}
.text-center {
text-align:center
}
.text-right {
text-align:right
}
#primary-nav {
background:#fff
}
@media (min-width: 768px) {
.text-right-md-up {
text-align:right !important
}
footer .contact {
float:left;
width:50%
}
}
.list-contact {
list-style:none;
padding-left:0
}
.list-contact li {
margin-bottom:0.5rem
}
.list-contact li:last-of-type {
margin-bottom:0 !important
}
.list-contact .icon-float {
width:20px
}
.icon-float {
float:left;
margin-right:1rem
}
.icon-indent {
display:table-cell
}
.width-100 {
width:100%
}
.text-container {
max-width:728px;
margin:0 auto
}
.icon-wrap {
display:inline-block;
padding:.5rem;
border:#00a651 2px solid;
border-radius:600px;
overflow:hidden
}
.icon-wrap img {
filter:grayscale(40);
-webkit-filter:grayscale(40)
}
.box-shadow {
box-shadow:3px 3px 10px rgba(0,0,0,0.4)
}
.img-style {
box-shadow:0 3px 32px rgba(0,0,0,0.1);
border-radius:2px
}
.primary-bg-color {
background-color:#00a651
}
.secondary-bg-color {
background-color:#eb4a24
}
.primary-color {
color:#00a651
}
.secondary-color {
color:#eb4a24
}
.text-dark {
color:black !important
}
.slick-track {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.feature-icon {
font-size:calc(10px + 5vw)
}
.icon-centre {
width:100%;
text-align:center;
margin-bottom:10px
}
.media-heading {
text-align:center
}
.testimonial {
width:85%;
margin:0 auto;
font-size:1.3rem;
font-style:italic
}
#testimonials .test-container {
margin:40px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:calc(10px + 0.3vw);
cursor:-webkit-grabbing;
cursor:grabbing;
border-radius:1px;
text-align:center;
color:#fff
}
#testimonials .slick-track {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
#testimonials .slick-active:not(.slick-current) {
opacity:0.5;
-webkit-transform:scale(0.5);
transform:scale(0.5)
}
#testimonials .slick-active {
-webkit-transition:all 0.7s ease;
transition:all 0.7s ease
}
#testimonials .slick-current {
opacity:1
}
.chevron-prev {
position:absolute;
top:50%;
left:7%;
font-size:1.5rem
}
.chevron-next {
position:absolute;
top:50%;
right:7%;
font-size:1.5rem
}
.slick-dotted.slick-slider {
margin-bottom:30px
}
.slick-dots {
position:absolute;
bottom:-25px;
display:block;
width:100%;
padding:0;
margin:0;
list-style:none;
text-align:center
}
.slick-dots li {
position:relative;
display:inline-block;
width:20px;
height:20px;
margin:0 5px;
padding:0;
cursor:pointer
}
.slick-dots li button {
font-size:40px;
line-height:0;
display:block;
width:20px;
height:20px;
padding:5px;
cursor:pointer;
color:transparent;
border:0;
outline:none;
background:transparent
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline:none
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity:1
}
.slick-dots li button:before {
font-family:'slick';
font-size:40px;
line-height:20px;
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
content:'•';
text-align:center;
opacity:.25;
color:black;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before {
opacity:.75;
color:black
}
.row-btn {
text-align:right;
margin-top:5px
}
.media,
.media-body {
overflow:hidden;
zoom:1;
margin-bottom:20px
}
.study-head {
background:#00a651;
color:white;
padding:10px 10px 10px 20px;
position:absolute;
left:5%;
border-radius:10px;
bottom:90px
}
.study-head h4 {
margin:0px
}
.study-head p {
margin:0px
}
.study-image {
-o-object-fit:cover;
object-fit:cover;
width:100%;
height:100%
}
.study-card {
overflow:hidden;
height:40vh;
border-radius:1px;
box-shadow:0px 10px 6px 0px rgba(0,0,0,0.12)
}
.study-card:hover .study-block {
top:-70px
}
.study-card:hover #overlay {
opacity:1
}
.study-text {
color:white;
display:inline-block;
padding-left:40px;
padding-right:40px;
position:relative;
top:10px
}
.study-text .card-text {
margin-bottom:0px
}
.study-block {
background:#00a651;
position:relative;
top:-7px;
-webkit-transition:0.5s ease;
transition:0.5s ease;
height:100px
}
.study-card-img-top {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
position:absolute
}
.single-case-studies article,
.single-case-studies main {
padding:0 0 !important
}
.study-img-container {
height:50vh;
position:relative
}
.study-case-card {
background:white;
position:relative;
top:-150px;
border:1px solid #00a651;
padding:2vw
}
.study-test {
padding:20px;
font-style:italic
}
.study-test p {
margin-bottom:0px
}
.study-details {
padding:20px
}
.study-content {
display:inline-block;
padding:0px 40px
}
.details {
margin-left:60px;
width:170px
}
@media (max-width: 991px) {
.details {
margin-left:0px
}
}
.detail {
text-align:left;
color:#707070;
font-weight:800;
margin-bottom:10px;
font-size:1.2rem
}
@media (max-width: 991px) {
.detail {
text-align:left
}
}
.answer {
color:#00a651;
text-align:left;
margin-bottom:16px
}
.left-quote {
font-size:4rem;
opacity:0.1;
position:absolute;
top:20px;
left:20px
}
.right-quote {
font-size:4rem;
opacity:0.1;
position:absolute;
bottom:20px;
right:40px
}
.study-gallery {
padding:0px 20px
}
.study-gallery-img {
-o-object-fit:cover;
object-fit:cover;
width:100%;
height:100%;
position:absolute
}
.overlay-hover:hover #overlay {
opacity:1
}
.nav-show {
display:none !important
}
@media (max-width: 990px) {
.nav-show {
display:inline-block !important;
width:100%
}
}
@media (max-width: 1320px) {
.mixitup {
width:100%;
margin-left:auto;
margin-right:auto
}
}
@media (max-width: 976px) {
.archive-row {
display:block !important
}
}
@media (max-width: 991px) {
.text-muted {
text-align:center
}
}
.menu-show {
display:none
}
@media (max-width: 991px) {
.menu-show {
display:block
}
}
.bottom-cta {
display:none
}
@media (max-width: 768px) {
.bottom-cta {
display:block;
position:fixed;
width:100%;
bottom:-50px;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease;
text-align:center;
background-color:#F18065;
color:white;
left:0;
z-index:999
}
.bottom-cta a {
display:block;
padding:10px;
color:#fff !important;
font-size:1.2rem;
text-decoration:none;
-webkit-transition:all ease-in-out .3s;
transition:all ease-in-out .3s
}
.bottom-cta.visible {
bottom:0
}
.bottom-cta a:hover {
background:#eb4a24
}
} .animated {
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.animated.infinite {
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.animated.delay-1s {
-webkit-animation-delay:1s;
animation-delay:1s
}
.animated.delay-2s {
-webkit-animation-delay:2s;
animation-delay:2s
}
.animated.delay-3s {
-webkit-animation-delay:3s;
animation-delay:3s
}
.animated.delay-4s {
-webkit-animation-delay:4s;
animation-delay:4s
}
.animated.delay-5s {
-webkit-animation-delay:5s;
animation-delay:5s
}
@-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%,
43% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%,
43% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce {
-webkit-animation-name:bounce;
animation-name:bounce;
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity:1
}
25%,
75% {
opacity:0
}
}
@keyframes flash {
from,
50%,
to {
opacity:1
}
25%,
75% {
opacity:0
}
}
.flash {
-webkit-animation-name:flash;
animation-name:flash
}
@-webkit-keyframes pulse {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes pulse {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.pulse {
-webkit-animation-name:pulse;
animation-name:pulse
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)
}
to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)
}
to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.rubberBand {
-webkit-animation-name:rubberBand;
animation-name:rubberBand
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
from,
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake {
-webkit-animation-name:shake;
animation-name:shake
}
@-webkit-keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.headShake {
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
-webkit-animation-name:headShake;
animation-name:headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
to {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
to {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
.swing {
-webkit-transform-origin:top center;
transform-origin:top center;
-webkit-animation-name:swing;
animation-name:swing
}
@-webkit-keyframes tada {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes tada {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.tada {
-webkit-animation-name:tada;
animation-name:tada
}
@-webkit-keyframes wobble {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes wobble {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.wobble {
-webkit-animation-name:wobble;
animation-name:wobble
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
}
}
.jello {
-webkit-animation-name:jello;
animation-name:jello;
-webkit-transform-origin:center;
transform-origin:center
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.bounceIn {
-webkit-animation-duration:0.75s;
animation-duration:0.75s;
-webkit-animation-name:bounceIn;
animation-name:bounceIn
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.bounceInDown {
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.bounceInLeft {
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.bounceInRight {
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.bounceInUp {
-webkit-animation-name:bounceInUp;
animation-name:bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
50%,
55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
50%,
55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
}
.bounceOut {
-webkit-animation-duration:0.75s;
animation-duration:0.75s;
-webkit-animation-name:bounceOut;
animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%,
45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%,
45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
-webkit-animation-name:bounceOutDown;
animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
-webkit-animation-name:bounceOutLeft;
animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
-webkit-animation-name:bounceOutRight;
animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%,
45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%,
45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
-webkit-animation-name:bounceOutUp;
animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
opacity:1
}
}
.fadeIn {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.fadeInDown {
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInDownBig {
from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.fadeInDownBig {
-webkit-animation-name:fadeInDownBig;
animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.fadeInLeft {
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInLeftBig {
from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.fadeInLeftBig {
-webkit-animation-name:fadeInLeftBig;
animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.fadeInRight {
-webkit-animation-name:fadeInRight;
animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInRightBig {
from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.fadeInRightBig {
-webkit-animation-name:fadeInRightBig;
animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.fadeInUp {
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig {
from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUpBig {
from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.fadeInUpBig {
-webkit-animation-name:fadeInUpBig;
animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut {
from {
opacity:1
}
to {
opacity:0
}
}
@keyframes fadeOut {
from {
opacity:1
}
to {
opacity:0
}
}
.fadeOut {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown {
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
-webkit-animation-name:fadeOutDownBig;
animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name:fadeOutLeft;
animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
-webkit-animation-name:fadeOutLeftBig;
animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name:fadeOutRight;
animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
-webkit-animation-name:fadeOutRightBig;
animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp {
-webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
-webkit-animation-name:fadeOutUpBig;
animation-name:fadeOutUpBig
}
@-webkit-keyframes flip {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip {
-webkit-backface-visibility:visible;
backface-visibility:visible;
-webkit-animation-name:flip;
animation-name:flip
}
@-webkit-keyframes flipInX {
from {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
from {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipInX;
animation-name:flipInX
}
@-webkit-keyframes flipInY {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipInY;
animation-name:flipInY
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
to {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
@keyframes flipOutX {
from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
to {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
.flipOutX {
-webkit-animation-duration:0.75s;
animation-duration:0.75s;
-webkit-animation-name:flipOutX;
animation-name:flipOutX;
-webkit-backface-visibility:visible !important;
backface-visibility:visible !important
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
to {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
@keyframes flipOutY {
from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
to {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
.flipOutY {
-webkit-animation-duration:0.75s;
animation-duration:0.75s;
-webkit-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipOutY;
animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
.lightSpeedIn {
-webkit-animation-name:lightSpeedIn;
animation-name:lightSpeedIn;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut {
from {
opacity:1
}
to {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
from {
opacity:1
}
to {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
.lightSpeedOut {
-webkit-animation-name:lightSpeedOut;
animation-name:lightSpeedOut;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
.rotateIn {
-webkit-animation-name:rotateIn;
animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
.rotateInDownLeft {
-webkit-animation-name:rotateInDownLeft;
animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
.rotateInDownRight {
-webkit-animation-name:rotateInDownRight;
animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
.rotateInUpLeft {
-webkit-animation-name:rotateInUpLeft;
animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
.rotateInUpRight {
-webkit-animation-name:rotateInUpRight;
animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
.rotateOut {
-webkit-animation-name:rotateOut;
animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
.rotateOutDownLeft {
-webkit-animation-name:rotateOutDownLeft;
animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutDownRight {
-webkit-animation-name:rotateOutDownRight;
animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutUpLeft {
-webkit-animation-name:rotateOutUpLeft;
animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
.rotateOutUpRight {
-webkit-animation-name:rotateOutUpRight;
animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%,
60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%,
80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%,
60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%,
80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
.hinge {
-webkit-animation-duration:2s;
animation-duration:2s;
-webkit-animation-name:hinge;
animation-name:hinge
}
@-webkit-keyframes jackInTheBox {
from {
opacity:0;
-webkit-transform:scale(0.1) rotate(30deg);
transform:scale(0.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes jackInTheBox {
from {
opacity:0;
-webkit-transform:scale(0.1) rotate(30deg);
transform:scale(0.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
.jackInTheBox {
-webkit-animation-name:jackInTheBox;
animation-name:jackInTheBox
}
@-webkit-keyframes rollIn {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes rollIn {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.rollIn {
-webkit-animation-name:rollIn;
animation-name:rollIn
}
@-webkit-keyframes rollOut {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
-webkit-animation-name:rollOut;
animation-name:rollOut
}
@-webkit-keyframes zoomIn {
from {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
from {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
.zoomIn {
-webkit-animation-name:zoomIn;
animation-name:zoomIn
}
@-webkit-keyframes zoomInDown {
from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInDown {
from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInDown {
-webkit-animation-name:zoomInDown;
animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft {
from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInLeft {
from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInLeft {
-webkit-animation-name:zoomInLeft;
animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight {
from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInRight {
from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInRight {
-webkit-animation-name:zoomInRight;
animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp {
from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInUp {
from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInUp {
-webkit-animation-name:zoomInUp;
animation-name:zoomInUp
}
@-webkit-keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
to {
opacity:0
}
}
@keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
to {
opacity:0
}
}
.zoomOut {
-webkit-animation-name:zoomOut;
animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutDown {
-webkit-animation-name:zoomOutDown;
animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to {
opacity:0;
-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
transform:scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to {
opacity:0;
-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
transform:scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft {
-webkit-animation-name:zoomOutLeft;
animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
opacity:0;
-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
transform:scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
opacity:0;
-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
transform:scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
.zoomOutRight {
-webkit-animation-name:zoomOutRight;
animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutUp {
-webkit-animation-name:zoomOutUp;
animation-name:zoomOutUp
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInDown {
-webkit-animation-name:slideInDown;
animation-name:slideInDown
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInLeft {
-webkit-animation-name:slideInLeft;
animation-name:slideInLeft
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInRight {
-webkit-animation-name:slideInRight;
animation-name:slideInRight
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInUp {
-webkit-animation-name:slideInUp;
animation-name:slideInUp
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.slideOutDown {
-webkit-animation-name:slideOutDown;
animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
-webkit-animation-name:slideOutLeft;
animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.slideOutRight {
-webkit-animation-name:slideOutRight;
animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.slideOutUp {
-webkit-animation-name:slideOutUp;
animation-name:slideOutUp
}