@font-face {
	font-family: 'FuturaBT-Book';
	src: url('../fonts/FuturaBT-Book/FuturaBT-Book.eot');
	src: local('☺'), url('../fonts/FuturaBT-Book/FuturaBT-Book.woff') format('woff'), url('../fonts/FuturaBT-Book/FuturaBT-Book.ttf') format('truetype'), url('../fonts/FuturaBT-Book/FuturaBT-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}
body a {outline: 0; cursor: pointer; text-decoration: none; transition: all ease-in-out 400ms; -ms-transition: all ease-in-out 400ms; -webkit-transition: all ease-in-out 400ms; background-color: transparent;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em; margin: 0.67em 0;}
mark {background: #ff0; color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {-webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box; height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.42857143; color: #333333; background-color: #ffffff;}
input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;}
a {color: #bbc4c6; text-decoration: none;}
a:hover, a:focus {color: #2a5969; text-decoration: underline;}
a:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
figure {margin: 0;}
img {vertical-align: middle; max-width:100%;}
.img-responsive, .carousel-inner > .item > img, .carousel-inner > .item > a > img {display: block; max-width: 100%; height: auto;}
.img-rounded {border-radius: 6px;}
.img-thumbnail {padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto;}
.img-circle {border-radius: 50%;}
hr {margin-top: 22px; margin-bottom: 22px; border: 0; border-top: 1px solid #eeeeee;}
.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;}
[role="button"] {cursor: pointer;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {font-weight: normal; line-height: 1; color: #777777;}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 22px; margin-bottom: 11px;}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {font-size: 65%;}
h4, .h4, h5, .h5, h6, .h6 {margin-top: 11px; margin-bottom: 11px;}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {font-size: 75%;}
h1, .h1 {font-size: 41px;}
h2, .h2 {font-size: 34px;}
h3, .h3 {font-size: 28px;}
h4, .h4 {font-size: 20px;}
h5, .h5 {font-size: 16px;}
h6, .h6 {font-size: 14px;}
p {margin: 0 0 11px;}
.lead {margin-bottom: 22px; font-size: 18px; font-weight: 300; line-height: 1.4;}
@media (min-width: 768px) {.lead { font-size: 24px;}
} small, .small {font-size: 87%;}
mark, .mark {background-color: #fcf8e3; padding: .2em;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.text-nowrap {white-space: nowrap;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
.text-muted {color: #777777;}
.text-primary {color: #337ab7;}
a.text-primary:hover, a.text-primary:focus {color: #286090;}
.text-success {color: #3c763d;}
a.text-success:hover, a.text-success:focus {color: #2b542c;}
.text-info {color: #31708f;}
a.text-info:hover, a.text-info:focus {color: #245269;}
.text-warning {color: #8a6d3b;}
a.text-warning:hover, a.text-warning:focus {color: #66512c;}
.text-danger {color: #a94442;}
a.text-danger:hover, a.text-danger:focus {color: #843534;}
.bg-primary {color: #fff; background-color: #337ab7;}
a.bg-primary:hover, a.bg-primary:focus {background-color: #286090;}
.bg-success {background-color: #dff0d8;}
a.bg-success:hover, a.bg-success:focus {background-color: #c1e2b3;}
.bg-info {background-color: #d9edf7;}
a.bg-info:hover, a.bg-info:focus {background-color: #afd9ee;}
.bg-warning {background-color: #fcf8e3;}
a.bg-warning:hover, a.bg-warning:focus {background-color: #f7ecb5;}
.bg-danger {background-color: #f2dede;}
a.bg-danger:hover, a.bg-danger:focus {background-color: #e4b9b9;}
.page-header {padding-bottom: 10px; margin: 44px 0 22px; border-bottom: 1px solid #eeeeee;}
ul, ol {margin-top: 0; margin-bottom: 11px;}
ul ul, ol ul, ul ol, ol ol {margin-bottom: 0;}
.list-unstyled {padding-left: 0; list-style: none;}
.list-inline {padding-left: 0; list-style: none; margin-left: -5px;}
.list-inline > li {display: inline-block; padding-left: 5px; padding-right: 5px;}
dl {margin-top: 0; margin-bottom: 22px;}
dt, dd {line-height: 1.42857143;}
dt {font-weight: bold;}
dd {margin-left: 0;}

.alignleft, .alignleft img {float: left; margin: 0 20px 40px 0;}
.alignright, .alignright img {float: right; margin: 0 0 20px 20px;}
.aligncenter, .aligncenter img {float: none; display: block; margin: 20px auto!important}
.pgwSlideshow .ps-current > ul > li img {
  height: 400px;
}
.pgwSlideshow {
  margin: 0 0 60px;
}

@media (min-width: 992px) {.dl-horizontal dt { float: left;  width: 160px;  clear: left;  text-align: right;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.dl-horizontal dd { margin-left: 180px;}
} abbr[title], abbr[data-original-title] {cursor: help; border-bottom: 1px dotted #777777;}
.initialism {font-size: 90%; text-transform: uppercase;}
blockquote {padding: 11px 22px; margin: 0 0 22px; font-size: 20px; border-left: 5px solid #eeeeee;}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {margin-bottom: 0;}
blockquote footer, blockquote small, blockquote .small {display: block; font-size: 80%; line-height: 1.42857143; color: #777777;}
blockquote footer:before, blockquote small:before, blockquote .small:before {content: '\2014 \00A0';}
.blockquote-reverse, blockquote.pull-right {padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right;}
.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {content: '';}
.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {content: '\00A0 \2014';}
address {margin-bottom: 22px; font-style: normal; line-height: 1.42857143;}
.container {margin-right: auto; margin-left: auto; padding-left: 17px; padding-right: 18px;}
@media (min-width: 768px) {.container { width: 755px;}
} @media (min-width: 992px) {.container { width: 975px;}
} @media (min-width: 1200px) {.container { width: 1350px;}
} .container-fluid {margin-right: auto; margin-left: auto; padding-left: 17px; padding-right: 18px;}
.row {margin-left: -17px; margin-right: -18px;}
.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: 17px; padding-right: 17px;}
.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%;}
.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-1 {margin-left: 8.33333333%;}
.col-xs-offset-0 {margin-left: 0%;}
@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 { margin-left: 8.33333333%;}
.col-md-offset-0 { margin-left: 0%;}
} @media (min-width: 1200px) {.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-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%;}
} table {background-color: transparent;}
caption {padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left;}
th {text-align: left;}
.table {width: 100%; max-width: 100%; margin-bottom: 22px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd;}
.table > thead > tr > th {vertical-align: bottom; border-bottom: 2px solid #dddddd;}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {border-top: 0;}
.table > tbody + tbody {border-top: 2px solid #dddddd;}
.table .table {background-color: #ffffff;}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {padding: 5px;}
.table-bordered {border: 1px solid #dddddd;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {border: 1px solid #dddddd;}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {border-bottom-width: 2px;}
.table-striped > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}
.table-hover > tbody > tr:hover {background-color: #f5f5f5;}
table col[class*="col-"] {position: static; float: none; display: table-column;}
table td[class*="col-"], table th[class*="col-"] {position: static; float: none; display: table-cell;}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {background-color: #f5f5f5;}
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {background-color: #e8e8e8;}
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {background-color: #dff0d8;}
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {background-color: #d0e9c6;}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {background-color: #d9edf7;}
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {background-color: #c4e3f3;}
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {background-color: #fcf8e3;}
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {background-color: #faf2cc;}
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {background-color: #f2dede;}
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {background-color: #ebcccc;}
.table-responsive {overflow-x: auto; min-height: 0.01%;}
@media screen and (max-width: 767px) {.table-responsive { width: 100%;  margin-bottom: 16.5px;  overflow-y: hidden;  -ms-overflow-style: -ms-autohiding-scrollbar;  border: 1px solid #dddddd;}
.table-responsive > .table { margin-bottom: 0;}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap;}
.table-responsive > .table-bordered { border: 0;}
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0;}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0;}
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0;}
.container .lists-documents li, .container  .lists-documents li:nth-child(7) {width: 100%;}
}
fieldset {padding: 0; margin: 0; border: 0; min-width: 0;}
legend {display: block; width: 100%; padding: 0; margin-bottom: 22px; font-size: 24px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5;}
label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold;}
input[type="search"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type="radio"], input[type="checkbox"] {margin: 4px 0 0; margin-top: 1px \9; line-height: normal;}
input[type="file"] {display: block;}
input[type="range"] {display: block; width: 100%;}
select[multiple], select[size] {height: auto;}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
output {display: block; padding-top: 7px; font-size: 16px; line-height: 1.42857143; color: #555555;}
.form-control {display: block; width: 100%; height: 36px; padding: 6px 12px; font-size: 16px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-control:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.form-control::-moz-placeholder {color: #999999; opacity: 1;}
.form-control:-ms-input-placeholder {color: #999999;}
.form-control::-webkit-input-placeholder {color: #999999;}
.form-control::-ms-expand {border: 0; background-color: transparent;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #eeeeee; opacity: 1;}
.form-control[disabled], fieldset[disabled] .form-control {cursor: not-allowed;}
textarea.form-control {height: auto;}
input[type="search"] {-webkit-appearance: none;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 36px;}
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 33px;}
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 49px;}
} .form-group {margin-bottom: 15px;}
.radio, .checkbox {position: relative; display: block; margin-top: 10px; margin-bottom: 10px;}
.radio label, .checkbox label {min-height: 22px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {position: absolute; margin-left: -20px; margin-top: 4px \9;}
.radio + .radio, .checkbox + .checkbox {margin-top: -5px;}
.radio-inline, .checkbox-inline {position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer;}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-top: 0; margin-left: 10px;}
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {cursor: not-allowed;}
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {cursor: not-allowed;}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {cursor: not-allowed;}
.form-control-static {padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 38px;}
.form-control-static.input-lg, .form-control-static.input-sm {padding-left: 0; padding-right: 0;}
.input-sm {height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px;}
select.input-sm {height: 33px; line-height: 33px;}
textarea.input-sm, select[multiple].input-sm {height: auto;}
.form-group-sm .form-control {height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px;}
.form-group-sm select.form-control {height: 33px; line-height: 33px;}
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {height: auto;}
.form-group-sm .form-control-static {height: 33px; min-height: 36px; padding: 6px 10px; font-size: 14px; line-height: 1.5;}
.input-lg {height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 6px;}
select.input-lg {height: 49px; line-height: 49px;}
textarea.input-lg, select[multiple].input-lg {height: auto;}
.form-group-lg .form-control {height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 6px;}
.form-group-lg select.form-control {height: 49px; line-height: 49px;}
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {height: auto;}
.form-group-lg .form-control-static {height: 49px; min-height: 42px; padding: 11px 16px; font-size: 20px; line-height: 1.3333333;}
.has-feedback {position: relative;}
.has-feedback .form-control {padding-right: 45px;}
.form-control-feedback {position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; pointer-events: none;}
.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {width: 49px; height: 49px; line-height: 49px;}
.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {width: 33px; height: 33px; line-height: 33px;}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {color: #3c763d;}
.has-success .form-control {border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-success .form-control:focus {border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;}
.has-success .input-group-addon {color: #3c763d; border-color: #3c763d; background-color: #dff0d8;}
.has-success .form-control-feedback {color: #3c763d;}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {color: #8a6d3b;}
.has-warning .form-control {border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-warning .form-control:focus {border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;}
.has-warning .input-group-addon {color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3;}
.has-warning .form-control-feedback {color: #8a6d3b;}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {color: #a94442;}
.has-error .form-control {border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-error .form-control:focus {border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;}
.has-error .input-group-addon {color: #a94442; border-color: #a94442; background-color: #f2dede;}
.has-error .form-control-feedback {color: #a94442;}
.has-feedback label ~ .form-control-feedback {top: 27px;}
.has-feedback label.sr-only ~ .form-control-feedback {top: 0;}
.help-block {display: block; margin-top: 5px; margin-bottom: 10px; color: #737373;}
@media (min-width: 768px) {.form-inline .form-group { display: inline-block;  margin-bottom: 0;  vertical-align: middle;}
.form-inline .form-control { display: inline-block;  width: auto;  vertical-align: middle;}
.form-inline .form-control-static { display: inline-block;}
.form-inline .input-group { display: inline-table;  vertical-align: middle;}
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto;}
.form-inline .input-group > .form-control { width: 100%;}
.form-inline .control-label { margin-bottom: 0;  vertical-align: middle;}
.form-inline .radio, .form-inline .checkbox { display: inline-block;  margin-top: 0;  margin-bottom: 0;  vertical-align: middle;}
.form-inline .radio label, .form-inline .checkbox label { padding-left: 0;}
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative;  margin-left: 0;}
.form-inline .has-feedback .form-control-feedback { top: 0;}
} .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {margin-top: 0; margin-bottom: 0; padding-top: 7px;}
.form-horizontal .radio, .form-horizontal .checkbox {min-height: 29px;}
.form-horizontal .form-group {margin-left: -17px; margin-right: -18px;}
@media (min-width: 768px) {.form-horizontal .control-label { text-align: right;  margin-bottom: 0;  padding-top: 7px;}
} .form-horizontal .has-feedback .form-control-feedback {right: 17px;}
@media (min-width: 768px) {.form-horizontal .form-group-lg .control-label { padding-top: 11px;  font-size: 20px;}
} @media (min-width: 768px) {.form-horizontal .form-group-sm .control-label { padding-top: 6px;  font-size: 14px;}
} .btn {display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6.5px 12px; font-size: 16px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover, .btn:focus, .btn.focus {color: #333333; text-decoration: none;}
.btn:active, .btn.active {outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;}
a.btn.disabled, fieldset[disabled] a.btn {pointer-events: none;}
.btn-default {color: #333333; background-color: #ffffff; border-color: #cccccc;}
.btn-default:focus, .btn-default.focus {color: #333333; background-color: #e6e6e6; border-color: #8c8c8c;}
.btn-default:hover {color: #333333; background-color: #e6e6e6; border-color: #adadad;}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {color: #333333; background-color: #e6e6e6; border-color: #adadad;}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {color: #333333; background-color: #d4d4d4; border-color: #8c8c8c;}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {background-color: #ffffff; border-color: #cccccc;}
.btn-default .badge {color: #ffffff; background-color: #333333;}
.btn-primary {color: #ffffff; background-color: #a5c3d1; border-color: #a5c3d1;}
.btn-primary:focus, .btn-primary.focus {color: #ffffff; background-color: #286090; border-color: #122b40;}
.btn-primary:hover {color: #ffffff; background-color: #286090; border-color: #204d74;}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {color: #ffffff; background-color: #286090; border-color: #204d74;}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {color: #ffffff; background-color: #204d74; border-color: #122b40;}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background-image: none;}
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {background-color: #337ab7; border-color: #2e6da4;}
.btn-primary .badge {color: #337ab7; background-color: #ffffff;}
.btn-success {color: #ffffff; background-color: #5cb85c; border-color: #4cae4c;}
.btn-success:focus, .btn-success.focus {color: #ffffff; background-color: #449d44; border-color: #255625;}
.btn-success:hover {color: #ffffff; background-color: #449d44; border-color: #398439;}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {color: #ffffff; background-color: #449d44; border-color: #398439;}
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {color: #ffffff; background-color: #398439; border-color: #255625;}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {background-image: none;}
.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {background-color: #5cb85c; border-color: #4cae4c;}
.btn-success .badge {color: #5cb85c; background-color: #ffffff;}
.btn-info {color: #ffffff; background-color: #5bc0de; border-color: #46b8da;}
.btn-info:focus, .btn-info.focus {color: #ffffff; background-color: #31b0d5; border-color: #1b6d85;}
.btn-info:hover {color: #ffffff; background-color: #31b0d5; border-color: #269abc;}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {color: #ffffff; background-color: #31b0d5; border-color: #269abc;}
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {color: #ffffff; background-color: #269abc; border-color: #1b6d85;}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {background-image: none;}
.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {background-color: #5bc0de; border-color: #46b8da;}
.btn-info .badge {color: #5bc0de; background-color: #ffffff;}
.btn-warning {color: #ffffff; background-color: #f0ad4e; border-color: #eea236;}
.btn-warning:focus, .btn-warning.focus {color: #ffffff; background-color: #ec971f; border-color: #985f0d;}
.btn-warning:hover {color: #ffffff; background-color: #ec971f; border-color: #d58512;}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {color: #ffffff; background-color: #ec971f; border-color: #d58512;}
.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {color: #ffffff; background-color: #d58512; border-color: #985f0d;}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {background-image: none;}
.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {background-color: #f0ad4e; border-color: #eea236;}
.btn-warning .badge {color: #f0ad4e; background-color: #ffffff;}
.btn-danger {color: #ffffff; background-color: #d9534f; border-color: #d43f3a;}
.btn-danger:focus, .btn-danger.focus {color: #ffffff; background-color: #c9302c; border-color: #761c19;}
.btn-danger:hover {color: #ffffff; background-color: #c9302c; border-color: #ac2925;}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {color: #ffffff; background-color: #c9302c; border-color: #ac2925;}
.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {color: #ffffff; background-color: #ac2925; border-color: #761c19;}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {background-image: none;}
.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {background-color: #d9534f; border-color: #d43f3a;}
.btn-danger .badge {color: #d9534f; background-color: #ffffff;}
.btn-link {color: #bbc4c6; font-weight: normal; border-radius: 0;}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {border-color: transparent;}
.btn-link:hover, .btn-link:focus {color: #2a5969; text-decoration: underline; background-color: transparent;}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {color: #777777; text-decoration: none;}
.btn-lg, .btn-group-lg > .btn {padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 6px;}
.btn-sm, .btn-group-sm > .btn {padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px;}
.btn-xs, .btn-group-xs > .btn {padding: 1px 5px; font-size: 14px; line-height: 1.5; border-radius: 3px;}
.btn-block {display: block; width: 100%;}
.btn-block + .btn-block {margin-top: 5px;}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {width: 100%;}
.fade {opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear;}
.fade.in {opacity: 1;}
.collapse {display: none;}
.collapse.in {display: block;}
tr.collapse.in {display: table-row;}
tbody.collapse.in {display: table-row-group;}
.collapsing {position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility;  transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s;  transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease;  transition-timing-function: ease;}
.caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.dropup, .dropdown {position: relative;}
.dropdown-toggle:focus {outline: 0;}
.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box;  background-clip: padding-box;}
.dropdown-menu.pull-right {right: 0; left: auto;}
.dropdown-menu .divider {height: 1px; margin: 10px 0; overflow: hidden; background-color: #e5e5e5;}
.dropdown-menu > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {text-decoration: none; color: #262626; background-color: #f5f5f5;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7;}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {color: #777777;}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed;}
.open > .dropdown-menu {display: block;}
.open > a {outline: 0;}
.dropdown-menu-right {left: auto; right: 0;}
.dropdown-menu-left {left: 0; right: auto;}
.dropdown-header {display: block; padding: 3px 20px; font-size: 14px; line-height: 1.42857143; color: #777777; white-space: nowrap;}
.dropdown-backdrop {position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990;}
.pull-right > .dropdown-menu {right: 0; left: auto;}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: "";}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {top: auto; bottom: 100%; margin-bottom: 2px;}

.product-intro { background: #f7f6fb none repeat scroll 0 0; margin-top: 20px; padding: 20px 0 0; margin-bottom: 30px;
}
.intro-pages ul {padding-left: 16px;}
.intro-pages ul li {font-size: 14px;}
.inner-pages .container ul {padding-left: 17px;}
.inner-pages .container ul li {font-size: 14px;}
.lists-documents  {margin-top:20px; margin-bottom:-30px;}
.lists-documents li { background: white none repeat scroll 0 0; border: 1px solid lightgrey; box-shadow: 1px 1px 1px #e2e2e2; margin: 5px; padding: 10px; list-style:none;
	background:url(../images/Brochures-Icon-150x150.jpg) 12px 7px; background-repeat: no-repeat; background-size: 40px auto; display: block; padding: 13px 13px 13px 60px;width: 49.5%;margin: 5px 0.5%;float: left;
}
.lists-documents li:nth-child(even) {margin-right: 0;}

.lists-documents li:nth-child(2) {background-image:url(../images/Prodcution-Timeline-Icon-150x150.jpg);}
.lists-documents li:nth-child(3) {background-image:url(../images/Art-Preperation-Icon-150x150.jpg);}
.lists-documents li:nth-child(4) {background-image:url(../images/Value-of-Your-Sign-Icon-150x150.jpg);}
.lists-documents li:nth-child(5) {background-image:url(../images/Permitting-Icon-150x150.jpg);}
.lists-documents li:nth-child(6) {background-image:url(../images/Example-of-Site-Plan-Icon-150x150.jpg);}
.lists-documents li:nth-child(7) {background-image:url(../images/Example-of-Engineered-Drawing-Icon-150x150.jpg);}
/*.page.page-home p strong {font-family: "FuturaBT-Book";font-size: 30px;font-weight: 400;}*/


@media (min-width: 992px) {.navbar-right .dropdown-menu { left: auto;  right: 0;}
.navbar-right .dropdown-menu-left { left: 0;  right: auto;}
} .btn-group, .btn-group-vertical {position: relative; display: inline-block; vertical-align: middle;}
.btn-group > .btn, .btn-group-vertical > .btn {position: relative; float: left;}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {z-index: 2;}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {margin-left: -1px;}
.btn-toolbar {margin-left: -5px;}
.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {float: left;}
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {margin-left: 5px;}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
.btn-group > .btn:first-child {margin-left: 0;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius: 0; border-top-right-radius: 0;}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {border-bottom-left-radius: 0; border-top-left-radius: 0;}
.btn-group > .btn-group {float: left;}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {border-radius: 0;}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {border-bottom-right-radius: 0; border-top-right-radius: 0;}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {border-bottom-left-radius: 0; border-top-left-radius: 0;}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {outline: 0;}
.btn-group > .btn + .dropdown-toggle {padding-left: 8px; padding-right: 8px;}
.btn-group > .btn-lg + .dropdown-toggle {padding-left: 12px; padding-right: 12px;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn-group.open .dropdown-toggle.btn-link {-webkit-box-shadow: none; box-shadow: none;}
.btn .caret {margin-left: 0;}
.btn-lg .caret {border-width: 5px 5px 0; border-bottom-width: 0;}
.dropup .btn-lg .caret {border-width: 0 5px 5px;}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {display: block; float: none; width: 100%; max-width: 100%;}
.btn-group-vertical > .btn-group > .btn {float: none;}
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {margin-top: -1px; margin-left: 0;}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {border-radius: 0;}
.btn-group-vertical > .btn:first-child:not(:last-child) {border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.btn-group-vertical > .btn:last-child:not(:first-child) {border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {border-radius: 0;}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {border-top-right-radius: 0; border-top-left-radius: 0;}
.btn-group-justified {display: table; width: 100%; table-layout: fixed; border-collapse: separate;}
.btn-group-justified > .btn, .btn-group-justified > .btn-group {float: none; display: table-cell; width: 1%;}
.btn-group-justified > .btn-group .btn {width: 100%;}
.btn-group-justified > .btn-group .dropdown-menu {left: auto;}
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;}
.input-group {position: relative; display: table; border-collapse: separate;}
.input-group[class*="col-"] {float: none; padding-left: 0; padding-right: 0;}
.input-group .form-control {position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0;}
.input-group .form-control:focus {z-index: 3;}
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 6px;}
select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {height: 49px; line-height: 49px;}
textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {height: auto;}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px;}
select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {height: 33px; line-height: 33px;}
textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {height: auto;}
.input-group-addon, .input-group-btn, .input-group .form-control {display: table-cell;}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {border-radius: 0;}
.input-group-addon, .input-group-btn {width: 1%; white-space: nowrap; vertical-align: middle;}
.input-group-addon {padding: 6px 12px; font-size: 16px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 4px;}
.input-group-addon.input-sm {padding: 5px 10px; font-size: 14px; border-radius: 3px;}
.input-group-addon.input-lg {padding: 10px 16px; font-size: 20px; border-radius: 6px;}
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {margin-top: 0;}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-bottom-right-radius: 0; border-top-right-radius: 0;}
.input-group-addon:first-child {border-right: 0;}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {border-bottom-left-radius: 0; border-top-left-radius: 0;}
.input-group-addon:last-child {border-left: 0;}
.input-group-btn {position: relative; font-size: 0; white-space: nowrap;}
.input-group-btn > .btn {position: relative;}
.input-group-btn > .btn + .btn {margin-left: -1px;}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {z-index: 2;}
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {margin-right: -1px;}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {z-index: 2; margin-left: -1px;}
.nav {margin-bottom: 0; padding-left: 0; list-style: none;}
.nav li {position: relative; display: block;}
.nav > li > a {position: relative; display: block; padding: 10px 15px;}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none; background-color: #eeeeee;}
.nav > li.disabled > a {color: #777777;}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #eeeeee; border-color: #bbc4c6;}
.nav .nav-divider {height: 1px; margin: 10px 0; overflow: hidden; background-color: #e5e5e5;}
.nav > li > a > img {max-width: none;}
.nav-tabs {border-bottom: 1px solid #dddddd;}
.nav-tabs > li {float: left; margin-bottom: -1px;}
.nav-tabs > li > a {margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0;}
.nav-tabs > li > a:hover {border-color: #eeeeee #eeeeee #dddddd;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default;}
.nav-tabs.nav-justified {width: 100%; border-bottom: 0;}
.nav-tabs.nav-justified > li {float: none;}
.nav-tabs.nav-justified > li > a {text-align: center; margin-bottom: 5px;}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {top: auto; left: auto;}

.nav.navbar-nav li ul li a {padding:10px 0; display:block;}
.nav.navbar-nav > li > ul, .nav.navbar-nav > li > ul > li > ul { display: none;}
.nav.navbar-nav > li:hover > ul, .nav.navbar-nav > li > ul > li:hover > ul { background: #a6c3d1 none repeat scroll 0 0; display: block; position: absolute; top: 94px; width: 230px; padding-bottom:0;}
.nav.navbar-nav > li > ul > li:hover > ul {top:0; left:230px;}

body#index-page2 nav.navbar.navbar-shootproof ul.nav.navbar-nav li ul li a { color:#fff;}


@media (min-width: 768px) {.nav-tabs.nav-justified > li { display: table-cell;  width: 1%;}
.nav-tabs.nav-justified > li > a { margin-bottom: 0;}
} .nav-tabs.nav-justified > li > a {margin-right: 0; border-radius: 4px;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border: 1px solid #dddddd;}
@media (min-width: 768px) {.nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd;  border-radius: 4px 4px 0 0;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff;}
} .nav-pills > li {float: left;}
.nav-pills > li > a {border-radius: 4px;}
.nav-pills > li + li {margin-left: 2px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {color: #ffffff; background-color: #337ab7;}
.nav-stacked > li {float: none;}
.nav-stacked > li + li {margin-top: 2px; margin-left: 0;}
.nav-justified {width: 100%;}
.nav-justified > li {float: none;}
.nav-justified > li > a {text-align: center; margin-bottom: 5px;}
.nav-justified > .dropdown .dropdown-menu {top: auto; left: auto;}
@media (min-width: 768px) {.nav-justified > li { display: table-cell;  width: 1%;}
.nav-justified > li > a { margin-bottom: 0;}
} .nav-tabs-justified {border-bottom: 0;}
.nav-tabs-justified > li > a {margin-right: 0; border-radius: 4px;}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {border: 1px solid #dddddd;}
@media (min-width: 768px) {.nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd;  border-radius: 4px 4px 0 0;}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff;}
} .tab-content > .tab-pane {display: none;}
.tab-content > .active {display: block;}
.nav-tabs .dropdown-menu {margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0;}
.navbar {position: relative; min-height: 100px; margin-bottom: 22px; border: 1px solid transparent;}
@media (min-width: 992px) {.navbar { border-radius: 4px;}
} @media (min-width: 992px) {.navbar-header { float: left;}
} .navbar-collapse {overflow-x: visible; padding-right: 17px; padding-left: 17px; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);  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;  -webkit-box-shadow: none; box-shadow: none;}
.navbar-collapse.collapse { display: block !important;  height: auto !important;  padding-bottom: 0;  overflow: visible !important;}
.navbar-collapse.in { overflow-y: visible;}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0;  padding-right: 0;}
} .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: 340px;}
@media (max-device-width: 480px) and (orientation: landscape) {.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px;}
} .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right: -17px; margin-left: -17px;}
@media (min-width: 992px) {.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0;  margin-left: 0;}
} .navbar-static-top {z-index: 1000; border-width: 0 0 1px;}
@media (min-width: 992px) {.navbar-static-top { border-radius: 0;}
} .navbar-fixed-top, .navbar-fixed-bottom {position: fixed; right: 0; left: 0; z-index: 1030;}
@media (min-width: 992px) {.navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0;}
} .navbar-fixed-top {top: 0; border-width: 0 0 1px;}
.navbar-fixed-bottom {bottom: 0; margin-bottom: 0; border-width: 1px 0 0;}
.navbar-brand {float: left; padding: 39px 17px;}
.navbar-brand:hover, .navbar-brand:focus {text-decoration: none;}
.navbar-brand > img {display: block;}
@media (min-width: 992px) {.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0;}
} .navbar-toggle {background-color: transparent; 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;}
} .navbar-nav {margin: 19.5px -17px;}
.navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px; line-height: 22px;}
@media (max-width: 991px) {.navbar-nav .open .dropdown-menu { position: static;  float: none;  width: auto;  margin-top: 0;  background-color: transparent;  border: 0;  -webkit-box-shadow: none; box-shadow: none;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px;}
.navbar-nav .open .dropdown-menu > li > a { line-height: 22px;}
.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: left;  margin: 0;} /* 0 0 0 8% */
.navbar-nav > li { float: left;}
.navbar-nav > li > a { padding-top: 39px;  padding-bottom: 39px;}
#sales-copy-container {width: 30%;}

}

s.navbar-form {margin-left: -17px; margin-right: -17px; padding: 10px 17px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 32px; margin-bottom: 32px;}
@media (max-width: 1199px) {.navbar .container {width: 1050px;} .navbar-nav.hidden-sm {margin: 0px 0px 0px 15px;} img {max-width: 100%;} .navbar-nav {margin: 0 0 0 3%;}}
@media (max-width: 1024px) {.navbar .container {width: 100%;} .navbar-nav {margin: 0}}
@media (min-width: 768px) {.navbar-form .form-group { display: inline-block;  margin-bottom: 0;  vertical-align: middle;}
.navbar-form .form-control { display: inline-block;  width: auto;  vertical-align: middle;}
.navbar-form .form-control-static { display: inline-block;}
.navbar-form .input-group { display: inline-table;  vertical-align: middle;}
.navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto;}
.navbar-form .input-group > .form-control { width: 100%;}
.navbar-form .control-label { margin-bottom: 0;  vertical-align: middle;}
.navbar-form .radio, .navbar-form .checkbox { display: inline-block;  margin-top: 0;  margin-bottom: 0;  vertical-align: middle;}
.navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0;}
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative;  margin-left: 0;}
.navbar-form .has-feedback .form-control-feedback { top: 0;}
} @media (max-width: 991px) {.navbar-form .form-group { margin-bottom: 5px;}
.navbar-form .form-group:last-child { margin-bottom: 0;}
} @media (min-width: 992px) {.navbar-form { width: auto;  border: 0;  margin-left: 0;  margin-right: 0;  padding-top: 0;  padding-bottom: 0;  -webkit-box-shadow: none;  box-shadow: none;}
} .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 {margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.navbar-btn {margin-top: 32px; margin-bottom: 32px;}
.navbar-btn.btn-sm {margin-top: 33.5px; margin-bottom: 33.5px;}
.navbar-btn.btn-xs {margin-top: 39px; margin-bottom: 39px;}
.navbar-text {margin-top: 39px; margin-bottom: 39px;}
@media (min-width: 992px) {.navbar-text { float: left;  margin-left: 17px;  margin-right: 17px;}
} @media (min-width: 992px) {.navbar-left { float: left !important;}
.navbar-right { float: right !important;  margin-right:0;}
.navbar-right ~ .navbar-right { margin-right: 0;}
} .navbar-default {background-color: #f8f8f8; border-color: #e7e7e7;}
.navbar-default .navbar-brand {color: #777777;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #5e5e5e; background-color: transparent;}
.navbar-default .navbar-text {color: #777777;}
.navbar-default .navbar-nav > li > a {color: #777777;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #333333; background-color: transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #555555; background-color: #e7e7e7;}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {color: #cccccc; background-color: transparent;}
.navbar-default .navbar-toggle {border-color: #dddddd;}
.navbar-default .navbar-toggle .icon-bar {background-color: #888888;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #e7e7e7;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #e7e7e7; color: #555555;}
@media (max-width: 991px) {.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777777;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333333;  background-color: transparent;}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555555;  background-color: #e7e7e7;}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc;  background-color: transparent;}
} .navbar-default .navbar-link {color: #777777;}
.navbar-default .navbar-link:hover {color: #333333;}
.navbar-default .btn-link {color: #777777;}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {color: #333333;}
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {color: #cccccc;}
.navbar-inverse {background-color: #222222; border-color: #080808;}
.navbar-inverse .navbar-brand {color: #9d9d9d;}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {color: #ffffff; background-color: transparent;}
.navbar-inverse .navbar-text {color: #9d9d9d;}
.navbar-inverse .navbar-nav > li > a {color: #9d9d9d;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #ffffff; background-color: transparent;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color: #ffffff; background-color: #080808;}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {color: #444444; background-color: transparent;}
.navbar-inverse .navbar-toggle {border-color: #333333;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: #333333;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #ffffff;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #101010;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {background-color: #080808; color: #ffffff;}
@media (max-width: 991px) {.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808;}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff;  background-color: transparent;}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff;  background-color: #080808;}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444444;  background-color: transparent;}
} .navbar-inverse .navbar-link {color: #9d9d9d;}
.navbar-inverse .navbar-link:hover {color: #ffffff;}
.navbar-inverse .btn-link {color: #9d9d9d;}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {color: #ffffff;}
.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {color: #444444;}
.jumbotron {padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee;}
.jumbotron h1, .jumbotron .h1 {color: inherit;}
.jumbotron p {margin-bottom: 15px; font-size: 24px; font-weight: 200;}
.jumbotron > hr {border-top-color: #d5d5d5;}
.container .jumbotron, .container-fluid .jumbotron {border-radius: 6px; padding-left: 17.5px; padding-right: 17.5px;}
.jumbotron .container {max-width: 100%;}
@media screen and (min-width: 768px) {.jumbotron { padding-top: 48px;  padding-bottom: 48px;}
.container .jumbotron, .container-fluid .jumbotron { padding-left: 60px;  padding-right: 60px;}
.jumbotron h1, .jumbotron .h1 { font-size: 72px;}
} .modal-open {overflow: hidden;}
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0;}
.modal.fade .modal-dialog {-webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.modal.in .modal-dialog {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
.modal-open .modal {overflow-x: hidden; overflow-y: auto;}
.modal-dialog {position: relative; width: auto; margin: 10px;}
.modal-content {position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box;  background-clip: padding-box; outline: 0;}
.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000;}
.modal-backdrop.fade {opacity: 0; filter: alpha(opacity=0);}
.modal-backdrop.in {opacity: 0.5; filter: alpha(opacity=50);}
.modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5;}
.modal-header .close {margin-top: -2px;}
.modal-title {margin: 0; line-height: 1.42857143;}
.modal-body {position: relative; padding: 15px;}
.modal-footer {padding: 15px; text-align: right; border-top: 1px solid #e5e5e5;}
.modal-footer .btn + .btn {margin-left: 5px; margin-bottom: 0;}
.modal-footer .btn-group .btn + .btn {margin-left: -1px;}
.modal-footer .btn-block + .btn-block {margin-left: 0;}
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}
@media (min-width: 768px) {.modal-dialog { width: 600px;  margin: 30px auto;}
.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);}
.modal-sm { width: 300px;}
} @media (min-width: 992px) {.modal-lg { width: 900px;}
} .carousel {position: relative;}
.carousel-inner {position: relative; overflow: hidden; width: 100%;}
.carousel-inner > .item {display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {line-height: 1;}
@media all and (transform-3d), (-webkit-transform-3d) {.carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out;  -o-transition: -o-transform 0.6s ease-in-out;  transition: transform 0.6s ease-in-out;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-perspective: 1000px;  perspective: 1000px;}
.carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0);  left: 0;}
.carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0);  left: 0;}
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  left: 0;}
} .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {display: block;}
.carousel-inner > .active {left: 0;}
.carousel-inner > .next, .carousel-inner > .prev {position: absolute; top: 0; width: 100%;}
.carousel-inner > .next {left: 100%;}
.carousel-inner > .prev {left: -100%;}
.carousel-inner > .next.left, .carousel-inner > .prev.right {left: 0;}
.carousel-inner > .active.left {left: -100%;}
.carousel-inner > .active.right {left: 100%;}
.carousel-control {position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0);}
.carousel-control.left {background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);}
.carousel-control.right {left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);}
.carousel-control:hover, .carousel-control:focus {outline: 0; color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90);}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {left: 50%; margin-left: -10px;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {right: 50%; margin-right: -10px;}
.carousel-control .icon-prev, .carousel-control .icon-next {width: 20px; height: 20px; line-height: 1; font-family: serif;}
.carousel-control .icon-prev:before {content: '\2039';}
.carousel-control .icon-next:before {content: '\203a';}
.carousel-indicators {position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center;}
.carousel-indicators li {display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0);}
.carousel-indicators .active {margin: 0; width: 12px; height: 12px; background-color: #ffffff;}
.carousel-caption {position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
.carousel-caption .btn {text-shadow: none;}
@media screen and (min-width: 768px) {.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px;  height: 30px;  margin-top: -10px;  font-size: 30px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px;}
.carousel-caption { left: 20%;  right: 20%;  padding-bottom: 30px;}
.carousel-indicators { bottom: 20px;}
} .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {content: " "; display: table;}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .modal-header:after, .modal-footer: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;}
.text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.hidden {display: none !important;}
.affix {position: fixed;}
@-ms-viewport {width: device-width;}
.visible-xs, .visible-sm, .visible-md, .visible-lg {display: none !important;}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {display: none !important;}
@media (max-width: 767px) {.visible-xs { display: block !important;}
table.visible-xs { display: table !important;}
tr.visible-xs { display: table-row !important;}
th.visible-xs, td.visible-xs { display: table-cell !important;}
} @media (max-width: 767px) {.visible-xs-block { display: block !important;}
} @media (max-width: 767px) {.visible-xs-inline { display: inline !important;}
} @media (max-width: 767px) {.visible-xs-inline-block { display: inline-block !important;}
} @media (min-width: 768px) and (max-width: 991px) {.visible-sm { display: block !important;}
table.visible-sm { display: table !important;}
tr.visible-sm { display: table-row !important;}
th.visible-sm, td.visible-sm { display: table-cell !important;}
} @media (min-width: 768px) and (max-width: 991px) {.visible-sm-block { display: block !important;}
} @media (min-width: 768px) and (max-width: 991px) {.visible-sm-inline { display: inline !important;}
} @media (min-width: 768px) and (max-width: 991px) {.visible-sm-inline-block { display: inline-block !important;}
} @media (min-width: 992px) and (max-width: 1199px) {.visible-md { display: block !important;}
table.visible-md { display: table !important;}
tr.visible-md { display: table-row !important;}
th.visible-md, td.visible-md { display: table-cell !important;}
} @media (min-width: 992px) and (max-width: 1199px) {.visible-md-block { display: block !important;}
} @media (min-width: 992px) and (max-width: 1199px) {.visible-md-inline { display: inline !important;}
} @media (min-width: 992px) and (max-width: 1199px) {.visible-md-inline-block { display: inline-block !important;}
} @media (min-width: 1200px) {.visible-lg { display: block !important;}
table.visible-lg { display: table !important;}
tr.visible-lg { display: table-row !important;}
th.visible-lg, td.visible-lg { display: table-cell !important;}
} @media (min-width: 1200px) {.visible-lg-block { display: block !important;}
} @media (min-width: 1200px) {.visible-lg-inline { display: inline !important;}
} @media (min-width: 1200px) {.visible-lg-inline-block { display: inline-block !important;}
} @media (max-width: 767px) {.hidden-xs { display: none !important;}
} @media (min-width: 768px) and (max-width: 991px) {.hidden-sm { display: none !important;}
} @media (min-width: 992px) and (max-width: 1199px) {.hidden-md { display: none !important;}
} @media (min-width: 1200px) {.hidden-lg { display: none !important;}
} .visible-print {display: none !important;}
@media print {.visible-print { display: block !important;}
table.visible-print { display: table !important;}
tr.visible-print { display: table-row !important;}
th.visible-print, td.visible-print { display: table-cell !important;}
} .visible-print-block {display: none !important;}
@media print {.visible-print-block { display: block !important;}
} .visible-print-inline {display: none !important;}
@media print {.visible-print-inline { display: inline !important;}
} .visible-print-inline-block {display: none !important;}
@media print {.visible-print-inline-block { display: inline-block !important;}
} @media print {.hidden-print { display: none !important;}
}  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0;  padding:0;  border:0;  outline:0;  font-size:100%;  vertical-align:baseline;  background:transparent;}
body { line-height:1;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block;}
nav ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:'';  content:none;}
a { margin:0;  padding:0;  font-size:100%;  vertical-align:baseline;  background:transparent;}
ins { background-color:#ff9;  color:#000;  text-decoration:none;}
mark { background-color:#ff9;  color:#000;  font-style:italic;  font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted;  cursor:help;}
table { border-collapse:collapse;  border-spacing:0;}
hr { display:block;  height:1px;  border:0;  border-top:1px solid #cccccc;  margin:1em 0;  padding:0;}
input, select { vertical-align:middle;}
@charset "UTF-8"; .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.hinge {-webkit-animation-duration: 2s; animation-duration: 2s;}
.animated.bounceIn, .animated.bounceOut {-webkit-animation-duration: .75s; animation-duration: .75s;}
.animated.flipOutX, .animated.flipOutY {-webkit-animation-duration: .75s; animation-duration: .75s;}
@-webkit-keyframes bounce {from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}
40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  -webkit-transform: translate3d(0, -30px, 0);  transform: translate3d(0, -30px, 0);}
70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  -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.610, 0.355, 1.000);  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}
40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  -webkit-transform: translate3d(0, -30px, 0);  transform: translate3d(0, -30px, 0);}
70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  -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(.95, 1.05, 1);  transform: scale3d(.95, 1.05, 1);}
75% { -webkit-transform: scale3d(1.05, .95, 1);  transform: scale3d(1.05, .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(.95, 1.05, 1);  transform: scale3d(.95, 1.05, 1);}
75% { -webkit-transform: scale3d(1.05, .95, 1);  transform: scale3d(1.05, .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 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(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  transform: scale3d(.9, .9, .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(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  transform: scale3d(.9, .9, .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: none;  transform: none;}
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: none;  transform: none;}
} @keyframes wobble {from { -webkit-transform: none;  transform: none;}
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: none;  transform: none;}
} .wobble {-webkit-animation-name: wobble; animation-name: wobble;}
@-webkit-keyframes jello {from, 11.1%, to { -webkit-transform: none;  transform: none;}
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: none;  transform: none;}
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.610, 0.355, 1.000);  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% { opacity: 0;  -webkit-transform: scale3d(.3, .3, .3);  transform: scale3d(.3, .3, .3);}
20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1);}
40% { -webkit-transform: scale3d(.9, .9, .9);  transform: scale3d(.9, .9, .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(.97, .97, .97);  transform: scale3d(.97, .97, .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.610, 0.355, 1.000);  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% { opacity: 0;  -webkit-transform: scale3d(.3, .3, .3);  transform: scale3d(.3, .3, .3);}
20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1);}
40% { -webkit-transform: scale3d(.9, .9, .9);  transform: scale3d(.9, .9, .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(.97, .97, .97);  transform: scale3d(.97, .97, .97);}
to { opacity: 1;  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);}
} .bounceIn {-webkit-animation-name: bounceIn; animation-name: bounceIn;}
@-webkit-keyframes bounceInDown {from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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: none;  transform: none;}
} @keyframes bounceInDown {from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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: none;  transform: none;}
} .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.610, 0.355, 1.000);  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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.610, 0.355, 1.000);  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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;}
@-webkit-keyframes bounceInRight {from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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: none;  transform: none;}
} @keyframes bounceInRight {from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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: none;  transform: none;}
} .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.610, 0.355, 1.000);  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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.610, 0.355, 1.000);  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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(.9, .9, .9);  transform: scale3d(.9, .9, .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(.3, .3, .3);  transform: scale3d(.3, .3, .3);}
} @keyframes bounceOut {20% { -webkit-transform: scale3d(.9, .9, .9);  transform: scale3d(.9, .9, .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(.3, .3, .3);  transform: scale3d(.3, .3, .3);}
} .bounceOut {-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: none;  transform: none;}
} @keyframes fadeInDown {from { opacity: 0;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0);}
to { opacity: 1;  -webkit-transform: none;  transform: none;}
} .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: none;  transform: none;}
} @keyframes fadeInDownBig {from { opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0);}
to { opacity: 1;  -webkit-transform: none;  transform: none;}
} .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: none;  transform: none;}
} @keyframes fadeInLeft {from { opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0);}
to { opacity: 1;  -webkit-transform: none;  transform: none;}
} .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: none;  transform: none;}
} @keyframes fadeInLeftBig {from { opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0);}
to { opacity: 1;  -webkit-transform: none;  transform: none;}
} .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: none;  transform: none;}
} @keyframes fadeInRight {from { opacity: 0;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0);}
to { opacity: 1;  -webkit-transform: none;  transform: none;}
} .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: none;  transform: none;}
} @keyframes fadeInRightBig {from { opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0);}
to { opacity: 1;  -webkit-transform: none;  transform: none;}
} .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: none;  transform: none;}
} @keyframes fadeInUp {from { opacity: 0;  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0);}
to { opacity: 1;  -webkit-transform: none;  transform: none;}
} .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: none;  transform: none;}
} @keyframes fadeInUpBig {from { opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0);}
to { opacity: 1;  -webkit-transform: none;  transform: none;}
} .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(.95, .95, .95);  transform: perspective(400px) scale3d(.95, .95, .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(.95, .95, .95);  transform: perspective(400px) scale3d(.95, .95, .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-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-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: none;  transform: none;  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: none;  transform: none;  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: none;  transform: none;  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: none;  transform: none;  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: none;  transform: none;  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: none;  transform: none;  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: none;  transform: none;  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: none;  transform: none;  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: none;  transform: none;  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: none;  transform: none;  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: none;  transform: none;  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: none;  transform: none;  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-name: hinge; animation-name: hinge;}
@-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: none;  transform: none;}
} @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: none;  transform: none;}
} .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(.3, .3, .3);  transform: scale3d(.3, .3, .3);}
50% { opacity: 1;}
} @keyframes zoomIn {from { opacity: 0;  -webkit-transform: scale3d(.3, .3, .3);  transform: scale3d(.3, .3, .3);}
50% { opacity: 1;}
} .zoomIn {-webkit-animation-name: zoomIn; animation-name: zoomIn;}
@-webkit-keyframes zoomInDown {from { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
} @keyframes zoomInDown {from { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
} .zoomInDown {-webkit-animation-name: zoomInDown; animation-name: zoomInDown;}
@-webkit-keyframes zoomInLeft {from { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
} @keyframes zoomInLeft {from { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
} .zoomInLeft {-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;}
@-webkit-keyframes zoomInRight {from { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
} @keyframes zoomInRight {from { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
} .zoomInRight {-webkit-animation-name: zoomInRight; animation-name: zoomInRight;}
@-webkit-keyframes zoomInUp {from { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
} @keyframes zoomInUp {from { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
} .zoomInUp {-webkit-animation-name: zoomInUp; animation-name: zoomInUp;}
@-webkit-keyframes zoomOut {from { opacity: 1;}
50% { opacity: 0;  -webkit-transform: scale3d(.3, .3, .3);  transform: scale3d(.3, .3, .3);}
to { opacity: 0;}
} @keyframes zoomOut {from { opacity: 1;}
50% { opacity: 0;  -webkit-transform: scale3d(.3, .3, .3);  transform: scale3d(.3, .3, .3);}
to { opacity: 0;}
} .zoomOut {-webkit-animation-name: zoomOut; animation-name: zoomOut;}
@-webkit-keyframes zoomOutDown {40% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
to { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  transform: scale3d(.1, .1, .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.320, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
} @keyframes zoomOutDown {40% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
to { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  transform: scale3d(.1, .1, .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.320, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
} .zoomOutDown {-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;}
@-webkit-keyframes zoomOutLeft {40% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}
to { opacity: 0;  -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);  transform: scale(.1) translate3d(-2000px, 0, 0);  -webkit-transform-origin: left center;  transform-origin: left center;}
} @keyframes zoomOutLeft {40% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}
to { opacity: 0;  -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);  transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);  transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}
to { opacity: 0;  -webkit-transform: scale(.1) translate3d(2000px, 0, 0);  transform: scale(.1) translate3d(2000px, 0, 0);  -webkit-transform-origin: right center;  transform-origin: right center;}
} @keyframes zoomOutRight {40% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}
to { opacity: 0;  -webkit-transform: scale(.1) translate3d(2000px, 0, 0);  transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0);  transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
to { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  transform: scale3d(.1, .1, .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.320, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
} @keyframes zoomOutUp {40% { opacity: 1;  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
to { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  transform: scale3d(.1, .1, .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.320, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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;}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {content: " "; display: block; background: white; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {width: 3px; height: 9999px; left: 50%; margin-left: -1.5px;}
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {width: 9999px; height: 3px; top: 50%; margin-top: -1.5px;}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {position: absolute; top: 0; width: 100%; height: 100%;}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.twentytwenty-before-label, .twentytwenty-after-label {-webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity;}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {color: white; font-size: 13px; letter-spacing: 0.1em;}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {top: 50%; margin-top: -19px;}
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {left: 50%; margin-left: -45px; text-align: center; width: 90px;}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {width: 0; height: 0; border: 6px inset transparent; position: absolute;}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {top: 50%; margin-top: -6px;}
.twentytwenty-up-arrow, .twentytwenty-down-arrow {left: 50%; margin-left: -6px;}
.twentytwenty-container {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none;}
.twentytwenty-container img { max-width: 100%;  position: absolute;  top: 0;  display: block;}
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0);}
 .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,  .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,  .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0;}
.twentytwenty-container * { -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}
.twentytwenty-before-label {opacity: 0;}
.twentytwenty-before-label:before { content: "Before";}
.twentytwenty-after-label {opacity: 0;}
.twentytwenty-after-label:before { content: "After";}
.twentytwenty-horizontal .twentytwenty-before-label:before {left: 10px;}
.twentytwenty-horizontal .twentytwenty-after-label:before {right: 10px;}
.twentytwenty-vertical .twentytwenty-before-label:before {top: 10px;}
.twentytwenty-vertical .twentytwenty-after-label:before {bottom: 10px;}
.twentytwenty-overlay {-webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25;}
.twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5);}
 .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1;}
 .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1;}
.twentytwenty-before {z-index: 20;}
.twentytwenty-after {z-index: 10;}
.twentytwenty-handle {height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer;}
.twentytwenty-horizontal .twentytwenty-handle:before {bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);}
.twentytwenty-horizontal .twentytwenty-handle:after {top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);}
.twentytwenty-vertical .twentytwenty-handle:before {left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);}
.twentytwenty-vertical .twentytwenty-handle:after {right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);}
.twentytwenty-left-arrow {border-right: 6px solid white; left: 50%; margin-left: -17px;}
.twentytwenty-right-arrow {border-left: 6px solid white; right: 50%; margin-right: -17px;}
.twentytwenty-up-arrow {border-bottom: 6px solid white; top: 50%; margin-top: -17px;}
.twentytwenty-down-arrow {border-top: 6px solid white; bottom: 50%; margin-bottom: -17px;}

html, body {height: 100%;}
body {padding-top: 100px; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #231f20; -webkit-font-variant-ligatures: common-ligatures; -moz-font-variant-ligatures: common-ligatures; -ms-font-variant-ligatures: common-ligatures; -o-font-variant-ligatures: common-ligatures; font-variant-ligatures: common-ligatures; -webkit-font-feature-settings: "liga", "clig"; -moz-font-feature-settings: "liga", "clig"; -ms-font-feature-settings: "liga", "clig"; -o-font-feature-settings: "liga", "clig"; font-feature-settings: "liga", "clig";}

body#index-page2, body#index-page2 h1, body#index-page2 h2, body#index-page2 h3, body#index-page2 h4, body#index-page2 h5, body#index-page2 h6, body#index-page2 label, body#index-page2 .label {color:#6b7f8a;}
body#index-page2 nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn {color:#fff;}


body#index-page2 nav.navbar.navbar-shootproof ul.nav.navbar-nav li a {color: #858585;}
body#index-page2 nav.navbar.navbar-shootproof ul.nav.navbar-nav li a:hover {color: #4b4646;}
.page.page-home.home-page2 #homepage-sales {background:#000;}
.page.page-home.home-page2 #homepage-testimonials {background:#f7f6fb;}
.page.page-home.home-page2 #try-free.banner {background:#a6c3d1;}
.page.page-home.home-page2 #try-free.banner p {color:#fff;}
.city-scape {text-align:center;}
.city-scape img {height: auto; width: auto;}

.inner-pages {padding:50px 0 60px;}
.bg-box {background:#f7f6fb; padding:20px; margin-bottom:30px;}
.page.page-home .bg-box p:last-child {margin-bottom:0; padding-bottom:0;}
.about-boxes {background:#eeeeee; padding:20px 20px 0; margin-bottom:50px;}
.about-boxes h2 {font-size:20px; text-align:center; margin-top:10px;}
.about-box img { min-height: 150px;}
.product-lisitng { text-align: center; margin-top:20px;}
.padding-bottom {padding-bottom:0;}

.pro-thumb { border-radius: 50%; height: 150px; margin: auto auto 15px; overflow: hidden; width: 150px;}
.about-boxes-thumb { height: 240px; overflow: hidden;
}

.side-address h3 {color:#fff !important; margin-top:10px;}
.side-address { background: #a5c3d1; border-radius: 3px; padding: 20px 40px 0; text-align:center; font-size:16px; color:#fff; float:right; width: 100%; margin-bottom: 20px; }


.hybrid-btn {list-style:none; margin-top:-20px; margin-bottom:20px;}
.hybrid-btn li {display:inline-block;}
.hybrid-btn li a {margin:0;}
.about-akers-sign {text-align:center;}

/*.heading-bb::after { border-bottom: 2px dashed; content: ""; display: block; margin: 10px auto; width: 100px;}*/
.heading-bb { margin-bottom: 10px; padding-bottom: 10px; position: relative; text-align: center;}
.about-box { margin-bottom: 20px;
}
body.preload { -webkit-transition: none !important;  -moz-transition: none !important;  -ms-transition: none !important;  -o-transition: none !important;  transition: none !important;}

.pad-btm {padding-bottom:0;}

.product-lisitng-row { margin: auto; text-align: center;}
.product-lisitng-row h5 {margin-bottom:10px;}

.product-thumb-wrap { display:inline-block; position: relative; width: 25%; margin-bottom:10px; }
.inner-pages h2 {text-transform:uppercase;}
.brand-management {margin-top:25px;}
.product-thumb { height: 150px; margin: auto; width: 180px; position:relative;}
.product-lisitng-row .product-thumb img {min-height:150px; height:auto; width:100%; max-height:150px;}
.product-lisitng h6 { margin-bottom: 30px; margin-top:50px;}

.product-thumbn-inn { bottom: -30px; height: 100px; overflow: hidden; position: absolute; right: -47px; width: 100px;}
.product-lisitng-row .product-thumbn-inn img {min-height:80px; max-height:80px; width:100%; height:auto;}

.product-lisitng .product-thumb-wrap-main h6 {margin-top:10px;}
.product-lisitng-row h6 {margin-bottom: 30px; margin-top: 45px; text-align:center;}


body#index-page2.index_index.inners-pages nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn {opacity: 1 !important; transform: matrix(1, 0, 0, 1, 0, 0) !important; visibility: visible !important;}


@media screen and (max-width: 991px) { /*body { padding-top: 67px;}*/
} .breakpoint-test {display: none; width: 1200px;}
@media screen and (max-width: 1199px) { .breakpoint-test { width: 992px;}
} @media screen and (max-width: 991px) { .breakpoint-test { width: 768px;}
} @media screen and (max-width: 767px) { .breakpoint-test { width: 767px;}
} h1, h2, h3, h4, h5, h6, p, ul, ol, li {padding: 0;}
h1, h2, h3, h4, h5, h6 {color: #231f20; padding-bottom: 0.625rem;}
h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] { padding-top: calc(100px + 1em);  margin-top: calc((100px + 1em) * -1);}
 @media screen and (max-width: 991px) { h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {padding-top: calc(67px + 1em); margin-top: calc((67px + 1em) * -1);}
} h1, h2, h3 {font-family: 'Montserrat', sans-serif; font-weight: 400;}
h4, h5, h6 {font-weight: 600;}
h1 {font-size: 2.625rem; line-height: 4.375rem;}
h2 {font-size:24px; line-height: 2.5rem; color: #231f20;}
h3 {font-size: 2rem; line-height: 3rem;}
h4 {font-size: 1.5rem; line-height: 2.1875rem; margin-bottom:20px; padding-bottom:0;}
h5 {font-size: 1.25rem; line-height: 1.75rem;}
h6 {font-size: 1rem; line-height: 1.75rem; color: #231f20; font-family: 'Montserrat', sans-serif;}
p, ul, ol {font-size: 1.0625rem; line-height: 1.75rem; padding-bottom: 1.75rem;}
li {font-size: 1.0625rem; line-height: 1.75rem;}
iframe {max-width:100%; margin-bottom:10px;}
small, p.small {font-size: 0.8rem;}
a {color: #a5c3d1; -webkit-transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out; transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;}
a:hover { color: #1c84a7;  text-decoration: none;}
label, .label {font-family: "brandon-grotesque", Arial, sans-serif; font-weight: 500; font-size: 0.8125rem; color: #231f20; line-height: 1.3125rem; text-transform: uppercase; letter-spacing: 0.10125rem;}
hr {border: none; width: 100%; height: 1px; background-color: #DAE1E3;}
.btn.btn-shootproof, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.navbar-btn {font-weight: 400; font-size: 15px; line-height: 1.1875rem; text-transform: uppercase; letter-spacing: 0.10812rem; border-radius: 0.25rem; padding:10px 15px; color: #FFFFFF; background-color: #a5c3d1; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out;}
.btn.btn-shootproof:hover, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.navbar-btn:hover, .btn.btn-shootproof:focus, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.navbar-btn:focus, .btn.btn-shootproof:active, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.navbar-btn:active { text-decoration: none;  background-color: #48bbe1;}
.btn.btn-shootproof:focus, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.navbar-btn:focus { outline: thin dotted;}
.btn.btn-shootproof.btn-shootproof-white, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-white.navbar-btn { background-color: #FFFFFF;  color:#a5c3d1;  font-weight: 300; font-size:15px;}
.navbar-shootproof-footer-column a { color: #84959d; font-weight:300; text-transform:uppercase;}

 .btn.btn-shootproof.btn-shootproof-white:hover, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-white.navbar-btn:hover, .btn.btn-shootproof.btn-shootproof-white:focus, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-white.navbar-btn:focus, .btn.btn-shootproof.btn-shootproof-white:active, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-white.navbar-btn:active { text-decoration: none; background-color: #e6e6e6;}
.btn.btn-shootproof.btn-shootproof-gold, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-gold.navbar-btn { background-color: #F5C554;  color: #2A5969;  font-weight: 600;}
 .btn.btn-shootproof.btn-shootproof-gold:hover, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-gold.navbar-btn:hover, .btn.btn-shootproof.btn-shootproof-gold:focus, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-gold.navbar-btn:focus, .btn.btn-shootproof.btn-shootproof-gold:active, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-gold.navbar-btn:active { text-decoration: none; background-color: #f2b524;}
.btn.btn-shootproof.btn-shootproof-red, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-red.navbar-btn { background-color: #A94442;  color: #FFFFFF;  font-weight: 400;}
 .btn.btn-shootproof.btn-shootproof-red:hover, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-red.navbar-btn:hover, .btn.btn-shootproof.btn-shootproof-red:focus, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-red.navbar-btn:focus, .btn.btn-shootproof.btn-shootproof-red:active, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-red.navbar-btn:active { text-decoration: none; background-color: #843534;}
.btn.btn-shootproof.btn-shootproof-alt, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-alt.navbar-btn { border: 1px solid #FFFFFF;  background-color: #a5c3d1;}
 .btn.btn-shootproof.btn-shootproof-alt:hover, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-alt.navbar-btn:hover, .btn.btn-shootproof.btn-shootproof-alt:focus, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-alt.navbar-btn:focus, .btn.btn-shootproof.btn-shootproof-alt:active, nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-shootproof-alt.navbar-btn:active { text-decoration: none; background-color: #48bbe1;}
svg.shootproof-logo {height: 2.0625rem; width: 10.1875rem;}
.form-error {font-weight: 600; color: #A94442;}
form p.form-error {display: none;}
form ul.errors {list-style-type: none; margin-top: 0.625rem;}
form ul.errors li { color: #A94442;  font-size: 0.875rem;  line-height: 1rem;}
form .form-group {display: block; text-align: left;}
form .form-group p { margin-bottom: 0; padding-bottom: 0; }
form .form-group label {font-weight: 600;  font-size: 0.9375rem;  line-height: 1.625rem;  letter-spacing: normal;  text-transform: none;}
form .form-group input#studio_name, form .form-group input#email, form .form-group input#password { padding: 10px 50px;}

form .form-group input#promo_code { margin-top: 25px;}
form .form-group.promo-code ul.errors li { text-align: center;}
form .form-group .form-control { font-weight: 400;  font-size: 14px;  line-height: 1.0625rem;  width: 99.5%;  color: #2A5969; margin-top:5px;}
 form .form-group .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-color: #2A5969;}
 form .form-group .form-control.input-lg { border-radius: 3px;}
form .form-group ul.errors { position: relative;  top: auto;  margin: auto;  text-align: left;  padding: 0;}
form .form-group.has-error label { color: #A94442;}
form .form-group.has-error .form-control { color: #A94442;  border-color: #A94442;}


form .btn.btn-shootproof, form nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.navbar-btn, nav.navbar.navbar-shootproof ul.nav.navbar-nav li form a.navbar-btn {background-color: #2A5969;}
form .btn.btn-shootproof:active, form nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.navbar-btn:active, nav.navbar.navbar-shootproof ul.nav.navbar-nav li form a.navbar-btn:active, form .btn.btn-shootproof:visited, form nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.navbar-btn:visited, nav.navbar.navbar-shootproof ul.nav.navbar-nav li form a.navbar-btn:visited { background-color: #2A5969;}
form .btn.btn-shootproof:hover, form nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.navbar-btn:hover, nav.navbar.navbar-shootproof ul.nav.navbar-nav li form a.navbar-btn:hover, form .btn.btn-shootproof:focus, form nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.navbar-btn:focus, nav.navbar.navbar-shootproof ul.nav.navbar-nav li form a.navbar-btn:focus { background-color: #1b3a45;}
form p.small {margin-top: 25px;}
@-webkit-keyframes spFadeIn {from { opacity: 0;}
to { opacity: 1;}
} @keyframes spFadeIn {from { opacity: 0;}
to { opacity: 1;}
} .spFadeIn {-webkit-animation-name: spFadeIn; animation-name: spFadeIn;}
@-webkit-keyframes spFadeInUp {from { opacity: 0;  -webkit-transform: translateY(20%);  -ms-transform: translateY(20%);  transform: translateY(20%);}
to { opacity: 1;  -webkit-transform: translateY(0%);  -ms-transform: translateY(0%);  transform: translateY(0%);}
} @keyframes spFadeInUp {from { opacity: 0;  -webkit-transform: translateY(20%);  -ms-transform: translateY(20%);  transform: translateY(20%);}
to { opacity: 1;  -webkit-transform: translateY(0%);  -ms-transform: translateY(0%);  transform: translateY(0%);}
} .spFadeInUp {-webkit-animation-name: spFadeInUp; animation-name: spFadeInUp;}
@-webkit-keyframes spFadeInDown {from { opacity: 0;  -webkit-transform: translateY(-20%);  -ms-transform: translateY(-20%);  transform: translateY(-20%);}
to { opacity: 1;  -webkit-transform: translateY(0%);  -ms-transform: translateY(0%);  transform: translateY(0%);}
} @keyframes spFadeInDown {from { opacity: 0;  -webkit-transform: translateY(-20%);  -ms-transform: translateY(-20%);  transform: translateY(-20%);}
to { opacity: 1;  -webkit-transform: translateY(0%);  -ms-transform: translateY(0%);  transform: translateY(0%);}
} .spFadeInDown {-webkit-animation-name: spFadeInDown; animation-name: spFadeInDown;}
@-webkit-keyframes spFadeInRight {from { opacity: 0;  -webkit-transform: translateX(-20%);  -ms-transform: translateX(-20%);  transform: translateX(-20%);}
to { opacity: 1;  -webkit-transform: translateX(0%);  -ms-transform: translateX(0%);  transform: translateX(0%);}
} @keyframes spFadeInRight {from { opacity: 0;  -webkit-transform: translateX(-20%);  -ms-transform: translateX(-20%);  transform: translateX(-20%);}
to { opacity: 1;  -webkit-transform: translateX(0%);  -ms-transform: translateX(0%);  transform: translateX(0%);}
} .spFadeInRight {-webkit-animation-name: spFadeInRight; animation-name: spFadeInRight;}
@-webkit-keyframes spFadeInLeft {from { opacity: 0;  -webkit-transform: translateX(20%);  -ms-transform: translateX(20%);  transform: translateX(20%);}
to { opacity: 1;  -webkit-transform: translateX(0%);  -ms-transform: translateX(0%);  transform: translateX(0%);}
} @keyframes spFadeInLeft {from { opacity: 0;  -webkit-transform: translateX(20%);  -ms-transform: translateX(20%);  transform: translateX(20%);}
to { opacity: 1;  -webkit-transform: translateX(0%);  -ms-transform: translateX(0%);  transform: translateX(0%);}
} .spFadeInLeft {-webkit-animation-name: spFadeInLeft; animation-name: spFadeInLeft;}
nav.navbar.navbar-shootproof {border: none; background-color: #FFFFFF; width: 100%; margin: 0;}
nav.navbar.navbar-shootproof .container-fluid, nav.navbar.navbar-shootproof .navbar-collapse { padding-left: 0px;  padding-right: 0px;}
nav.navbar.navbar-shootproof .navbar-collapse { max-height: 100%;}
nav.navbar.navbar-shootproof .navbar-toggle { border: none;  position: absolute;  top: 50%;  right: 20px;  margin-top: 3px;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  -webkit-transition: background-color 0.2s ease-in-out;  -moz-transition: background-color 0.2s ease-in-out;  -ms-transition: background-color 0.2s ease-in-out;  -o-transition: background-color 0.2s ease-in-out;  transition: background-color 0.2s ease-in-out;}
 nav.navbar.navbar-shootproof .navbar-toggle .menu { float: left; margin-left: -50px; position: relative; color: #BBC4C6; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;}
 nav.navbar.navbar-shootproof .navbar-toggle .icon-bar { height: 4px; background-color: #2A5969;}
 nav.navbar.navbar-shootproof .navbar-toggle:hover .menu { color: #2A5969;}
nav.navbar.navbar-shootproof .navbar-brand { padding: 20px 0;  line-height: 0;}
 nav.navbar.navbar-shootproof .navbar-brand .shootproof-logo { fill: #a5c3d1;}
 @media screen and (max-width: 991px) { nav.navbar.navbar-shootproof .navbar-brand {min-height: 67px; padding: 23px 30px 24px 30px;}
}  @media screen and (max-width: 767px) { nav.navbar.navbar-shootproof .navbar-brand {min-height: 67px; padding: 17.5px 30px 17.5px 40px;}
nav.navbar.navbar-shootproof .navbar-brand .shootproof-logo { height: 32px;  width: 42px;}
} /* nav.navbar.navbar-shootproof .navbar-brand.navbar-shootproof-logo { display: none;}*/
@media screen and (min-width: 768px) {nav.navbar.navbar-shootproof .navbar-brand.navbar-shootproof-logo { display: block;}

}  nav.navbar.navbar-shootproof .navbar-brand.navbar-shootproof-croppy { display: none;}
@media screen and (max-width: 767px) {nav.navbar.navbar-shootproof .navbar-brand.navbar-shootproof-croppy { display: block;}
} nav.navbar.navbar-shootproof .navbar-header { position: relative;}
 nav.navbar.navbar-shootproof .navbar-header .navbar-menu { width: 33%; float: right;}
 nav.navbar.navbar-shootproof .navbar-header .sign-up { display: block; width: 33%; margin: 0 auto; text-align: center;}
nav.navbar.navbar-shootproof .navbar-header .sign-up .navbar-btn {margin: 0; position: absolute; top: 50%; left: 50%; padding-top: 0.8125rem; padding-bottom: 0.625rem; font-size: 0.8125rem; line-height: 0.8125rem; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
nav.navbar.navbar-shootproof .navbar-header .sign-up .navbar-btn.hidden-sm { padding-left: 0.625rem;  padding-right: 0.625rem;}
nav.navbar.navbar-shootproof .navbar-collapse { border: none;}
 @media screen and (max-width: 991px) { nav.navbar.navbar-shootproof .navbar-collapse {border-bottom: 2px solid #BBC4C6;}
} nav.navbar.navbar-shootproof ul.nav.navbar-nav { padding-bottom: 0;}
nav.navbar.navbar-shootproof ul.nav.navbar-nav li {padding-bottom: 0;}
nav.navbar.navbar-shootproof ul.nav.navbar-nav li a {color: #231f20; padding-right:15px; padding-left:15px; font-size: 14.5px; font-weight:300; line-height: 1rem;}
nav.navbar.navbar-shootproof ul.nav.navbar-nav li a:hover { background-color: transparent;  color: #a5c3d1;}
nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.navbar-btn { margin-top: 1.5625rem;  margin-bottom: 1.625rem;  color: #FFFFFF;}
nav.navbar.navbar-shootproof ul.nav.navbar-nav li.active > a {background-color: transparent; color: #2A5969;}
nav.navbar.navbar-shootproof ul.nav.navbar-nav li.login {z-index: 9999;}
.navbar-nav.navbar-right li:last-child{margin-left:10px;}
@media screen and (max-width: 991px) {nav.navbar.navbar-shootproof ul.nav.navbar-nav li { text-align: center;}
 nav.navbar.navbar-shootproof ul.nav.navbar-nav li a { font-size: 14px; line-height: 12px;}
 .index_index nav.navbar.navbar-shootproof.home-navbar .navbar-brand.navbar-shootproof-logo {padding:20px;}
}  nav.navbar.navbar-shootproof ul.nav.navbar-nav.navbar-subnav li a { font-size: 1.125rem; line-height: 1.125rem;}
 @media screen and (max-width: 991px) { nav.navbar.navbar-shootproof ul.nav.navbar-nav {margin-top: 0;}
}
@media screen and (min-width: 992px) {
.about-boxes-thumb img {min-height: 240px;}
} @media screen and (max-width: 991px) { nav.navbar.navbar-shootproof { min-height: 67px;}
} .index_index nav.navbar.navbar-shootproof.home-navbar .sign-up { display: none;}
@media screen and (max-width: 767px) { .index_index nav.navbar.navbar-shootproof.home-navbar .navbar-brand.navbar-shootproof-logo { display: block; padding: 23px 30px 24px 30px;}
.index_index nav.navbar.navbar-shootproof.home-navbar .navbar-brand.navbar-shootproof-logo .shootproof-logo {height: 2.0625rem; width: 10.1875rem;}
 .index_index nav.navbar.navbar-shootproof.home-navbar .navbar-brand.navbar-shootproof-croppy { display: none;}
} @media screen and (min-width: 992px) { .index_index nav.navbar.navbar-shootproof.home-navbar { background-color: #F7F9FA;}

/*.navbar-shootproof-footer-column.col-xs-6.col-sm-4.col-md-3 ul li, .navbar-shootproof-footer-column.col-xs-6.col-sm-4.col-md-4 ul li {display:inline-block; width:49%;}*/


} nav.navbar.navbar-shootproof-subnav {border: none; width: 100%; min-height: 3.75rem; max-height: 3.75rem; margin: 0;}
nav.navbar.navbar-shootproof-subnav .container { padding-left: 0px;  padding-right: 0px;  width: 100%;  min-height: 3.75rem;  max-height: 3.75rem;  background-color: #F7F9FA;}
nav.navbar.navbar-shootproof-subnav .shootproof-subnav { position: absolute;  width: 100%;}
nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav { padding: 0;  margin: 0;  display: table;  position: relative;  left: 50%;  -webkit-transform: translateX(-50%);  -moz-transform: translateX(-50%);  -ms-transform: translateX(-50%);  -o-transform: translateX(-50%);  transform: translateX(-50%);}
 nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li { font-family: "brandon-grotesque", Arial, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0.11625rem; padding-bottom: 0; display: table-cell;}
nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li a {padding-top: 1.46875rem; padding-bottom: 1.46875rem; margin-right: 1.5625rem; margin-left: 1.5625rem; font-size: 0.8125rem; color: #BBC4C6; line-height: 0.8125rem;}
nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li.active > a, nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li a:hover {background-color: transparent; color: #2A5969;}
nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li.active > a svg, nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li a:hover svg { fill: #a5c3d1;}
nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li.active > a {padding-bottom: 1.34375rem; border-bottom: 2px solid #a5c3d1;}
nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li.icon svg {fill: #BBC4C6; margin-right: 0.9375rem; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li.icon.icon-share a {padding-top: 0.875rem; padding-bottom: 0.8125rem;}
nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li.icon.icon-share svg {height: 1.9375rem; width: 2.375rem; vertical-align: -0.5625rem;}
nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li.icon.icon-commerce a {padding-top: 1rem; padding-bottom: 0.9375rem;}
nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li.icon.icon-commerce svg {height: 1.6875rem; width: 2.0625rem; vertical-align: -0.4375rem;}
nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li.icon.icon-studio a {padding-top: 0.9375rem; padding-bottom: 0.8125rem;}
nav.navbar.navbar-shootproof-subnav ul.nav.navbar-nav li.icon.icon-studio svg {height: 1.875rem; width: 2.0625rem; vertical-align: -0.625rem;}
.navbar-border {position: fixed; width: 100%; height: 3px; margin: 0; top: 100px; right: 0; left: 0; z-index: 1031; background-color: transparent; background-size: 100% 5px; background-position: center bottom; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.15)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%);}
@media screen and (max-width: 991px) { .navbar-border { top: 67px;}
} .navbar-subnav-border {position: relative; z-index: 1029; width: 100%; height: 3px; margin: 0; background-color: transparent; background-size: 100% 5px; background-position: center bottom; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.15)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%);}
.navbar-shootproof-footer {width: 100%; padding-top: 1.875rem; padding-bottom:0; background-color: #F7F9FA;}
.navbar-shootproof-footer > div.row { position: relative;  max-width: 1350px;  margin: 0 auto;}
.navbar-shootproof-footer svg { fill: #DAE1E3;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
 .navbar-shootproof-footer svg:hover { fill: #2A5969;}
.navbar-shootproof-footer svg.shootproof-logo { max-width: 100%;}
.navbar-shootproof-footer svg.shootproof-logo:hover { fill: #a5c3d1;}
.navbar-shootproof-footer h6 {color: #3b4d55; font-weight:400;}
.navbar-shootproof-footer ul { list-style: none;}
.navbar-shootproof-footer ul li, .navbar-shootproof-footer p {color: #84959d; font-size: 13px; line-height: 1.75rem; padding-bottom: 0.5625rem;}
.navbar-shootproof-footer a span {color: #84959d;}
.navbar-shootproof-footer ul li a:hover, .navbar-shootproof-footer a:hover span {color: #2A5969;}
.navbar-shootproof-footer .contact h6 { padding-bottom: 0;}
 .navbar-shootproof-footer .contact h6.logo { padding-bottom: 0.625rem;}
.navbar-shootproof-footer .contact p { padding-bottom: 0.625rem;}
.navbar-shootproof-footer .contact .social { padding-top: 1.25rem; display:table;}
.navbar-shootproof-footer .contact .social a {display: block; float: left; width: 40px; height: 40px; margin: 0px 5px 10px 0px; padding: 8px; border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; background-color: #bdc3c7;}
.navbar-shootproof-footer .contact .social a:first-child {padding: 8px 12px;}
.navbar-shootproof-footer .contact .social a i {color: #fff; font-size: 25px; transition: all ease-in-out 400ms; -ms-transition: all ease-in-out 400ms; -webkit-transition: all ease-in-out 400ms;}/*
.navbar-shootproof-footer .contact .social a:hover i, .navbar-shootproof-footer .contact .social a:focus i {color: #111111;}*/
.navbar-shootproof-footer .contact .social a:hover, .navbar-shootproof-footer .contact .social a:focus {opacity: 0.7;}
 .navbar-shootproof-footer .contact .social svg { height: 1.3125rem; margin-right: 0.625rem;}
.navbar-shootproof-footer .contact .social svg.icon-twitter {width: 1.5rem;}
.navbar-shootproof-footer .contact .social svg.icon-facebook {width: 0.625rem;}
.navbar-shootproof-footer .contact .social svg.icon-instagram {width: 1.3125rem;}
.navbar-shootproof-footer .wf-tagline {line-height: 1.5; color: #a5acb1;}
.footer {padding-top: 35px; border: 1px solid #e2e7ea; padding-bottom:40px;}
@media screen and (min-width: 992px) and (max-width: 1199px) { .navbar-shootproof-footer { padding-left: 60px; padding-right: 60px;}
} @media screen and (max-width: 767px) { .navbar-shootproof-footer .navbar-shootproof-footer-column:nth-child(odd) { clear: left;}
} .page {overflow: hidden;}
.page .hero { margin: 0;  position: relative;  text-align: center;  background-image: linear-gradient(-136deg, #F9FBFD 2%, #F3F3F3 100%);}
 .page .hero .feature { width: 100%; max-width: 1200px; margin: 0 auto;}
.page .hero .feature .feature-text {padding-top: 6.25rem; padding-bottom: 3.125rem;}
.page .hero .feature .feature-text p { padding: 0;}
@media screen and (max-width: 767px) { .page .hero .feature .feature-text { padding-top: 3.125rem; padding-bottom: 1.875rem;}
} .page .hero .feature .feature-image {padding: 0 1.25rem;}
.page .hero .feature .feature-image img { margin: 0 auto;}
.page .banner { width: 100%;}
 .page .banner .container { width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}
 .page .banner h2, .page .banner h3 { font-weight: 400; color: #FFFFFF;}
 @media screen and (max-width: 767px) { .page .banner h1 {font-size: 2.25rem; line-height: 3.5rem;}
}  .page .banner p:last-child { padding: 0;}
.page .detail { position: relative;  width: 100%;  max-width: 1200px;  margin: 3.125rem auto;}
 @media screen and (max-width: 767px) { .page .detail {text-align: center;}
}  .page .detail .detail-cell { height: 23.75rem; position: relative;}
.page .detail .detail-cell .detail-image, .page .detail .detail-cell .detail-text {position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.page .detail .detail-cell .detail-text {padding: 0.9375rem;}
.page .detail .detail-cell .detail-text h2 { padding-bottom: 1.875rem;}
.page .detail .detail-cell .detail-text p { padding: 0;}
.page .detail .detail-cell .detail-image img, .page .detail .detail-cell .detail-image svg {max-height: 23.75rem; width: 100%; margin: 0 auto;}
@media screen and (max-width: 767px) {.page .detail .detail-cell { height: auto;}
 .page .detail .detail-cell .detail-image, .page .detail .detail-cell .detail-text { position: relative; top: 0%; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}
 .page .detail .detail-cell .detail-text h2 { padding-bottom: 0.625rem;}
 .page .detail .detail-cell .detail-image { padding-bottom: 1.5625rem;}
} .page .browsers { position: relative;  width: 100%;  height: 277px;  max-width: 450px;  max-height: 277px;  margin: 0 auto;}
 .page .browsers .browser-desktop { position: absolute; max-width: 405px; max-height: 277px; width: 90%; bottom: 0; left: 0;}
 .page .browsers .browser-phone { position: absolute; max-width: 98px; max-height: 192px; width: 22%; bottom: 0; right: 0;}
.page #try-free.banner {background: url(../images/try-free.jpg) no-repeat top center / 100% 100%;/* min-height: 205px;*/ height: 17.125rem; }
 .page #try-free.banner h2 { font-size: 25px; color: #231f20;}
@media screen and (min-width: 767px) {.page #try-free.banner h2 {line-height: 2.1875rem;}
}  /*.page #try-free.banner .btn { width: 100%;}*/
@media screen and (min-width: 767px) {.page #try-free.banner .btn { width: initial;}
} .page #try-free-alt.banner { height: 12.5rem;  background-color: #2A5969;}
 .page #try-free-alt.banner h2, .page #try-free-alt.banner p { display: inline;}
 .page #try-free-alt.banner .btn { margin-left: 3em; margin-top: -0.75em;}
 @media screen and (max-width: 767px) { .page #try-free-alt.banner {height: 18.75rem;}
.page #try-free-alt.banner h2 { font-size: 36px;  line-height: 52px;}
.page #try-free-alt.banner h2, .page #try-free-alt.banner p { display: block;}
.page #try-free-alt.banner .btn { margin: auto;}
} .page #features.banner { height: 20.875rem;  background-color: #F7F9FA;}
 .page #features.banner h3 { color: #2A5969;}
@media screen and (max-width: 767px) {.page #features.banner h3 { font-size: 27px;  line-height: 40px;}
}  .page #features.banner ul { display: block; width: 100%; list-style-type: none; margin: 0; padding: 0;}
.page #features.banner ul li {display: inline-block; text-align: center; width: 9.375rem; font-family: "brandon-grotesque", Arial, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0.11625rem; padding-bottom: 0; margin: 1.875rem 1.25rem 0 1.25rem;}
@media screen and (max-width: 767px) { .page #features.banner ul li { margin: 1.875rem 0 0 0; width: 6.875rem;}
} .page #features.banner ul li a { font-size: 0.8125rem;  color: #2A5969;  line-height: 0.8125rem;}
 .page #features.banner .icon { height: 3.4375rem; max-height: 3.4375rem; display: block;}
.page #features.banner .icon svg.svg {position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); fill: #a5c3d1;}
.page #features.banner .icon.icon-share svg {height: 52px; width: 64px;}
@media screen and (max-width: 767px) { .page #features.banner .icon.icon-share svg { width: 48px; height: 40px;}
} .page #features.banner .icon.icon-commerce svg {height: 45px; width: 55px;}
@media screen and (max-width: 767px) { .page #features.banner .icon.icon-commerce svg { width: 45px; height: 37px;}
} .page #features.banner .icon.icon-studio svg {height: 50px; width: 55px;}
@media screen and (max-width: 767px) { .page #features.banner .icon.icon-studio svg { width: 47px; height: 44px;}
} .page #about-shootproof { padding: 6.25rem 0;}
 .page #about-shootproof .container { max-width: 1200px; margin: 0 auto;}
 @media screen and (min-width: 992px) { .page #about-shootproof .row {display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
}  @media screen and (max-width: 991px) { .page #about-shootproof {text-align: center;}
}  .page #about-shootproof .browsers { height: 228px; max-width: 369px; max-height: 228px;}
.page #about-shootproof .browsers .browser-desktop {max-width: 333px; max-height: 228px;}
.page #about-shootproof .browsers .browser-phone {max-width: 81.6px; max-height: 160px;}
 .page #about-shootproof .label { padding-top: 0.625rem; padding-bottom: 0; color: #BBC4C6; text-align: center;}
@media screen and (max-width: 991px) {.page #about-shootproof .label { padding-bottom: 1.875rem;}
}  .page #about-shootproof h5 { padding-bottom: 1.875rem;}
.page #testimonials { background-color: #F7F9FA;  padding: 3.75rem 0 2.5rem 0;  text-align: center;}
 .page #testimonials .container-fluid { max-width: 1200px;}
 .page #testimonials .quotation-mark { text-align: center; color: #DFE7E8; font-size: 10rem; line-height: 5rem;}
 .page #testimonials .quotation { padding-bottom: 3.75rem;}
.page #testimonials .quotation .headshot {border-radius: 50%; height: 65px; width: 65px; margin-bottom: 1.25rem;}
.page #testimonials .quotation h6 {padding: 0;}
.page #testimonials .quotation .label {padding-bottom: 1.25rem;}
.page #shootproof-features { text-align: center;  max-width: 1200px;  padding: 6.25rem 0;}
 @media screen and (max-width: 991px) { .page #shootproof-features {padding-bottom: 2.5rem;}
}  @media screen and (max-width: 991px) { .page #shootproof-features .shootproof-feature {padding-bottom: 3.75rem;}
}  .page #shootproof-features .shootproof-feature .shootproof-icon { height: 120px; position: relative;}
.page #shootproof-features .shootproof-feature .shootproof-icon svg.svg {fill: #2A5969; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.page #shootproof-features .shootproof-feature .shootproof-icon svg.svg.shootproof-icon-pricetag { width: 71px;  height: 49px;}
.page #shootproof-features .shootproof-feature .shootproof-icon svg.svg.shootproof-icon-delivery { color: #2A5969;  width: 63px;  height: 40px;}
.page #shootproof-features .shootproof-feature .shootproof-icon svg.svg.shootproof-icon-support { width: 64px;  height: 41px;}
.page #shootproof-features .shootproof-feature .shootproof-icon svg.svg.shootproof-icon-house { width: 48px;  height: 59px;}
.page .currency { white-space: nowrap;}
 .page .currency #sales, .page .currency #commissions { color: #a5c3d1;}
.page .currency #sales .minimal-counter, .page .currency #commissions .minimal-counter {display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; font-family: inherit; font-weight: inherit; white-space: normal; position: relative; z-index: 1;}
.page.page-features { margin-top: -3px;}
 .page.page-features h2 { line-height: 2.1875rem;}
 @media screen and (max-width: 767px) { .page.page-features h2 {font-size: 1.6875rem;}
}  .page.page-features.page-share .hero { overflow: hidden;}
 .page.page-features.page-share .hero .feature .feature-image video { width: 776px; border: 1px solid #EBEBEB; border-top: none; margin-bottom: -4px;}
@media screen and (max-width: 820px) {.page.page-features.page-share .hero .feature .feature-image video { width: 600px;}
} @media screen and (max-width: 650px) {.page.page-features.page-share .hero .feature .feature-image video { width: 400px;}
} @media screen and (max-width: 440px) {.page.page-features.page-share .hero .feature .feature-image video { width: 280px;}
}  .page.page-features.page-share .hero .feature .feature-image svg { width: 776px; height: 16px; margin-bottom: -3px;}
@media screen and (max-width: 820px) {.page.page-features.page-share .hero .feature .feature-image svg { width: 600px;  height: 13px;  margin-bottom: -4px;}
} @media screen and (max-width: 650px) {.page.page-features.page-share .hero .feature .feature-image svg { width: 400px;  height: 13px;  margin-bottom: -6px;}
} @media screen and (max-width: 440px) {.page.page-features.page-share .hero .feature .feature-image svg { width: 280px;  height: 13px;  margin-bottom: -7px;}
}  .page.page-features.page-share #share-digitals { margin: 6.25rem auto;}
.page.page-features.page-share #share-digitals .detail-cell .detail-image img {max-height: 341px; width: auto;}
@media screen and (max-width: 767px) {.page.page-features.page-share #share-digitals { margin: 5.625rem auto 3.75rem auto;}
}  .page.page-features.page-share #share-mobile-apps h2 { padding-bottom: 1.875rem;}
 .page.page-features.page-share #share-mobile-apps p { padding: 0;}
 .page.page-features.page-share #share-mobile-apps img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
 @media screen and (max-width: 767px) { .page.page-features.page-share #share-mobile-apps {text-align: center;}
.page.page-features.page-share #share-mobile-apps h2 { padding-bottom: 0.625rem;}
.page.page-features.page-share #share-mobile-apps img { max-height: 353px;  margin: 0 auto;  padding-bottom: 3.125rem;}
}  @media screen and (min-width: 768px) { .page.page-features.page-share #share-mobile-apps {max-width: 1200px; position: relative;}
.page.page-features.page-share #share-mobile-apps img { position: relative;}
.page.page-features.page-share #share-mobile-apps .row { position: absolute;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  width: 100%;}
}  @media screen and (min-width: 768px) and (max-width: 991px) { .page.page-features.page-share #share-mobile-apps .row div {padding-left: 3.75rem;}
}  .page.page-features.page-share #share-features { margin-top: 8.75rem; margin-bottom: 5rem; max-width: 1200px;}
@media screen and (max-width: 767px) {.page.page-features.page-share #share-features { margin-top: 7.1875rem;  margin-bottom: 0;}
} .page.page-features.page-share #share-features .share-feature {text-align: center; padding-bottom: 4.0625rem;}
@media screen and (max-width: 767px) { .page.page-features.page-share #share-features .share-feature { padding-bottom: 3.125rem;}
} .page.page-features.page-share #share-features .share-feature h6 { padding: 0.9375rem 0;}
 @media screen and (max-width: 767px) { .page.page-features.page-share #share-features .share-feature h6 {padding: 0.6875rem 0 0.5625rem 0;}
} .page.page-features.page-share #share-features .share-feature p { padding: 0;}
.page.page-features.page-share #share-features .share-feature .share-feature-icon { height: 60px;  position: relative;}
 .page.page-features.page-share #share-features .share-feature .share-feature-icon svg.svg { fill: #2A5969; display: block; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.page.page-features.page-share #share-features .share-feature .share-feature-icon svg.svg.sharing {width: 52px; height: 57px;}
.page.page-features.page-share #share-features .share-feature .share-feature-icon svg.svg.music {width: 59px; height: 51px;}
.page.page-features.page-share #share-features .share-feature .share-feature-icon svg.svg.email {width: 58px; height: 55px;}
.page.page-features.page-share #share-features .share-feature .share-feature-icon svg.svg.privacy {width: 37px; height: 50px;}
 .page.page-features.page-share #share-proofing { margin-bottom: 9.375rem;}
@media screen and (max-width: 767px) {.page.page-features.page-share #share-proofing { margin-top: 1.875rem;  margin-bottom: 5.625rem;}
} .page.page-features.page-share #share-proofing .detail-cell .detail-image img {max-height: 287px; width: auto;}
 @media screen and (max-width: 767px) { .page.page-features.page-share #mobile-apps {text-align: center;}
}  .page.page-features.page-commerce .tick-scroll { overflow: hidden; position: relative; padding: 0 5px 0 0; display: inline-block; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; margin-top: -3px;}
.page.page-features.page-commerce .tick-scroll:before, .page.page-features.page-commerce .tick-scroll:after {position: absolute; z-index: 999; left: 0; content: ''; width: 100%; height: 35%;}
.page.page-features.page-commerce .tick-scroll .tick-wheel {position: relative; display: inline-block; width: 8px; margin: 0 2px;}
.page.page-features.page-commerce .tick-scroll .tick-wheel span {display: block; padding: 0;}
.page.page-features.page-commerce .tick-scroll .tick-separator {font-weight: normal; vertical-align: top;}
 .page.page-features.page-commerce p { font-size: 14px; line-height: 24px;}
 .page.page-features.page-commerce .feature-image { position: relative; padding-bottom: 45%; background-image: url("../images/features/features_couch_scene.png"); background-repeat: no-repeat; background-size: 100%; background-position: center bottom;}
@media only screen and (min-width: 1200px) {.page.page-features.page-commerce .feature-image { padding-bottom: 42%;}
} @media only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1200px) and (min-resolution: 2dppx) { .page.page-features.page-commerce .feature-image { background-image: url("../images/features/features_couch_scene@2x.png");}
} .page.page-features.page-commerce .feature-image .photo-container {position: absolute;}
.page.page-features.page-commerce .feature-image .photo-container.photo-1 { width: 17%;  top: 10%;  left: 22%;}
 .page.page-features.page-commerce .feature-image .photo-container.photo-1 .photo { background-image: url("../images/features/photo-left.png"); padding-bottom: 73%;}
@media only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1200px) and (min-resolution: 2dppx) {.page.page-features.page-commerce .feature-image .photo-container.photo-1 .photo { background-image: url("../images/features/photo-left@2x.png");}
} .page.page-features.page-commerce .feature-image .photo-container.photo-2 { width: 20%;  top: 0;  left: 50%;  -webkit-transform: translateX(-50%);  -moz-transform: translateX(-50%);  -ms-transform: translateX(-50%);  -o-transform: translateX(-50%);  transform: translateX(-50%);}
 .page.page-features.page-commerce .feature-image .photo-container.photo-2 .photo { background-image: url("../images/features/photo-middle.png"); padding-bottom: 136%;}
@media only screen and (min-width: 1200px) {.page.page-features.page-commerce .feature-image .photo-container.photo-2 .photo { background-image: url("../images/features/photo-middle@2x.png");}
} .page.page-features.page-commerce .feature-image .photo-container.photo-3 { width: 17%;  top: 28%;  right: 21%;}
 .page.page-features.page-commerce .feature-image .photo-container.photo-3 .photo { background-image: url("../images/features/photo-right.png"); padding-bottom: 68%;}
@media only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1200px) and (min-resolution: 2dppx) {.page.page-features.page-commerce .feature-image .photo-container.photo-3 .photo { background-image: url("../images/features/photo-right@2x.png");}
} .page.page-features.page-commerce .feature-image .photo-container .photo { display: block;  animation-delay: 500ms;  animation-timing-function: ease-in-out;  width: 100%;  background-size: contain;  background-repeat: no-repeat;}
 .page.page-features.page-commerce #commission-free.banner { height: 12.9375rem; margin-bottom: 3.125rem; background-color: #2A5969; background-image: url("../images/features/features_sell_commission_free.png"); background-position: center top; background-repeat: no-repeat; background-size: auto 12.9375rem;}
.page.page-features.page-commerce #commission-free.banner h3 {line-height: 2.1875rem;}
.page.page-features.page-commerce #commission-free.banner #sales .minimal-counter {height: 1rem;}
.page.page-features.page-commerce #commission-free.banner #sales .minimal-counter .digit { font-size: 1.0625rem;}
.page.page-features.page-commerce #commission-free.banner #sales .minimal-counter .sequence { width: 0.6875rem;}
 .page.page-features.page-commerce .page-section { position: relative; padding-top: 1.25rem; padding-top: 1.875rem; text-align: center;}
@media only screen and (min-width: 1200px) {.page.page-features.page-commerce .page-section { padding-top: 1.25rem;  padding-bottom: 1.25rem;  text-align: left;}
 .page.page-features.page-commerce .page-section .copy-vertical-right-center { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
 .page.page-features.page-commerce .page-section .copy-vertical-left-center { position: absolute; left: 5%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
} @media only screen and (max-width: 991px) {.page.page-features.page-commerce .page-section img { width: 100%;}
} .page.page-features.page-commerce .page-section .container {position: relative;}
 .page.page-features.page-commerce #invoices .features-copy img { display: inline-block; max-width: 180px;}
 .page.page-features.page-commerce #downloads #features-laptop, .page.page-features.page-commerce #contracts #features-laptop, .page.page-features.page-commerce #invoices #features-laptop, .page.page-features.page-commerce #discounts #features-laptop { position: relative; width: 100%;}
@media only screen and (min-width: 1200px) {.page.page-features.page-commerce #downloads #features-laptop, .page.page-features.page-commerce #contracts #features-laptop, .page.page-features.page-commerce #invoices #features-laptop, .page.page-features.page-commerce #discounts #features-laptop { right: 60%;}
}  .page.page-features.page-commerce #downloads #features-invoices-laptop, .page.page-features.page-commerce #contracts #features-invoices-laptop, .page.page-features.page-commerce #invoices #features-invoices-laptop, .page.page-features.page-commerce #discounts #features-invoices-laptop { position: relative; width: 100%;}
@media only screen and (min-width: 1200px) {.page.page-features.page-commerce #downloads #features-invoices-laptop, .page.page-features.page-commerce #contracts #features-invoices-laptop, .page.page-features.page-commerce #invoices #features-invoices-laptop, .page.page-features.page-commerce #discounts #features-invoices-laptop { right: 50%;}
}  .page.page-features.page-commerce #downloads #features-signature-phone, .page.page-features.page-commerce #contracts #features-signature-phone, .page.page-features.page-commerce #invoices #features-signature-phone, .page.page-features.page-commerce #discounts #features-signature-phone { position: relative; width: 100%;}
.page.page-features.page-commerce #downloads #features-signature-phone img, .page.page-features.page-commerce #contracts #features-signature-phone img, .page.page-features.page-commerce #invoices #features-signature-phone img, .page.page-features.page-commerce #discounts #features-signature-phone img {max-height: 408px; max-width: 195px;}
@media only screen and (min-width: 1200px) {.page.page-features.page-commerce #downloads #features-signature-phone, .page.page-features.page-commerce #contracts #features-signature-phone, .page.page-features.page-commerce #invoices #features-signature-phone, .page.page-features.page-commerce #discounts #features-signature-phone { left: 120%;}
}  .page.page-features.page-commerce #downloads #features-custom-discount, .page.page-features.page-commerce #contracts #features-custom-discount, .page.page-features.page-commerce #invoices #features-custom-discount, .page.page-features.page-commerce #discounts #features-custom-discount { position: relative; width: 100%;}
@media only screen and (min-width: 1200px) {.page.page-features.page-commerce #downloads #features-custom-discount, .page.page-features.page-commerce #contracts #features-custom-discount, .page.page-features.page-commerce #invoices #features-custom-discount, .page.page-features.page-commerce #discounts #features-custom-discount { left: 100%;}
}  .page.page-features.page-commerce #downloads h3, .page.page-features.page-commerce #contracts h3, .page.page-features.page-commerce #invoices h3, .page.page-features.page-commerce #discounts h3 { font-size: 16px; color: #74cbe8; font-weight: bold;}
 .page.page-features.page-contracts p { font-size: 14px; line-height: 24px;}
 .page.page-features.page-contracts #contracts-and-invoices { position: relative; width: 100%; padding-top: 3.125rem; text-align: center; margin-bottom: 3.125rem; background-image: url("../images/features/contracts-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center;}
@media only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1200px) and (min-resolution: 2dppx) {.page.page-features.page-contracts #contracts-and-invoices { background-image: url("../images/features/contracts-bg@2x.png");}
} @media only screen and (min-width: 768px) {.page.page-features.page-contracts #contracts-and-invoices { padding-top: 30px;  text-align: left;}
 .page.page-features.page-contracts #contracts-and-invoices .feature-text { position: absolute; right: 5%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
} .page.page-features.page-contracts #contracts-and-invoices h3 {font-size: 16px; color: #74cbe8; font-weight: bold;}
 .page.page-features.page-contracts .contracts-icon-security { width: 44.5px; height: 36.2px;}
 .page.page-features.page-contracts .feature-image { width: 100%; height: 40vh; background-image: url("../images/homepage/contracts-phone.png"); background-repeat: no-repeat; background-size: cover; background-position: center top;}
@media only screen and (min-width: 1200px) {.page.page-features.page-contracts .feature-image { height: 500px;}
} @media only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1200px) and (min-resolution: 2dppx) {.page.page-features.page-contracts .feature-image { background-image: url("../images/homepage/contracts-phone@2x.png");}
}  .page.page-features.page-contracts .page-section { position: relative; padding-top: 1.25rem; padding-top: 1.875rem; text-align: center;}
@media only screen and (min-width: 1200px) {.page.page-features.page-contracts .page-section { padding-top: 1.25rem;  padding-bottom: 1.25rem;  text-align: left;}
 .page.page-features.page-contracts .page-section .copy-vertical-right-center { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
 .page.page-features.page-contracts .page-section .copy-vertical-left-center { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
} @media only screen and (max-width: 991px) {.page.page-features.page-contracts .page-section img { width: 100%;  max-width: 421px;}
} .page.page-features.page-contracts .page-section .container {position: relative;}
 .page.page-features.page-contracts #marketplace { background-color: #f8f9fb;}
 .page.page-features.page-contracts #testimonials .quotation-mark { margin-bottom: 40px; font-size: 100%; line-height: 1;}
.page.page-features.page-contracts #testimonials .quotation-mark svg {height: 46px; width: 36px;}
 .page.page-features.page-contracts #features-contracts-invoices { position: relative; width: 100%;}
@media only screen and (min-width: 1200px) {.page.page-features.page-contracts #features-contracts-invoices { right: 80%;}
}  .page.page-features.page-contracts #features-contract-marketplace { position: relative; width: 100%;}
@media only screen and (min-width: 1200px) {.page.page-features.page-contracts #features-contract-marketplace { left: 10%;}
}  .page.page-features.page-contracts #features-invoices { position: relative;}
@media only screen and (max-width: 1199px) {.page.page-features.page-contracts #features-invoices { padding-bottom: 30px;}
} .page.page-features.page-contracts #features-invoices img {box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);}
@media only screen and (min-width: 1200px) { .page.page-features.page-contracts #features-invoices img { position: relative; bottom: -19px;}
}  .page.page-features.page-studio .hero .feature .feature-image img { max-height: 505px;}
 .page.page-features.page-studio .twentytwenty-container { margin: 0 auto;}
 .page.page-features.page-studio .twentytwenty-overlay { display: none;}
 .page.page-features.page-studio #studio-clients { margin: 6.25rem auto;}
.page.page-features.page-studio #studio-clients .detail-cell .detail-image img {max-height: 368px; max-width: 481px;}
 .page.page-features.page-studio #studio-email { margin: 6.25rem auto;}
.page.page-features.page-studio #studio-email .detail-cell .detail-image img {max-height: 369px; width: auto;}
 .page.page-features.page-studio #studio-dashboard { text-align: center; width: 100%; position: relative;}
.page.page-features.page-studio #studio-dashboard p {padding-bottom: 3.75rem;}
.page.page-features.page-studio #studio-dashboard img {max-width: 806px; max-height: 495px; margin: 0 auto; width: 100%;}
 .page.page-features.page-ipad .hero .feature .feature-text p { padding-bottom: 2.5rem;}
 .page.page-features.page-ipad .hero .feature .feature-image img { max-height: 428px;}
 .page.page-features.page-ipad #ipad-features { padding-top: 4.6875rem; max-width: 1200px;}
@media screen and (max-width: 991px) {.page.page-features.page-ipad #ipad-features { text-align: center;}
} .page.page-features.page-ipad #ipad-features p {padding: 0;}
.page.page-features.page-ipad #ipad-features .ipad-feature-icon {padding-top: 1.25rem;}
@media screen and (max-width: 991px) { .page.page-features.page-ipad #ipad-features .ipad-feature-icon { padding-top: 0; padding-bottom: 1.25rem;}
} .page.page-features.page-ipad #ipad-features .ipad-feature-icon svg { fill: #2A5969;}
 .page.page-features.page-ipad #ipad-features .ipad-feature-icon svg.ipad-icon-design { width: 48px; height: 47px;}
 .page.page-features.page-ipad #ipad-features .ipad-feature-icon svg.ipad-icon-contact { width: 56px; height: 46px;}
 .page.page-features.page-ipad #ipad-features .ipad-feature-icon svg.ipad-icon-share { width: 54px; height: 44px;}
@media screen and (max-width: 991px) {.page.page-features.page-ipad #ipad-features .ipad-feature { padding-bottom: 3.75rem;}
 .page.page-features.page-ipad #ipad-features .ipad-feature:last-child { padding-bottom: 0;}
}  .page.page-features.page-ipad #ipad-exposure { text-align: center; padding: 4.375rem 0;}
 .page.page-features.page-contracts-for-photographers, .page.page-features.page-desktop-uploader, .page.page-features.page-invoices-for-photographers { font-size: 0; line-height: 0; position: relative;}
.page.page-features.page-contracts-for-photographers .feature-banner-blue, .page.page-features.page-desktop-uploader .feature-banner-blue, .page.page-features.page-invoices-for-photographers .feature-banner-blue {background-color: #a5c3d1; padding: 76px 40px 48px; text-align: center;}
.page.page-features.page-contracts-for-photographers .feature-banner-blue img, .page.page-features.page-desktop-uploader .feature-banner-blue img, .page.page-features.page-invoices-for-photographers .feature-banner-blue img { max-width: 90%;  margin-top: 25px;}
.page.page-features.page-contracts-for-photographers .feature-banner-blue svg, .page.page-features.page-desktop-uploader .feature-banner-blue svg, .page.page-features.page-invoices-for-photographers .feature-banner-blue svg { max-width: 90%;  margin-bottom: 25px;}
.page.page-features.page-contracts-for-photographers .feature-banner-blue h2, .page.page-features.page-desktop-uploader .feature-banner-blue h2, .page.page-features.page-invoices-for-photographers .feature-banner-blue h2 { font-size: 36px;  line-height: 44px;  color: #2A5969;}
 .page.page-features.page-contracts-for-photographers .feature-banner-blue h2 span.feature-banner-h2-subhead, .page.page-features.page-desktop-uploader .feature-banner-blue h2 span.feature-banner-h2-subhead, .page.page-features.page-invoices-for-photographers .feature-banner-blue h2 span.feature-banner-h2-subhead { display: block; font-size: 70%; color: #a5c3d1;}
.page.page-features.page-contracts-for-photographers .feature-banner-blue p, .page.page-features.page-desktop-uploader .feature-banner-blue p, .page.page-features.page-invoices-for-photographers .feature-banner-blue p { color: #FFFFFF;}
 @media screen and (min-width: 767px) { .page.page-features.page-contracts-for-photographers .feature-banner-blue p, .page.page-features.page-desktop-uploader .feature-banner-blue p, .page.page-features.page-invoices-for-photographers .feature-banner-blue p {max-width: 500px; margin: 0 auto;}
} .page.page-features.page-contracts-for-photographers .feature-banner-blue .btn, .page.page-features.page-desktop-uploader .feature-banner-blue .btn, .page.page-features.page-invoices-for-photographers .feature-banner-blue .btn { width: 100%;}
 @media screen and (min-width: 767px) { .page.page-features.page-contracts-for-photographers .feature-banner-blue .btn, .page.page-features.page-desktop-uploader .feature-banner-blue .btn, .page.page-features.page-invoices-for-photographers .feature-banner-blue .btn {width: initial;}
} .page.page-features.page-contracts-for-photographers .feature-banner-blue-text-link, .page.page-features.page-desktop-uploader .feature-banner-blue-text-link, .page.page-features.page-invoices-for-photographers .feature-banner-blue-text-link { color: #FFFFFF;  text-decoration: underline;}
.page.page-features.page-contracts-for-photographers .feature-banner-gray, .page.page-features.page-desktop-uploader .feature-banner-gray, .page.page-features.page-invoices-for-photographers .feature-banner-gray {background-color: #F7F9FA; padding: 76px 40px 48px; text-align: center;}
.page.page-features.page-contracts-for-photographers .feature-banner-gray img, .page.page-features.page-desktop-uploader .feature-banner-gray img, .page.page-features.page-invoices-for-photographers .feature-banner-gray img { max-width: 90%;  margin-top: 25px;}
.page.page-features.page-contracts-for-photographers .feature-banner-gray svg, .page.page-features.page-desktop-uploader .feature-banner-gray svg, .page.page-features.page-invoices-for-photographers .feature-banner-gray svg { max-width: 90%;  margin-bottom: 25px;}
.page.page-features.page-contracts-for-photographers .feature-banner-gray h2, .page.page-features.page-desktop-uploader .feature-banner-gray h2, .page.page-features.page-invoices-for-photographers .feature-banner-gray h2 { font-size: 36px;  line-height: 44px;  color: #2A5969;}
 .page.page-features.page-contracts-for-photographers .feature-banner-gray h2 span.feature-banner-h2-subhead, .page.page-features.page-desktop-uploader .feature-banner-gray h2 span.feature-banner-h2-subhead, .page.page-features.page-invoices-for-photographers .feature-banner-gray h2 span.feature-banner-h2-subhead { display: block; font-size: 70%; color: #a5c3d1;}
.page.page-features.page-contracts-for-photographers .feature-banner-gray p, .page.page-features.page-desktop-uploader .feature-banner-gray p, .page.page-features.page-invoices-for-photographers .feature-banner-gray p { color: #2A5969;}
 @media screen and (min-width: 767px) { .page.page-features.page-contracts-for-photographers .feature-banner-gray p, .page.page-features.page-desktop-uploader .feature-banner-gray p, .page.page-features.page-invoices-for-photographers .feature-banner-gray p {max-width: 500px; margin: 0 auto;}
} .page.page-features.page-contracts-for-photographers .feature-banner-gray .btn, .page.page-features.page-desktop-uploader .feature-banner-gray .btn, .page.page-features.page-invoices-for-photographers .feature-banner-gray .btn { width: 100%;}
 @media screen and (min-width: 767px) { .page.page-features.page-contracts-for-photographers .feature-banner-gray .btn, .page.page-features.page-desktop-uploader .feature-banner-gray .btn, .page.page-features.page-invoices-for-photographers .feature-banner-gray .btn {width: initial;}
} .page.page-features.page-contracts-for-photographers .feature-banner-teal, .page.page-features.page-contracts-for-photographers .feature-hero, .page.page-features.page-desktop-uploader .feature-banner-teal, .page.page-features.page-desktop-uploader .feature-hero, .page.page-features.page-invoices-for-photographers .feature-banner-teal, .page.page-features.page-invoices-for-photographers .feature-hero {background-color: #2A5969; padding: 76px 40px 48px; text-align: center;}
.page.page-features.page-contracts-for-photographers .feature-banner-teal img, .page.page-features.page-contracts-for-photographers .feature-hero img, .page.page-features.page-desktop-uploader .feature-banner-teal img, .page.page-features.page-desktop-uploader .feature-hero img, .page.page-features.page-invoices-for-photographers .feature-banner-teal img, .page.page-features.page-invoices-for-photographers .feature-hero img { max-width: 90%;  margin-top: 25px;}
.page.page-features.page-contracts-for-photographers .feature-banner-teal svg, .page.page-features.page-contracts-for-photographers .feature-hero svg, .page.page-features.page-desktop-uploader .feature-banner-teal svg, .page.page-features.page-desktop-uploader .feature-hero svg, .page.page-features.page-invoices-for-photographers .feature-banner-teal svg, .page.page-features.page-invoices-for-photographers .feature-hero svg { max-width: 90%;  margin-bottom: 25px;}
.page.page-features.page-contracts-for-photographers .feature-banner-teal h2, .page.page-features.page-contracts-for-photographers .feature-hero h2, .page.page-features.page-desktop-uploader .feature-banner-teal h2, .page.page-features.page-desktop-uploader .feature-hero h2, .page.page-features.page-invoices-for-photographers .feature-banner-teal h2, .page.page-features.page-invoices-for-photographers .feature-hero h2 { font-size: 36px;  line-height: 44px;  color: #FFFFFF;}
 .page.page-features.page-contracts-for-photographers .feature-banner-teal h2 span.feature-banner-h2-subhead, .page.page-features.page-contracts-for-photographers .feature-hero h2 span.feature-banner-h2-subhead, .page.page-features.page-desktop-uploader .feature-banner-teal h2 span.feature-banner-h2-subhead, .page.page-features.page-desktop-uploader .feature-hero h2 span.feature-banner-h2-subhead, .page.page-features.page-invoices-for-photographers .feature-banner-teal h2 span.feature-banner-h2-subhead, .page.page-features.page-invoices-for-photographers .feature-hero h2 span.feature-banner-h2-subhead { display: block; font-size: 70%; color: #a5c3d1;}
.page.page-features.page-contracts-for-photographers .feature-banner-teal p, .page.page-features.page-contracts-for-photographers .feature-hero p, .page.page-features.page-desktop-uploader .feature-banner-teal p, .page.page-features.page-desktop-uploader .feature-hero p, .page.page-features.page-invoices-for-photographers .feature-banner-teal p, .page.page-features.page-invoices-for-photographers .feature-hero p { color: #FFFFFF;}
 @media screen and (min-width: 767px) { .page.page-features.page-contracts-for-photographers .feature-banner-teal p, .page.page-features.page-contracts-for-photographers .feature-hero p, .page.page-features.page-desktop-uploader .feature-banner-teal p, .page.page-features.page-desktop-uploader .feature-hero p, .page.page-features.page-invoices-for-photographers .feature-banner-teal p, .page.page-features.page-invoices-for-photographers .feature-hero p {max-width: 500px; margin: 0 auto;}
} .page.page-features.page-contracts-for-photographers .feature-banner-teal .btn, .page.page-features.page-contracts-for-photographers .feature-hero .btn, .page.page-features.page-desktop-uploader .feature-banner-teal .btn, .page.page-features.page-desktop-uploader .feature-hero .btn, .page.page-features.page-invoices-for-photographers .feature-banner-teal .btn, .page.page-features.page-invoices-for-photographers .feature-hero .btn { width: 100%;}
 @media screen and (min-width: 767px) { .page.page-features.page-contracts-for-photographers .feature-banner-teal .btn, .page.page-features.page-contracts-for-photographers .feature-hero .btn, .page.page-features.page-desktop-uploader .feature-banner-teal .btn, .page.page-features.page-desktop-uploader .feature-hero .btn, .page.page-features.page-invoices-for-photographers .feature-banner-teal .btn, .page.page-features.page-invoices-for-photographers .feature-hero .btn {width: initial;}
} .page.page-features.page-contracts-for-photographers .feature-banner-white, .page.page-features.page-desktop-uploader .feature-banner-white, .page.page-features.page-invoices-for-photographers .feature-banner-white {background-color: #FFFFFF; padding: 76px 40px 48px; text-align: center;}
.page.page-features.page-contracts-for-photographers .feature-banner-white img, .page.page-features.page-desktop-uploader .feature-banner-white img, .page.page-features.page-invoices-for-photographers .feature-banner-white img { max-width: 90%;  margin-top: 25px;}
.page.page-features.page-contracts-for-photographers .feature-banner-white svg, .page.page-features.page-desktop-uploader .feature-banner-white svg, .page.page-features.page-invoices-for-photographers .feature-banner-white svg { max-width: 90%;  margin-bottom: 25px;}
.page.page-features.page-contracts-for-photographers .feature-banner-white h2, .page.page-features.page-desktop-uploader .feature-banner-white h2, .page.page-features.page-invoices-for-photographers .feature-banner-white h2 { font-size: 36px;  line-height: 44px;  color: #2A5969;}
 .page.page-features.page-contracts-for-photographers .feature-banner-white h2 span.feature-banner-h2-subhead, .page.page-features.page-desktop-uploader .feature-banner-white h2 span.feature-banner-h2-subhead, .page.page-features.page-invoices-for-photographers .feature-banner-white h2 span.feature-banner-h2-subhead { display: block; font-size: 70%; color: #a5c3d1;}
.page.page-features.page-contracts-for-photographers .feature-banner-white p, .page.page-features.page-desktop-uploader .feature-banner-white p, .page.page-features.page-invoices-for-photographers .feature-banner-white p { color: #2A5969;}
 @media screen and (min-width: 767px) { .page.page-features.page-contracts-for-photographers .feature-banner-white p, .page.page-features.page-desktop-uploader .feature-banner-white p, .page.page-features.page-invoices-for-photographers .feature-banner-white p {max-width: 500px; margin: 0 auto;}
} .page.page-features.page-contracts-for-photographers .feature-banner-white .btn, .page.page-features.page-desktop-uploader .feature-banner-white .btn, .page.page-features.page-invoices-for-photographers .feature-banner-white .btn { width: 100%;}
 @media screen and (min-width: 767px) { .page.page-features.page-contracts-for-photographers .feature-banner-white .btn, .page.page-features.page-desktop-uploader .feature-banner-white .btn, .page.page-features.page-invoices-for-photographers .feature-banner-white .btn {width: initial;}
} @media screen and (min-width: 992px) {.page.page-features.page-contracts-for-photographers .feature-hero, .page.page-features.page-desktop-uploader .feature-hero, .page.page-features.page-invoices-for-photographers .feature-hero { position: absolute;  width: 50%;  padding: 0 40px;  pointer-events: none;}
 .page.page-features.page-contracts-for-photographers .feature-hero a, .page.page-features.page-desktop-uploader .feature-hero a, .page.page-features.page-invoices-for-photographers .feature-hero a { pointer-events: initial;}
 .page.page-features.page-contracts-for-photographers .feature-hero .feature-hero-content, .page.page-features.page-desktop-uploader .feature-hero .feature-hero-content, .page.page-features.page-invoices-for-photographers .feature-hero .feature-hero-content { display: inline-block; vertical-align: middle; line-height: 1;}
} @media screen and (min-width: 992px) {.page.page-features.page-contracts-for-photographers .feature-page, .page.page-features.page-desktop-uploader .feature-page, .page.page-features.page-invoices-for-photographers .feature-page { background-color: #2A5969;  overflow-y: auto;  padding-left: 50%;}
} .page.page-features.page-contracts-for-photographers .features-heading, .page.page-features.page-desktop-uploader .features-heading, .page.page-features.page-invoices-for-photographers .features-heading {background: #FFFFFF; text-align: center;}
.page.page-features.page-contracts-for-photographers .features-heading h2, .page.page-features.page-desktop-uploader .features-heading h2, .page.page-features.page-invoices-for-photographers .features-heading h2 { color: #a5c3d1;}
 .page.page-features.page-digital-downloads .hero { background-image: none;}
.page.page-features.page-digital-downloads .hero .feature .feature-image img {max-height: 409px; box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.25);}
 .page.page-features.page-digital-downloads #digital-downloads-features { max-width: 1200px; text-align: center; padding-top: 4.375rem; padding-bottom: 3.125rem;}
.page.page-features.page-digital-downloads #digital-downloads-features .digital-downloads-feature .digital-downloads-icon {height: 94px; position: relative;}
.page.page-features.page-digital-downloads #digital-downloads-features .digital-downloads-feature .digital-downloads-icon svg.svg { fill: #2A5969;  position: relative;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
 .page.page-features.page-digital-downloads #digital-downloads-features .digital-downloads-feature .digital-downloads-icon svg.svg.digital-downloads-icon-pricetag { width: 61px; height: 58px;}
 .page.page-features.page-digital-downloads #digital-downloads-features .digital-downloads-feature .digital-downloads-icon svg.svg.digital-downloads-icon-delivery { width: 69px; height: 44px; color: #2A5969;}
 .page.page-features.page-digital-downloads #digital-downloads-features .digital-downloads-feature .digital-downloads-icon svg.svg.digital-downloads-icon-privacy { width: 37px; height: 50px;}
 .page.page-features.page-event-archiving .hero { background-image: none;}
 .page.page-features.page-event-archiving #calculatorContainer { max-width: 1200px; text-align: center; padding-top: 4.375rem; padding-bottom: 9.375rem;}
 .page.page-features.page-event-archiving #archiveCalculator > div { max-width: 100%; display: inline-block; height: 75px; vertical-align: top;}
.page.page-features.page-event-archiving #archiveCalculator > div.col-photos {max-width: 125px;}
.page.page-features.page-event-archiving #archiveCalculator > div.col-times, .page.page-features.page-event-archiving #archiveCalculator > div.col-equals {padding: 0 20px;}
.page.page-features.page-event-archiving #archiveCalculator > div.col-size {max-width: 125px;}
.page.page-features.page-event-archiving #archiveCalculator > div.col-cost {max-width: 100%;}
@media screen and (max-width: 550px) {.page.page-features.page-event-archiving #archiveCalculator > div { margin: 20px auto;  height: auto;  display: block;}
 .page.page-features.page-event-archiving #archiveCalculator > div .times,  .page.page-features.page-event-archiving #archiveCalculator > div .equals { margin-top: 0;}
}  .page.page-features.page-event-archiving #archiveCalculator .title { margin-bottom: 5px;}
 .page.page-features.page-event-archiving #archiveCalculator .times { font-size: 22px; margin-top: 29px;}
 .page.page-features.page-event-archiving #archiveCalculator .equals { font-size: 35px; margin-top: 23px;}
 .page.page-features.page-event-archiving #archiveCalculator .calculator-field { margin: 5px 22px;}
.page.page-features.page-event-archiving #archiveCalculator .calculator-field.solution {width: 120px; margin-left: 16px; margin-top: -15px;}
 .page.page-features.page-event-archiving #archiveCalculator .combinator { width: 16px; float: left; margin-top: 41px; font-size: 26px;}
.page.page-features.page-event-archiving #archiveCalculator .combinator.combinator-equals {width: 13px; text-align: center; font-size: 28px; margin-top: 23px;}
 .page.page-features.page-event-archiving #archiveCalculator #archiveCalculatorArchiveCost { text-align: center; font-size: 30px; margin-top: 4px; color: #a5c3d1;}
 .page.page-features.page-event-archiving #archiveCalculator .tick { height: 11px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.page.page-features.page-event-archiving #archiveCalculator .tick.tick-up {padding-top: 2px;}
.page.page-features.page-event-archiving #archiveCalculator .tick.tick-up svg, .page.page-features.page-event-archiving #archiveCalculator .tick.tick-down svg {width: 10px; height: 7px; top: -6px; position: relative;}
 .page.page-features.page-event-archiving #archiveCalculator #archiveCalculatorMessage { margin-top: 110px; position: absolute; display: none;}
.page.page-features.page-event-archiving #archiveCalculator #archiveCalculatorMessage:before {content: '*';}
.page.page-features.page-event-archiving #archiveCalculator #archiveCalculatorMessage.active {display: block;}
.page.page-features.page-event-archiving #archiveCalculator #archiveCalculatorMessage.warning-low {color: grey;}
.page.page-features.page-event-archiving #archiveCalculator #archiveCalculatorMessage.warning-med {color: orange;}
.page.page-features.page-event-archiving #archiveCalculator #archiveCalculatorMessage.warning-high {color: red;}
 .page.page-features.page-music .hero { background-image: none;}
.page.page-features.page-music .hero .music-tsm {padding-bottom: 5rem;}
.page.page-features.page-music .hero .music-tsm img.tsm-logo { display: block;  width: 80%;  max-width: 400px;  margin: 0 auto;  margin-bottom: 3.125rem;}
@media screen and (min-width: 768px) { .page.page-features.page-music .hero .music-tsm { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
} @media screen and (min-width: 768px) { .page.page-features.page-music .hero .music-tsm .music-tsm-description { text-align: left;}
} .page.page-features.page-music .hero .music-tsm .music-tsm-description p { padding-bottom: 0;}
 .page.page-features.page-music #music-testimonials { width: 100%; padding: 6.25rem 1.25rem; color: #FFFFFF; background-color: #2A5969;}
.page.page-features.page-music #music-testimonials .container-fluid {max-width: 1200px;}
@media screen and (min-width: 992px) { .page.page-features.page-music #music-testimonials .container-fluid .row { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
} @media screen and (max-width: 991px) { .page.page-features.page-music #music-testimonials .container-fluid { text-align: center;}
} .page.page-features.page-music #music-testimonials .container-fluid h4 { color: #FFFFFF;  font-weight: 400;  padding-bottom: 1.75rem;}
.page.page-features.page-music #music-testimonials .container-fluid .label { font-size: 0.875rem;  color: #FFFFFF;  font-weight: 400;}
.page.page-features.page-music #music-testimonials .container-fluid .btn-shootproof { border: 1px solid #FFFFFF;}
 @media screen and (max-width: 767px) { .page.page-features.page-music #music-testimonials .container-fluid .btn-shootproof {font-size: 0.625rem;}
} .page.page-features.page-music #music-testimonials .container-fluid .music-unlimited { text-align: center;  font-family: "brandon-grotesque", Arial, sans-serif;  font-size: 1.75rem;  line-height: 3.0625rem;  color: #a5c3d1;}
.page.page-features.page-music #music-testimonials .container-fluid .music-testimonial { padding: 0 0 9.375rem 0;}
 .page.page-features.page-music #music-testimonials .container-fluid .music-testimonial:last-child { padding-bottom: 0;}
 @media screen and (max-width: 991px) { .page.page-features.page-music #music-testimonials .container-fluid .music-testimonial .music-testimonial-image {padding-bottom: 2.5rem;}
}  .page.page-features.page-music #music-testimonials .container-fluid .music-testimonial .music-testimonial-image .browsers { height: 259px; max-width: 419px; max-height: 259px;}
.page.page-features.page-music #music-testimonials .container-fluid .music-testimonial .music-testimonial-image .browsers .browser-desktop {max-width: 378px; max-height: 259px;}
.page.page-features.page-music #music-testimonials .container-fluid .music-testimonial .music-testimonial-image .browsers .browser-phone {max-width: 92.17px; max-height: 181px;}
 .page.page-features.page-labs .feature { padding-bottom: 2.5rem;}
.page.page-features.page-labs .feature .feature-text {padding-bottom: 5rem;}
.page.page-features.page-labs .feature .lab {max-width: 21.6875rem; max-height: 16.4375rem; padding-bottom: 2.5rem; margin: 0 auto;}
.page.page-features.page-labs .feature .lab .lab-logo { height: 10.375rem;  padding: 3.125rem;  background-color: #FFFFFF;  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.14);}
 .page.page-features.page-labs .feature .lab .lab-logo img { margin: 0 auto;}
.page.page-features.page-labs .feature .lab .countries { padding: 1.125rem 0 1.125rem 0;  background-color: #F7F9FA;  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.14);}
 .page.page-features.page-labs .feature .lab .countries svg { width: 2.1875rem; height: 1.5rem; opacity: .49;}
.page.page-features.page-labs .feature .lab .countries svg:not(:last-child) {margin-right: 16px;}
 .page.page-features.page-labs #labs-process { width: 100%; padding: 6.25rem 1.25rem; color: #FFFFFF; background-color: #2A5969;}
.page.page-features.page-labs #labs-process .container-fluid {max-width: 1200px; text-align: center;}
@media screen and (min-width: 768px) { .page.page-features.page-labs #labs-process .container-fluid .row { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline;}
} @media screen and (max-width: 767px) { .page.page-features.page-labs #labs-process .container-fluid .step { padding-bottom: 5rem;}
.page.page-features.page-labs #labs-process .container-fluid .step:last-child {padding-bottom: 0;}
} .page.page-features.page-labs #labs-process .container-fluid .label { color: #FFFFFF;  padding-bottom: 0;}
.page.page-features.page-labs #labs-process .container-fluid img { width: 100%;  margin: 0 auto;  margin-bottom: 2.5rem;}
.page.page-features.page-labs #labs-process .container-fluid .step-1 img { max-width: 149px;  max-height: 297px;}
.page.page-features.page-labs #labs-process .container-fluid .step-2 img { max-width: 221px;  max-height: 264px;  margin-bottom: 3.125rem;}
.page.page-features.page-labs #labs-process .container-fluid .step-3 img { max-width: 238px;  max-height: 294px;}
 .page.page-features.page-labs #labs-features { max-width: 1200px; text-align: center; padding-top: 4.375rem; padding-bottom: 3.125rem;}
.page.page-features.page-labs #labs-features .labs-feature .labs-icon {height: 120px; position: relative;}
.page.page-features.page-labs #labs-features .labs-feature .labs-icon svg.svg { fill: #2A5969;  position: relative;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
 .page.page-features.page-labs #labs-features .labs-feature .labs-icon svg.svg.labs-icon-automate { width: 60px; height: 59px;}
 .page.page-features.page-labs #labs-features .labs-feature .labs-icon svg.svg.labs-icon-combine { width: 62px; height: 67px;}
 .page.page-features.page-labs #labs-features .labs-feature .labs-icon svg.svg.labs-icon-wallet { width: 59px; height: 50px;}
 .page.page-features.page-lab-individual .hero { background-image: none;}
.page.page-features.page-lab-individual .hero .feature-text {padding-bottom: 6.25rem;}
@media screen and (max-width: 767px) { .page.page-features.page-lab-individual .hero .feature-text { padding-bottom: 3.125rem;}
} .page.page-features.page-lab-individual .hero .feature-text p { font-size: 1.25rem;  line-height: 2.1875rem;}
 .page.page-features.page-lab-individual #lab-features { width: 100%; padding: 6.25rem 1.25rem; color: #FFFFFF; background-color: #2A5969;}
.page.page-features.page-lab-individual #lab-features h5 {color: #FFFFFF;}
.page.page-features.page-lab-individual #lab-features .container-fluid {max-width: 1200px;}
@media screen and (max-width: 991px) { .page.page-features.page-lab-individual #lab-features .container-fluid { text-align: center;}
} .page.page-features.page-lab-individual #lab-features .container-fluid p { padding: 0;}
@media screen and (max-width: 991px) { .page.page-features.page-lab-individual #lab-features .container-fluid .lab-feature-icon { padding-bottom: 1.25rem;}
} .page.page-features.page-lab-individual #lab-features .container-fluid .lab-feature-icon svg { fill: #829BA4;}
 .page.page-features.page-lab-individual #lab-features .container-fluid .lab-feature-icon svg.lab-icon-pricetag { width: 48px; height: 46px;}
 .page.page-features.page-lab-individual #lab-features .container-fluid .lab-feature-icon svg.lab-icon-review { width: 51px; height: 47px;}
 .page.page-features.page-lab-individual #lab-features .container-fluid .lab-feature-icon svg.lab-icon-print { width: 42px; height: 34px;}
@media screen and (max-width: 991px) {.page.page-features.page-lab-individual #lab-features .lab-feature { padding-bottom: 3.75rem;}
 .page.page-features.page-lab-individual #lab-features .lab-feature:last-child { padding-bottom: 0;}
} .page.page-company .tick-scroll { overflow: hidden;  position: relative;  padding: 0 5px 0 0;  display: inline-block;  height: 40px;  line-height: 40px;  text-align: center;  vertical-align: top;  margin-top: 3px;}
 .page.page-company .tick-scroll:before, .page.page-company .tick-scroll:after { position: absolute; z-index: 999; left: 0; content: ''; width: 100%; height: 35%;}
 .page.page-company .tick-scroll .tick-wheel { position: relative; display: inline-block; width: 18px; margin: 0 2px;}
 .page.page-company .tick-scroll .tick-wheel span { display: block; padding: 0;}
 .page.page-company .tick-scroll .tick-separator { font-weight: normal; vertical-align: top;}
.page.page-company .company-stats { max-width: 1200px;  margin: 0 auto;  text-align: center;}
 .page.page-company .company-stats .company-stats-sales { padding-top: 6.875rem;}
.page.page-company .company-stats .company-stats-sales p {color: #2A5969; font-family: "brandon-grotesque", Arial, sans-serif; font-size: 2.25rem; font-weight: 400; line-height: 3.0625rem; padding-bottom: 3.125rem;}
.page.page-company .company-stats .company-stats-sales p #sales .minimal-counter { height: 2.1875rem;}
 .page.page-company .company-stats .company-stats-sales p #sales .minimal-counter .digit { font-size: 2.25rem;}
 .page.page-company .company-stats .company-stats-sales p #sales .minimal-counter .sequence { width: 1.3125rem;}
@media screen and (max-width: 767px) {.page.page-company .company-stats .company-stats-sales { padding-top: 5.625rem;}
 .page.page-company .company-stats .company-stats-sales p { font-size: 1.5rem; line-height: 2.1875rem; padding-bottom: 4.6875rem;}
.page.page-company .company-stats .company-stats-sales p #sales .minimal-counter {height: 1.4375rem;}
.page.page-company .company-stats .company-stats-sales p #sales .minimal-counter .digit { font-size: 1.5rem;}
.page.page-company .company-stats .company-stats-sales p #sales .minimal-counter .sequence { width: 0.875rem;}
 .page.page-company .company-stats .company-stats-sales .company-city { padding-left: 0; padding-right: 0; margin-left: -3.75rem; margin-right: -3.75rem; padding-bottom: 1.5625rem;}
}  .page.page-company .company-stats .company-stats-numbers { padding-top: 3.125rem; padding-bottom: 4.375rem;}
.page.page-company .company-stats .company-stats-numbers span.number {display: block; color: #2A5969; font-family: "brandon-grotesque", Arial, sans-serif; font-size: 6.375rem; font-weight: 400; line-height: 7rem;}
@media screen and (max-width: 767px) {.page.page-company .company-stats .company-stats-numbers .row > div { padding-bottom: 1.5625rem;}
 .page.page-company .company-stats .company-stats-numbers .row > div:last-child { padding-bottom: 0.9375rem;}
}  .page.page-company .company-stats .company-stats-location p { color: #2A5969; font-size: 1.125rem; font-weight: 600; line-height: 1.125rem; padding-bottom: 3.125rem;}
 .page.page-company .company-stats .countries-served, .page.page-company .company-stats .gallery-languages { text-align: left; font-size: 1.0625rem; line-height: 1.75rem; padding-bottom: 1.875rem;}
.page.page-company .company-stats .countries-served ul, .page.page-company .company-stats .gallery-languages ul {list-style-type: none; display: block; -webkit-column-count: 5; -moz-column-count: 5; -ms-column-count: 5; -o-column-count: 5; column-count: 5; -webkit-column-gap: 35px; -moz-column-gap: 35px; -ms-column-gap: 35px; -o-column-gap: 35px; column-gap: 35px;}
@media screen and (max-width: 991px) { .page.page-company .company-stats .countries-served ul, .page.page-company .company-stats .gallery-languages ul { -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4;}
} @media screen and (max-width: 767px) { .page.page-company .company-stats .countries-served ul, .page.page-company .company-stats .gallery-languages ul { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2;}
} .page.page-team { text-align: center;  max-width: 1200px;}
 .page.page-team > .row:first-child { margin-bottom: 1.875rem;}
 .page.page-team > .row:last-child { padding-bottom: 5rem;}
 .page.page-team .h-card { padding-bottom: 2.5rem;}
.page.page-team .h-card .p-name, .page.page-team .h-card .p-job-title {display: block;}
.page.page-team .h-card .p-name {padding-top: 1.875rem;}
.page.page-team .h-card .p-job-title {padding-top: 0.625rem; margin-bottom: 2.5rem;}
 @media screen and (max-width: 767px) { .page.page-team #team-description {display: none;}
}  .page.page-team .video-header { background: linear-gradient(rgba(73, 189, 228, 0.5), rgba(73, 189, 228, 0.8)), url(../images/about/about_team_blue.jpg); background-size: cover; padding: 64px 0 64px 0; margin-bottom: 20px; cursor: pointer;}
.page.page-team .video-header p {color: white; font-size: 24px; padding: 0 16px 0 16px;}
.page.page-team .video-header h1 {color: white;}
.page.page-team .video-header .play-button {margin: 10px 0 20px 0; width: 125px; height: 125px; margin-left: auto; margin-right: auto; background-image: url(../svg/icon_play_active.svg);}
.page.page-team .video-header #omg {position: absolute; color: rgba(255, 255, 255, 0.5); top: 40px; right: 130px;}
.page.page-team .video-header #line {position: absolute; background-color: rgba(255, 255, 255, 0.5); top: 90px; right: 290px; transform-origin: 0% 0%; transform: rotate(-45deg); width: 30px; height: 1px;}
.page.page-team .video-header :hover .play-button {background-image: url(../svg/icon_play_hover.svg);}
@media screen and (max-width: 767px) {.page.page-team .video-header { background: linear-gradient(rgba(73, 189, 228, 0.5), rgba(73, 189, 228, 0.8)), none;  background-size: cover;  padding: 36px 0 36px 0;}
 .page.page-team .video-header img { padding: 20px 0 20px 0;}
 .page.page-team .video-header #omg, .page.page-team .video-header #line { display: none;}
} .page #videoModalClose { background-image: url(../svg/icon_close.svg);  background-repeat: no-repeat;  background-position: center;  position: absolute;  padding: 10px;  z-index: 2000;  top: 20px;  right: 20px;}
.page .modal-header { height: 0px;  padding: 0px;  border-bottom: 0px;}
.page .modal-body { padding-bottom: 56.25%;}
.page .modal-body iframe { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.page.error-notfound .svg-container { margin: 80px 0 40px 0;}
.page.error-notfound .main-message { margin-bottom: 80px;}
.page.page-deal #unlimitedTerms { display: none;}
.page.page-deal form .form-group input#promo_code { margin-top: 0;}
.page.page-deal .current-user { margin-bottom: 20px;}
.page.page-deal ul.errors.email { display: none;}
.page.page-testimonials { padding-top: 5.3125rem;}
 .page.page-testimonials h2 { margin-bottom: 80px;}
 .page.page-testimonials #testimonials { background-color: transparent;}
.page.page-plans { text-align: center;  margin: 0 auto;  padding-top: 5.3125rem;}
 @media screen and (max-width: 767px) { .page.page-plans {padding-top: 2.5rem;}
}  .page.page-plans p { padding: 0;}
 .page.page-plans .container-fluid.top-message { max-width: 1200px; padding-bottom: 4.6875rem;}
@media screen and (max-width: 767px) {.page.page-plans .container-fluid.top-message { padding-bottom: 2.5rem;}
 .page.page-plans .container-fluid.top-message h2 { font-size: 1.5rem; line-height: 3rem;}
}  .page.page-plans .container-fluid.bottom-message { max-width: 1200px; padding-top: 3.75rem; padding-bottom: 3.75rem;}
@media screen and (max-width: 767px) {.page.page-plans .container-fluid.bottom-message { padding-top: 2.5rem;}
} .page.page-plans .container-fluid.bottom-message .highlight {font-size: 1.5rem; padding-bottom: 1.125rem; color: #2A5969;}
.page.page-plans .container-fluid.bottom-message .highlight span { color: #a5c3d1;}
 .page.page-plans .container-fluid.banner { background-color: #2A5969;}
.page.page-plans .container-fluid.banner .testimonial {max-width: 1200px; display: block; padding: 30px 0;}
.page.page-plans .container-fluid.banner .testimonial .headshot { display: block;  border-radius: 50%;  width: 100px;  height: 100px;  margin: auto;  margin-bottom: 30px;}
.page.page-plans .container-fluid.banner .testimonial span { color: white;  font-size: 21px;  text-align: center;}
 .page.page-plans .container-fluid.banner .testimonial span.user-name { padding: 20px 0 10px; display: block; font-weight: bold;}
 .page.page-plans .container-fluid.banner .testimonial span.user-company { display: block; font-family: "brandon-grotesque", Arial, sans-serif; letter-spacing: 1.7px;}
 .page.page-plans .container-fluid.plans { max-width: 1200px; padding: 0;}
.page.page-plans .container-fluid.plans.column-focus-view {display: none;}
@media screen and (max-width: 991px) {.page.page-plans .container-fluid.plans { padding: 0 1.25rem;}
} .page.page-plans .container-fluid.plans .toggle {margin: 17px auto; padding: 0; display: inline-block; background-color: #FFFFFF; border-radius: 3px; border: solid 1px #a5c3d1; line-height: normal;}
.page.page-plans .container-fluid.plans .toggle li { width: 97px;  display: inline-block;  color: #a5c3d1;  cursor: pointer;  font-size: 15px;  line-height: 2.2;}
 .page.page-plans .container-fluid.plans .toggle li:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
 .page.page-plans .container-fluid.plans .toggle li.selected { background-color: #a5c3d1; color: #FFFFFF;}
.page.page-plans .container-fluid.plans .plan-column {width: 100%; padding: 0; text-align: center; position: relative; color: #788C91; font-family: "brandon-grotesque", Arial, sans-serif;}
.page.page-plans .container-fluid.plans .plan-column .more-feature-link { font-family: "proxima-nova", Arial, sans-serif;  color: #a5c3d1;  font-size: 21px;  padding-bottom: 41px;}
.page.page-plans .container-fluid.plans .plan-column .toggle { height: 34.5px;}
.page.page-plans .container-fluid.plans .plan-column.free-plan { border: 2px solid #F7F9FA;}
 .page.page-plans .container-fluid.plans .plan-column.free-plan .plan-header { background-color: #F7F9FA;}
.page.page-plans .container-fluid.plans .plan-column.free-plan .plan-header h3 {font-size: 24px; font-weight: bold; line-height: normal; padding: 27px 0 25px; color: #2A5969;}
 .page.page-plans .container-fluid.plans .plan-column.free-plan .btn-shootproof { background: #FFFFFF; color: #a5c3d1; border: solid 2px #a5c3d1;}
.page.page-plans .container-fluid.plans .plan-column.premium-plan { border: 2px solid #F0F4F5;}
 .page.page-plans .container-fluid.plans .plan-column.premium-plan .plan-header { background-color: #a5c3d1;}
.page.page-plans .container-fluid.plans .plan-column.premium-plan .plan-header h3 {font-size: 24px; font-weight: bold; line-height: normal; padding: 27px 0 25px; color: #FFFFFF;}
 .page.page-plans .container-fluid.plans .plan-column.premium-plan .plan-price .price { z-index: 100;}
 .page.page-plans .container-fluid.plans .plan-column.premium-plan .range-labels > span.save:not(:first-child) { display: none;}
 .page.page-plans .container-fluid.plans .plan-column.premium-plan .plan-price .number:not(.plan-1) { display: none;}
 .page.page-plans .container-fluid.plans .plan-column.premium-plan .plan-2, .page.page-plans .container-fluid.plans .plan-column.premium-plan .plan-3, .page.page-plans .container-fluid.plans .plan-column.premium-plan .plan-4 { display: none;}
 .page.page-plans .container-fluid.plans .plan-column.premium-plan .period { display: inline-block;}
.page.page-plans .container-fluid.plans .plan-column .plan-details { width: 100%;  min-height: 445px;  font-size: 16px;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price { padding: 25px 0 15px;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price span {line-height: initial;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .number {font-size: 72px; color: #2A5969;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .annually {display: none;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .period, .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .save {font-size: 30px; color: #788C91;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .save {line-height: 0;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti {position: relative; width: 50%; margin: auto;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div { position: absolute;  display: inline-block;  margin: 0 10px;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div.red { right: 20px; top: -70px; background-color: #F48E8E;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div.red.explode {width: 5px; height: 5px; -webkit-animation-name: explode-side-up-right; -moz-animation-name: explode-side-up-right; -ms-animation-name: explode-side-up-right; -o-animation-name: explode-side-up-right; animation-name: explode-side-up-right; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div.gold { left: 20px; top: -50px; background-color: #F5C554;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div.gold.explode {width: 5px; height: 5px; -webkit-animation-name: explode-side-left; -moz-animation-name: explode-side-left; -ms-animation-name: explode-side-left; -o-animation-name: explode-side-left; animation-name: explode-side-left; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div.green { right: 20px; background-color: #A5CD9B;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div.green.explode {width: 5px; height: 5px; -webkit-animation-name: explode-side-down-right; -moz-animation-name: explode-side-down-right; -ms-animation-name: explode-side-down-right; -o-animation-name: explode-side-down-right; animation-name: explode-side-down-right; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div.explosion { top: -90px; left: 80px;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div.explosion.explode {border: solid 1px #a5c3d1; border-radius: 50%; width: 40px; height: 40px; z-index: -2; -webkit-animation-name: explosion; -moz-animation-name: explosion; -ms-animation-name: explosion; -o-animation-name: explosion; animation-name: explosion; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;}
@-webkit-keyframes explosion {0% { -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  opacity: 1;}
25% { -webkit-transform: scale(2);  -moz-transform: scale(2);  -ms-transform: scale(2);  -o-transform: scale(2);  transform: scale(2);  opacity: 1;}
75% { -webkit-transform: scale(3);  -moz-transform: scale(3);  -ms-transform: scale(3);  -o-transform: scale(3);  transform: scale(3);  opacity: 1;}
100% { -webkit-transform: scale(4);  -moz-transform: scale(4);  -ms-transform: scale(4);  -o-transform: scale(4);  transform: scale(4);  opacity: 0;}
} @-moz-keyframes explosion {0% { -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  opacity: 1;}
25% { -webkit-transform: scale(2);  -moz-transform: scale(2);  -ms-transform: scale(2);  -o-transform: scale(2);  transform: scale(2);  opacity: 1;}
75% { -webkit-transform: scale(3);  -moz-transform: scale(3);  -ms-transform: scale(3);  -o-transform: scale(3);  transform: scale(3);  opacity: 1;}
100% { -webkit-transform: scale(4);  -moz-transform: scale(4);  -ms-transform: scale(4);  -o-transform: scale(4);  transform: scale(4);  opacity: 0;}
} @-ms-keyframes explosion {.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 0% { -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 25% { -webkit-transform: scale(2);  -moz-transform: scale(2);  -ms-transform: scale(2);  -o-transform: scale(2);  transform: scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 75% { -webkit-transform: scale(3);  -moz-transform: scale(3);  -ms-transform: scale(3);  -o-transform: scale(3);  transform: scale(3);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 100% { -webkit-transform: scale(4);  -moz-transform: scale(4);  -ms-transform: scale(4);  -o-transform: scale(4);  transform: scale(4);  opacity: 0;}
} @-o-keyframes explosion {0% { -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  opacity: 1;}
25% { -webkit-transform: scale(2);  -moz-transform: scale(2);  -ms-transform: scale(2);  -o-transform: scale(2);  transform: scale(2);  opacity: 1;}
75% { -webkit-transform: scale(3);  -moz-transform: scale(3);  -ms-transform: scale(3);  -o-transform: scale(3);  transform: scale(3);  opacity: 1;}
100% { -webkit-transform: scale(4);  -moz-transform: scale(4);  -ms-transform: scale(4);  -o-transform: scale(4);  transform: scale(4);  opacity: 0;}
} @keyframes explosion {0% { -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  opacity: 1;}
25% { -webkit-transform: scale(2);  -moz-transform: scale(2);  -ms-transform: scale(2);  -o-transform: scale(2);  transform: scale(2);  opacity: 1;}
75% { -webkit-transform: scale(3);  -moz-transform: scale(3);  -ms-transform: scale(3);  -o-transform: scale(3);  transform: scale(3);  opacity: 1;}
100% { -webkit-transform: scale(4);  -moz-transform: scale(4);  -ms-transform: scale(4);  -o-transform: scale(4);  transform: scale(4);  opacity: 0;}
} @-webkit-keyframes explode-side-up-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(60px, -20px) scale(2);  -moz-transform: translate(60px, -20px) scale(2);  -ms-transform: translate(60px, -20px) scale(2);  -o-transform: translate(60px, -20px) scale(2);  transform: translate(60px, -20px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(80px, -30px) scale(2);  -moz-transform: translate(80px, -30px) scale(2);  -ms-transform: translate(80px, -30px) scale(2);  -o-transform: translate(80px, -30px) scale(2);  transform: translate(80px, -30px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(80px, -5px) scale(2);  -moz-transform: translate(80px, -5px) scale(2);  -ms-transform: translate(80px, -5px) scale(2);  -o-transform: translate(80px, -5px) scale(2);  transform: translate(80px, -5px) scale(2);  opacity: 0;}
} @-moz-keyframes explode-side-up-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(60px, -20px) scale(2);  -moz-transform: translate(60px, -20px) scale(2);  -ms-transform: translate(60px, -20px) scale(2);  -o-transform: translate(60px, -20px) scale(2);  transform: translate(60px, -20px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(80px, -30px) scale(2);  -moz-transform: translate(80px, -30px) scale(2);  -ms-transform: translate(80px, -30px) scale(2);  -o-transform: translate(80px, -30px) scale(2);  transform: translate(80px, -30px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(80px, -5px) scale(2);  -moz-transform: translate(80px, -5px) scale(2);  -ms-transform: translate(80px, -5px) scale(2);  -o-transform: translate(80px, -5px) scale(2);  transform: translate(80px, -5px) scale(2);  opacity: 0;}
} @-ms-keyframes explode-side-up-right {.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 25% { -webkit-transform: translate(60px, -20px) scale(2);  -moz-transform: translate(60px, -20px) scale(2);  -ms-transform: translate(60px, -20px) scale(2);  -o-transform: translate(60px, -20px) scale(2);  transform: translate(60px, -20px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 75% { -webkit-transform: translate(80px, -30px) scale(2);  -moz-transform: translate(80px, -30px) scale(2);  -ms-transform: translate(80px, -30px) scale(2);  -o-transform: translate(80px, -30px) scale(2);  transform: translate(80px, -30px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 100% { -webkit-transform: translate(80px, -5px) scale(2);  -moz-transform: translate(80px, -5px) scale(2);  -ms-transform: translate(80px, -5px) scale(2);  -o-transform: translate(80px, -5px) scale(2);  transform: translate(80px, -5px) scale(2);  opacity: 0;}
} @-o-keyframes explode-side-up-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(60px, -20px) scale(2);  -moz-transform: translate(60px, -20px) scale(2);  -ms-transform: translate(60px, -20px) scale(2);  -o-transform: translate(60px, -20px) scale(2);  transform: translate(60px, -20px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(80px, -30px) scale(2);  -moz-transform: translate(80px, -30px) scale(2);  -ms-transform: translate(80px, -30px) scale(2);  -o-transform: translate(80px, -30px) scale(2);  transform: translate(80px, -30px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(80px, -5px) scale(2);  -moz-transform: translate(80px, -5px) scale(2);  -ms-transform: translate(80px, -5px) scale(2);  -o-transform: translate(80px, -5px) scale(2);  transform: translate(80px, -5px) scale(2);  opacity: 0;}
} @keyframes explode-side-up-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(60px, -20px) scale(2);  -moz-transform: translate(60px, -20px) scale(2);  -ms-transform: translate(60px, -20px) scale(2);  -o-transform: translate(60px, -20px) scale(2);  transform: translate(60px, -20px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(80px, -30px) scale(2);  -moz-transform: translate(80px, -30px) scale(2);  -ms-transform: translate(80px, -30px) scale(2);  -o-transform: translate(80px, -30px) scale(2);  transform: translate(80px, -30px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(80px, -5px) scale(2);  -moz-transform: translate(80px, -5px) scale(2);  -ms-transform: translate(80px, -5px) scale(2);  -o-transform: translate(80px, -5px) scale(2);  transform: translate(80px, -5px) scale(2);  opacity: 0;}
} @-webkit-keyframes explode-side-down-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(60px, 0px) scale(2);  -moz-transform: translate(60px, 0px) scale(2);  -ms-transform: translate(60px, 0px) scale(2);  -o-transform: translate(60px, 0px) scale(2);  transform: translate(60px, 0px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(80px, 5px) scale(2);  -moz-transform: translate(80px, 5px) scale(2);  -ms-transform: translate(80px, 5px) scale(2);  -o-transform: translate(80px, 5px) scale(2);  transform: translate(80px, 5px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(80px, 0px) scale(2);  -moz-transform: translate(80px, 0px) scale(2);  -ms-transform: translate(80px, 0px) scale(2);  -o-transform: translate(80px, 0px) scale(2);  transform: translate(80px, 0px) scale(2);  opacity: 0;}
} @-moz-keyframes explode-side-down-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(60px, 0px) scale(2);  -moz-transform: translate(60px, 0px) scale(2);  -ms-transform: translate(60px, 0px) scale(2);  -o-transform: translate(60px, 0px) scale(2);  transform: translate(60px, 0px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(80px, 5px) scale(2);  -moz-transform: translate(80px, 5px) scale(2);  -ms-transform: translate(80px, 5px) scale(2);  -o-transform: translate(80px, 5px) scale(2);  transform: translate(80px, 5px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(80px, 0px) scale(2);  -moz-transform: translate(80px, 0px) scale(2);  -ms-transform: translate(80px, 0px) scale(2);  -o-transform: translate(80px, 0px) scale(2);  transform: translate(80px, 0px) scale(2);  opacity: 0;}
} @-ms-keyframes explode-side-down-right {.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 25% { -webkit-transform: translate(60px, 0px) scale(2);  -moz-transform: translate(60px, 0px) scale(2);  -ms-transform: translate(60px, 0px) scale(2);  -o-transform: translate(60px, 0px) scale(2);  transform: translate(60px, 0px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 75% { -webkit-transform: translate(80px, 5px) scale(2);  -moz-transform: translate(80px, 5px) scale(2);  -ms-transform: translate(80px, 5px) scale(2);  -o-transform: translate(80px, 5px) scale(2);  transform: translate(80px, 5px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 100% { -webkit-transform: translate(80px, 0px) scale(2);  -moz-transform: translate(80px, 0px) scale(2);  -ms-transform: translate(80px, 0px) scale(2);  -o-transform: translate(80px, 0px) scale(2);  transform: translate(80px, 0px) scale(2);  opacity: 0;}
} @-o-keyframes explode-side-down-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(60px, 0px) scale(2);  -moz-transform: translate(60px, 0px) scale(2);  -ms-transform: translate(60px, 0px) scale(2);  -o-transform: translate(60px, 0px) scale(2);  transform: translate(60px, 0px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(80px, 5px) scale(2);  -moz-transform: translate(80px, 5px) scale(2);  -ms-transform: translate(80px, 5px) scale(2);  -o-transform: translate(80px, 5px) scale(2);  transform: translate(80px, 5px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(80px, 0px) scale(2);  -moz-transform: translate(80px, 0px) scale(2);  -ms-transform: translate(80px, 0px) scale(2);  -o-transform: translate(80px, 0px) scale(2);  transform: translate(80px, 0px) scale(2);  opacity: 0;}
} @keyframes explode-side-down-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(60px, 0px) scale(2);  -moz-transform: translate(60px, 0px) scale(2);  -ms-transform: translate(60px, 0px) scale(2);  -o-transform: translate(60px, 0px) scale(2);  transform: translate(60px, 0px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(80px, 5px) scale(2);  -moz-transform: translate(80px, 5px) scale(2);  -ms-transform: translate(80px, 5px) scale(2);  -o-transform: translate(80px, 5px) scale(2);  transform: translate(80px, 5px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(80px, 0px) scale(2);  -moz-transform: translate(80px, 0px) scale(2);  -ms-transform: translate(80px, 0px) scale(2);  -o-transform: translate(80px, 0px) scale(2);  transform: translate(80px, 0px) scale(2);  opacity: 0;}
} @-webkit-keyframes explode-side-left {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(-60px, 0px) scale(2);  -moz-transform: translate(-60px, 0px) scale(2);  -ms-transform: translate(-60px, 0px) scale(2);  -o-transform: translate(-60px, 0px) scale(2);  transform: translate(-60px, 0px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(-80px, 5px) scale(2);  -moz-transform: translate(-80px, 5px) scale(2);  -ms-transform: translate(-80px, 5px) scale(2);  -o-transform: translate(-80px, 5px) scale(2);  transform: translate(-80px, 5px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(-70px, 20px) scale(2);  -moz-transform: translate(-70px, 20px) scale(2);  -ms-transform: translate(-70px, 20px) scale(2);  -o-transform: translate(-70px, 20px) scale(2);  transform: translate(-70px, 20px) scale(2);  opacity: 0;}
} @-moz-keyframes explode-side-left {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(-60px, 0px) scale(2);  -moz-transform: translate(-60px, 0px) scale(2);  -ms-transform: translate(-60px, 0px) scale(2);  -o-transform: translate(-60px, 0px) scale(2);  transform: translate(-60px, 0px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(-80px, 5px) scale(2);  -moz-transform: translate(-80px, 5px) scale(2);  -ms-transform: translate(-80px, 5px) scale(2);  -o-transform: translate(-80px, 5px) scale(2);  transform: translate(-80px, 5px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(-70px, 20px) scale(2);  -moz-transform: translate(-70px, 20px) scale(2);  -ms-transform: translate(-70px, 20px) scale(2);  -o-transform: translate(-70px, 20px) scale(2);  transform: translate(-70px, 20px) scale(2);  opacity: 0;}
} @-ms-keyframes explode-side-left {.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 25% { -webkit-transform: translate(-60px, 0px) scale(2);  -moz-transform: translate(-60px, 0px) scale(2);  -ms-transform: translate(-60px, 0px) scale(2);  -o-transform: translate(-60px, 0px) scale(2);  transform: translate(-60px, 0px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 75% { -webkit-transform: translate(-80px, 5px) scale(2);  -moz-transform: translate(-80px, 5px) scale(2);  -ms-transform: translate(-80px, 5px) scale(2);  -o-transform: translate(-80px, 5px) scale(2);  transform: translate(-80px, 5px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .side-confetti div 100% { -webkit-transform: translate(-70px, 20px) scale(2);  -moz-transform: translate(-70px, 20px) scale(2);  -ms-transform: translate(-70px, 20px) scale(2);  -o-transform: translate(-70px, 20px) scale(2);  transform: translate(-70px, 20px) scale(2);  opacity: 0;}
} @-o-keyframes explode-side-left {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(-60px, 0px) scale(2);  -moz-transform: translate(-60px, 0px) scale(2);  -ms-transform: translate(-60px, 0px) scale(2);  -o-transform: translate(-60px, 0px) scale(2);  transform: translate(-60px, 0px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(-80px, 5px) scale(2);  -moz-transform: translate(-80px, 5px) scale(2);  -ms-transform: translate(-80px, 5px) scale(2);  -o-transform: translate(-80px, 5px) scale(2);  transform: translate(-80px, 5px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(-70px, 20px) scale(2);  -moz-transform: translate(-70px, 20px) scale(2);  -ms-transform: translate(-70px, 20px) scale(2);  -o-transform: translate(-70px, 20px) scale(2);  transform: translate(-70px, 20px) scale(2);  opacity: 0;}
} @keyframes explode-side-left {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(-60px, 0px) scale(2);  -moz-transform: translate(-60px, 0px) scale(2);  -ms-transform: translate(-60px, 0px) scale(2);  -o-transform: translate(-60px, 0px) scale(2);  transform: translate(-60px, 0px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(-80px, 5px) scale(2);  -moz-transform: translate(-80px, 5px) scale(2);  -ms-transform: translate(-80px, 5px) scale(2);  -o-transform: translate(-80px, 5px) scale(2);  transform: translate(-80px, 5px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(-70px, 20px) scale(2);  -moz-transform: translate(-70px, 20px) scale(2);  -ms-transform: translate(-70px, 20px) scale(2);  -o-transform: translate(-70px, 20px) scale(2);  transform: translate(-70px, 20px) scale(2);  opacity: 0;}
} .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti {position: relative; width: 50%; margin: auto; top: -20px;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div { position: absolute;  display: inline-block;  border-radius: 5px;  margin: 0 10px;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div.red { background-color: #F48E8E;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div.blue { background-color: #a5c3d1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div.blue.explode {width: 4px; height: 4px; border-radius: 50%; -webkit-animation-name: explode-down; -moz-animation-name: explode-down; -ms-animation-name: explode-down; -o-animation-name: explode-down; animation-name: explode-down; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div.gold { right: 20px; top: -40px; float: right; background-color: #F5C554;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div.gold.explode {width: 4px; height: 4px; border-radius: 50%; -webkit-animation-name: explode-down-right; -moz-animation-name: explode-down-right; -ms-animation-name: explode-down-right; -o-animation-name: explode-down-right; animation-name: explode-down-right; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div.green { left: 20px; top: -40px; float: left; background-color: #A5CD9B;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div.green.explode {width: 4px; height: 4px; border-radius: 50%; -webkit-animation-name: explode-down-left; -moz-animation-name: explode-down-left; -ms-animation-name: explode-down-left; -o-animation-name: explode-down-left; animation-name: explode-down-left; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;}
@-webkit-keyframes explode-down {0% { transform: translateY(0px) scale(2);  opacity: 1;}
25% { transform: translateY(5px) scale(2);  opacity: 1;}
75% { transform: translateY(10px) scale(2);  opacity: 1;}
100% { transform: translateY(15px) scale(0);  opacity: 0;}
} @-moz-keyframes explode-down {0% { transform: translateY(0px) scale(2);  opacity: 1;}
25% { transform: translateY(5px) scale(2);  opacity: 1;}
75% { transform: translateY(10px) scale(2);  opacity: 1;}
100% { transform: translateY(15px) scale(0);  opacity: 0;}
} @-ms-keyframes explode-down {.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div 0% { transform: translateY(0px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div 25% { transform: translateY(5px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div 75% { transform: translateY(10px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div 100% { transform: translateY(15px) scale(0);  opacity: 0;}
} @-o-keyframes explode-down {0% { transform: translateY(0px) scale(2);  opacity: 1;}
25% { transform: translateY(5px) scale(2);  opacity: 1;}
75% { transform: translateY(10px) scale(2);  opacity: 1;}
100% { transform: translateY(15px) scale(0);  opacity: 0;}
} @keyframes explode-down {0% { transform: translateY(0px) scale(2);  opacity: 1;}
25% { transform: translateY(5px) scale(2);  opacity: 1;}
75% { transform: translateY(10px) scale(2);  opacity: 1;}
100% { transform: translateY(15px) scale(0);  opacity: 0;}
} @-webkit-keyframes explode-down-left {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(-5px, 5px) scale(2);  -moz-transform: translate(-5px, 5px) scale(2);  -ms-transform: translate(-5px, 5px) scale(2);  -o-transform: translate(-5px, 5px) scale(2);  transform: translate(-5px, 5px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(-10px, 10px) scale(2);  -moz-transform: translate(-10px, 10px) scale(2);  -ms-transform: translate(-10px, 10px) scale(2);  -o-transform: translate(-10px, 10px) scale(2);  transform: translate(-10px, 10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(-15px, 15px) scale(0);  -moz-transform: translate(-15px, 15px) scale(0);  -ms-transform: translate(-15px, 15px) scale(0);  -o-transform: translate(-15px, 15px) scale(0);  transform: translate(-15px, 15px) scale(0);  opacity: 0;}
} @-moz-keyframes explode-down-left {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(-5px, 5px) scale(2);  -moz-transform: translate(-5px, 5px) scale(2);  -ms-transform: translate(-5px, 5px) scale(2);  -o-transform: translate(-5px, 5px) scale(2);  transform: translate(-5px, 5px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(-10px, 10px) scale(2);  -moz-transform: translate(-10px, 10px) scale(2);  -ms-transform: translate(-10px, 10px) scale(2);  -o-transform: translate(-10px, 10px) scale(2);  transform: translate(-10px, 10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(-15px, 15px) scale(0);  -moz-transform: translate(-15px, 15px) scale(0);  -ms-transform: translate(-15px, 15px) scale(0);  -o-transform: translate(-15px, 15px) scale(0);  transform: translate(-15px, 15px) scale(0);  opacity: 0;}
} @-ms-keyframes explode-down-left {.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div 0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div 25% { -webkit-transform: translate(-5px, 5px) scale(2);  -moz-transform: translate(-5px, 5px) scale(2);  -ms-transform: translate(-5px, 5px) scale(2);  -o-transform: translate(-5px, 5px) scale(2);  transform: translate(-5px, 5px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div 75% { -webkit-transform: translate(-10px, 10px) scale(2);  -moz-transform: translate(-10px, 10px) scale(2);  -ms-transform: translate(-10px, 10px) scale(2);  -o-transform: translate(-10px, 10px) scale(2);  transform: translate(-10px, 10px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div 100% { -webkit-transform: translate(-15px, 15px) scale(0);  -moz-transform: translate(-15px, 15px) scale(0);  -ms-transform: translate(-15px, 15px) scale(0);  -o-transform: translate(-15px, 15px) scale(0);  transform: translate(-15px, 15px) scale(0);  opacity: 0;}
} @-o-keyframes explode-down-left {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(-5px, 5px) scale(2);  -moz-transform: translate(-5px, 5px) scale(2);  -ms-transform: translate(-5px, 5px) scale(2);  -o-transform: translate(-5px, 5px) scale(2);  transform: translate(-5px, 5px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(-10px, 10px) scale(2);  -moz-transform: translate(-10px, 10px) scale(2);  -ms-transform: translate(-10px, 10px) scale(2);  -o-transform: translate(-10px, 10px) scale(2);  transform: translate(-10px, 10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(-15px, 15px) scale(0);  -moz-transform: translate(-15px, 15px) scale(0);  -ms-transform: translate(-15px, 15px) scale(0);  -o-transform: translate(-15px, 15px) scale(0);  transform: translate(-15px, 15px) scale(0);  opacity: 0;}
} @keyframes explode-down-left {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(-5px, 5px) scale(2);  -moz-transform: translate(-5px, 5px) scale(2);  -ms-transform: translate(-5px, 5px) scale(2);  -o-transform: translate(-5px, 5px) scale(2);  transform: translate(-5px, 5px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(-10px, 10px) scale(2);  -moz-transform: translate(-10px, 10px) scale(2);  -ms-transform: translate(-10px, 10px) scale(2);  -o-transform: translate(-10px, 10px) scale(2);  transform: translate(-10px, 10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(-15px, 15px) scale(0);  -moz-transform: translate(-15px, 15px) scale(0);  -ms-transform: translate(-15px, 15px) scale(0);  -o-transform: translate(-15px, 15px) scale(0);  transform: translate(-15px, 15px) scale(0);  opacity: 0;}
} @-webkit-keyframes explode-down-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(5px, 5px) scale(2);  -moz-transform: translate(5px, 5px) scale(2);  -ms-transform: translate(5px, 5px) scale(2);  -o-transform: translate(5px, 5px) scale(2);  transform: translate(5px, 5px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(10px, 10px) scale(2);  -moz-transform: translate(10px, 10px) scale(2);  -ms-transform: translate(10px, 10px) scale(2);  -o-transform: translate(10px, 10px) scale(2);  transform: translate(10px, 10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(15px, 15px) scale(0);  -moz-transform: translate(15px, 15px) scale(0);  -ms-transform: translate(15px, 15px) scale(0);  -o-transform: translate(15px, 15px) scale(0);  transform: translate(15px, 15px) scale(0);  opacity: 0;}
} @-moz-keyframes explode-down-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(5px, 5px) scale(2);  -moz-transform: translate(5px, 5px) scale(2);  -ms-transform: translate(5px, 5px) scale(2);  -o-transform: translate(5px, 5px) scale(2);  transform: translate(5px, 5px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(10px, 10px) scale(2);  -moz-transform: translate(10px, 10px) scale(2);  -ms-transform: translate(10px, 10px) scale(2);  -o-transform: translate(10px, 10px) scale(2);  transform: translate(10px, 10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(15px, 15px) scale(0);  -moz-transform: translate(15px, 15px) scale(0);  -ms-transform: translate(15px, 15px) scale(0);  -o-transform: translate(15px, 15px) scale(0);  transform: translate(15px, 15px) scale(0);  opacity: 0;}
} @-ms-keyframes explode-down-right {.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div 0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div 25% { -webkit-transform: translate(5px, 5px) scale(2);  -moz-transform: translate(5px, 5px) scale(2);  -ms-transform: translate(5px, 5px) scale(2);  -o-transform: translate(5px, 5px) scale(2);  transform: translate(5px, 5px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div 75% { -webkit-transform: translate(10px, 10px) scale(2);  -moz-transform: translate(10px, 10px) scale(2);  -ms-transform: translate(10px, 10px) scale(2);  -o-transform: translate(10px, 10px) scale(2);  transform: translate(10px, 10px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .bottom-confetti div 100% { -webkit-transform: translate(15px, 15px) scale(0);  -moz-transform: translate(15px, 15px) scale(0);  -ms-transform: translate(15px, 15px) scale(0);  -o-transform: translate(15px, 15px) scale(0);  transform: translate(15px, 15px) scale(0);  opacity: 0;}
} @-o-keyframes explode-down-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(5px, 5px) scale(2);  -moz-transform: translate(5px, 5px) scale(2);  -ms-transform: translate(5px, 5px) scale(2);  -o-transform: translate(5px, 5px) scale(2);  transform: translate(5px, 5px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(10px, 10px) scale(2);  -moz-transform: translate(10px, 10px) scale(2);  -ms-transform: translate(10px, 10px) scale(2);  -o-transform: translate(10px, 10px) scale(2);  transform: translate(10px, 10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(15px, 15px) scale(0);  -moz-transform: translate(15px, 15px) scale(0);  -ms-transform: translate(15px, 15px) scale(0);  -o-transform: translate(15px, 15px) scale(0);  transform: translate(15px, 15px) scale(0);  opacity: 0;}
} @keyframes explode-down-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(5px, 5px) scale(2);  -moz-transform: translate(5px, 5px) scale(2);  -ms-transform: translate(5px, 5px) scale(2);  -o-transform: translate(5px, 5px) scale(2);  transform: translate(5px, 5px) scale(2);  opacity: 1;}
75% { -webkit-transform: translate(10px, 10px) scale(2);  -moz-transform: translate(10px, 10px) scale(2);  -ms-transform: translate(10px, 10px) scale(2);  -o-transform: translate(10px, 10px) scale(2);  transform: translate(10px, 10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(15px, 15px) scale(0);  -moz-transform: translate(15px, 15px) scale(0);  -ms-transform: translate(15px, 15px) scale(0);  -o-transform: translate(15px, 15px) scale(0);  transform: translate(15px, 15px) scale(0);  opacity: 0;}
} .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti {position: relative; width: 50%; margin: auto; top: -120px;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div { position: absolute;  display: inline-block;  border-radius: 5px;  margin: 0 10px;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div.blue { left: 20px; top: 40px; background-color: #a5c3d1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div.blue.explode {width: 4px; height: 4px; border-radius: 50%; -webkit-animation-name: explode-up-left; -moz-animation-name: explode-up-left; -ms-animation-name: explode-up-left; -o-animation-name: explode-up-left; animation-name: explode-up-left; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div.red { background-color: #F48E8E;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div.gold { background-color: #F5C554;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div.gold.explode {width: 4px; height: 4px; border-radius: 50%; -webkit-animation-name: explode-up; -moz-animation-name: explode-up; -ms-animation-name: explode-up; -o-animation-name: explode-up; animation-name: explode-up; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div.green { right: 20px; top: 40px; background-color: #A5CD9B;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div.green.explode {width: 4px; height: 4px; border-radius: 50%; -webkit-animation-name: explode-up-right; -moz-animation-name: explode-up-right; -ms-animation-name: explode-up-right; -o-animation-name: explode-up-right; animation-name: explode-up-right; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;}
@-webkit-keyframes explode-up {0% { -webkit-transform: translateY(0px) scale(2);  -moz-transform: translateY(0px) scale(2);  -ms-transform: translateY(0px) scale(2);  -o-transform: translateY(0px) scale(2);  transform: translateY(0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translateY(-5px) scale(2);  -moz-transform: translateY(-5px) scale(2);  -ms-transform: translateY(-5px) scale(2);  -o-transform: translateY(-5px) scale(2);  transform: translateY(-5px) scale(2);  opacity: 1;}
60% { -webkit-transform: translateY(-10px) scale(2);  -moz-transform: translateY(-10px) scale(2);  -ms-transform: translateY(-10px) scale(2);  -o-transform: translateY(-10px) scale(2);  transform: translateY(-10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  transform: translateY(-15px) scale(0);  opacity: 0;}
} @-moz-keyframes explode-up {0% { -webkit-transform: translateY(0px) scale(2);  -moz-transform: translateY(0px) scale(2);  -ms-transform: translateY(0px) scale(2);  -o-transform: translateY(0px) scale(2);  transform: translateY(0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translateY(-5px) scale(2);  -moz-transform: translateY(-5px) scale(2);  -ms-transform: translateY(-5px) scale(2);  -o-transform: translateY(-5px) scale(2);  transform: translateY(-5px) scale(2);  opacity: 1;}
60% { -webkit-transform: translateY(-10px) scale(2);  -moz-transform: translateY(-10px) scale(2);  -ms-transform: translateY(-10px) scale(2);  -o-transform: translateY(-10px) scale(2);  transform: translateY(-10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  transform: translateY(-15px) scale(0);  opacity: 0;}
} @-ms-keyframes explode-up {.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div 0% { -webkit-transform: translateY(0px) scale(2);  -moz-transform: translateY(0px) scale(2);  -ms-transform: translateY(0px) scale(2);  -o-transform: translateY(0px) scale(2);  transform: translateY(0px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div 25% { -webkit-transform: translateY(-5px) scale(2);  -moz-transform: translateY(-5px) scale(2);  -ms-transform: translateY(-5px) scale(2);  -o-transform: translateY(-5px) scale(2);  transform: translateY(-5px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div 60% { -webkit-transform: translateY(-10px) scale(2);  -moz-transform: translateY(-10px) scale(2);  -ms-transform: translateY(-10px) scale(2);  -o-transform: translateY(-10px) scale(2);  transform: translateY(-10px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div 100% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  transform: translateY(-15px) scale(0);  opacity: 0;}
} @-o-keyframes explode-up {0% { -webkit-transform: translateY(0px) scale(2);  -moz-transform: translateY(0px) scale(2);  -ms-transform: translateY(0px) scale(2);  -o-transform: translateY(0px) scale(2);  transform: translateY(0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translateY(-5px) scale(2);  -moz-transform: translateY(-5px) scale(2);  -ms-transform: translateY(-5px) scale(2);  -o-transform: translateY(-5px) scale(2);  transform: translateY(-5px) scale(2);  opacity: 1;}
60% { -webkit-transform: translateY(-10px) scale(2);  -moz-transform: translateY(-10px) scale(2);  -ms-transform: translateY(-10px) scale(2);  -o-transform: translateY(-10px) scale(2);  transform: translateY(-10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  transform: translateY(-15px) scale(0);  opacity: 0;}
} @keyframes explode-up {0% { -webkit-transform: translateY(0px) scale(2);  -moz-transform: translateY(0px) scale(2);  -ms-transform: translateY(0px) scale(2);  -o-transform: translateY(0px) scale(2);  transform: translateY(0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translateY(-5px) scale(2);  -moz-transform: translateY(-5px) scale(2);  -ms-transform: translateY(-5px) scale(2);  -o-transform: translateY(-5px) scale(2);  transform: translateY(-5px) scale(2);  opacity: 1;}
60% { -webkit-transform: translateY(-10px) scale(2);  -moz-transform: translateY(-10px) scale(2);  -ms-transform: translateY(-10px) scale(2);  -o-transform: translateY(-10px) scale(2);  transform: translateY(-10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  transform: translateY(-15px) scale(0);  opacity: 0;}
} @-webkit-keyframes explode-up-left {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(-5px, -5px) scale(2);  -moz-transform: translate(-5px, -5px) scale(2);  -ms-transform: translate(-5px, -5px) scale(2);  -o-transform: translate(-5px, -5px) scale(2);  transform: translate(-5px, -5px) scale(2);  opacity: 1;}
60% { -webkit-transform: translate(-10px, -10px) scale(2);  -moz-transform: translate(-10px, -10px) scale(2);  -ms-transform: translate(-10px, -10px) scale(2);  -o-transform: translate(-10px, -10px) scale(2);  transform: translate(-10px, -10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(-15px, -30px) scale(0);  -moz-transform: translate(-15px, -30px) scale(0);  -ms-transform: translate(-15px, -30px) scale(0);  -o-transform: translate(-15px, -30px) scale(0);  transform: translate(-15px, -30px) scale(0);  opacity: 0;}
} @-moz-keyframes explode-up-left {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(-5px, -5px) scale(2);  -moz-transform: translate(-5px, -5px) scale(2);  -ms-transform: translate(-5px, -5px) scale(2);  -o-transform: translate(-5px, -5px) scale(2);  transform: translate(-5px, -5px) scale(2);  opacity: 1;}
60% { -webkit-transform: translate(-10px, -10px) scale(2);  -moz-transform: translate(-10px, -10px) scale(2);  -ms-transform: translate(-10px, -10px) scale(2);  -o-transform: translate(-10px, -10px) scale(2);  transform: translate(-10px, -10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(-15px, -30px) scale(0);  -moz-transform: translate(-15px, -30px) scale(0);  -ms-transform: translate(-15px, -30px) scale(0);  -o-transform: translate(-15px, -30px) scale(0);  transform: translate(-15px, -30px) scale(0);  opacity: 0;}
} @-ms-keyframes explode-up-left {.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div 0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div 25% { -webkit-transform: translate(-5px, -5px) scale(2);  -moz-transform: translate(-5px, -5px) scale(2);  -ms-transform: translate(-5px, -5px) scale(2);  -o-transform: translate(-5px, -5px) scale(2);  transform: translate(-5px, -5px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div 60% { -webkit-transform: translate(-10px, -10px) scale(2);  -moz-transform: translate(-10px, -10px) scale(2);  -ms-transform: translate(-10px, -10px) scale(2);  -o-transform: translate(-10px, -10px) scale(2);  transform: translate(-10px, -10px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div 100% { -webkit-transform: translate(-15px, -30px) scale(0);  -moz-transform: translate(-15px, -30px) scale(0);  -ms-transform: translate(-15px, -30px) scale(0);  -o-transform: translate(-15px, -30px) scale(0);  transform: translate(-15px, -30px) scale(0);  opacity: 0;}
} @-o-keyframes explode-up-left {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(-5px, -5px) scale(2);  -moz-transform: translate(-5px, -5px) scale(2);  -ms-transform: translate(-5px, -5px) scale(2);  -o-transform: translate(-5px, -5px) scale(2);  transform: translate(-5px, -5px) scale(2);  opacity: 1;}
60% { -webkit-transform: translate(-10px, -10px) scale(2);  -moz-transform: translate(-10px, -10px) scale(2);  -ms-transform: translate(-10px, -10px) scale(2);  -o-transform: translate(-10px, -10px) scale(2);  transform: translate(-10px, -10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(-15px, -30px) scale(0);  -moz-transform: translate(-15px, -30px) scale(0);  -ms-transform: translate(-15px, -30px) scale(0);  -o-transform: translate(-15px, -30px) scale(0);  transform: translate(-15px, -30px) scale(0);  opacity: 0;}
} @keyframes explode-up-left {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(-5px, -5px) scale(2);  -moz-transform: translate(-5px, -5px) scale(2);  -ms-transform: translate(-5px, -5px) scale(2);  -o-transform: translate(-5px, -5px) scale(2);  transform: translate(-5px, -5px) scale(2);  opacity: 1;}
60% { -webkit-transform: translate(-10px, -10px) scale(2);  -moz-transform: translate(-10px, -10px) scale(2);  -ms-transform: translate(-10px, -10px) scale(2);  -o-transform: translate(-10px, -10px) scale(2);  transform: translate(-10px, -10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(-15px, -30px) scale(0);  -moz-transform: translate(-15px, -30px) scale(0);  -ms-transform: translate(-15px, -30px) scale(0);  -o-transform: translate(-15px, -30px) scale(0);  transform: translate(-15px, -30px) scale(0);  opacity: 0;}
} @-webkit-keyframes explode-up-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(5px, -5px) scale(2);  -moz-transform: translate(5px, -5px) scale(2);  -ms-transform: translate(5px, -5px) scale(2);  -o-transform: translate(5px, -5px) scale(2);  transform: translate(5px, -5px) scale(2);  opacity: 1;}
60% { -webkit-transform: translate(10px, -10px) scale(2);  -moz-transform: translate(10px, -10px) scale(2);  -ms-transform: translate(10px, -10px) scale(2);  -o-transform: translate(10px, -10px) scale(2);  transform: translate(10px, -10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(15px, -30px) scale(2);  -moz-transform: translate(15px, -30px) scale(2);  -ms-transform: translate(15px, -30px) scale(2);  -o-transform: translate(15px, -30px) scale(2);  transform: translate(15px, -30px) scale(2);  opacity: 0;}
} @-moz-keyframes explode-up-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(5px, -5px) scale(2);  -moz-transform: translate(5px, -5px) scale(2);  -ms-transform: translate(5px, -5px) scale(2);  -o-transform: translate(5px, -5px) scale(2);  transform: translate(5px, -5px) scale(2);  opacity: 1;}
60% { -webkit-transform: translate(10px, -10px) scale(2);  -moz-transform: translate(10px, -10px) scale(2);  -ms-transform: translate(10px, -10px) scale(2);  -o-transform: translate(10px, -10px) scale(2);  transform: translate(10px, -10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(15px, -30px) scale(2);  -moz-transform: translate(15px, -30px) scale(2);  -ms-transform: translate(15px, -30px) scale(2);  -o-transform: translate(15px, -30px) scale(2);  transform: translate(15px, -30px) scale(2);  opacity: 0;}
} @-ms-keyframes explode-up-right {.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div 0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div 25% { -webkit-transform: translate(5px, -5px) scale(2);  -moz-transform: translate(5px, -5px) scale(2);  -ms-transform: translate(5px, -5px) scale(2);  -o-transform: translate(5px, -5px) scale(2);  transform: translate(5px, -5px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div 60% { -webkit-transform: translate(10px, -10px) scale(2);  -moz-transform: translate(10px, -10px) scale(2);  -ms-transform: translate(10px, -10px) scale(2);  -o-transform: translate(10px, -10px) scale(2);  transform: translate(10px, -10px) scale(2);  opacity: 1;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-price .top-confetti div 100% { -webkit-transform: translate(15px, -30px) scale(2);  -moz-transform: translate(15px, -30px) scale(2);  -ms-transform: translate(15px, -30px) scale(2);  -o-transform: translate(15px, -30px) scale(2);  transform: translate(15px, -30px) scale(2);  opacity: 0;}
} @-o-keyframes explode-up-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(5px, -5px) scale(2);  -moz-transform: translate(5px, -5px) scale(2);  -ms-transform: translate(5px, -5px) scale(2);  -o-transform: translate(5px, -5px) scale(2);  transform: translate(5px, -5px) scale(2);  opacity: 1;}
60% { -webkit-transform: translate(10px, -10px) scale(2);  -moz-transform: translate(10px, -10px) scale(2);  -ms-transform: translate(10px, -10px) scale(2);  -o-transform: translate(10px, -10px) scale(2);  transform: translate(10px, -10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(15px, -30px) scale(2);  -moz-transform: translate(15px, -30px) scale(2);  -ms-transform: translate(15px, -30px) scale(2);  -o-transform: translate(15px, -30px) scale(2);  transform: translate(15px, -30px) scale(2);  opacity: 0;}
} @keyframes explode-up-right {0% { -webkit-transform: translate(0px, 0px) scale(2);  -moz-transform: translate(0px, 0px) scale(2);  -ms-transform: translate(0px, 0px) scale(2);  -o-transform: translate(0px, 0px) scale(2);  transform: translate(0px, 0px) scale(2);  opacity: 1;}
25% { -webkit-transform: translate(5px, -5px) scale(2);  -moz-transform: translate(5px, -5px) scale(2);  -ms-transform: translate(5px, -5px) scale(2);  -o-transform: translate(5px, -5px) scale(2);  transform: translate(5px, -5px) scale(2);  opacity: 1;}
60% { -webkit-transform: translate(10px, -10px) scale(2);  -moz-transform: translate(10px, -10px) scale(2);  -ms-transform: translate(10px, -10px) scale(2);  -o-transform: translate(10px, -10px) scale(2);  transform: translate(10px, -10px) scale(2);  opacity: 1;}
100% { -webkit-transform: translate(15px, -30px) scale(2);  -moz-transform: translate(15px, -30px) scale(2);  -ms-transform: translate(15px, -30px) scale(2);  -o-transform: translate(15px, -30px) scale(2);  transform: translate(15px, -30px) scale(2);  opacity: 0;}
}  .page.page-plans .container-fluid.plans .plan-column .plan-details .plan-description { padding-bottom: 35px; font-family: "proxima-nova", Arial, sans-serif;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-description .pay-as-you-grow {font-weight: bold;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-description p {line-height: 1.25rem;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .plan-description p.separate-row { padding-top: 25px;}
 .page.page-plans .container-fluid.plans .plan-column .plan-details .photo-count { padding-bottom: 22px;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .photo-count .count {font-size: 36px; color: #2A5969;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .photo-count .photos-text {font-size: 30px; text-transform: uppercase;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .photo-count .gb-size > span {display: block; font-size: 15px; font-family: "proxima-nova", Arial, sans-serif;}
.page.page-plans .container-fluid.plans .plan-column .plan-details .photo-count .plan-data > span:not(:first-child) {display: none;}
.page.page-plans .container-fluid.plans .plan-column hr { margin: 25px auto;  width: 90%;  height: 4px;  background-color: #F7F9FA;}
.page.page-plans .container-fluid.plans .plan-column .plan-features { text-align: left;  font-family: "proxima-nova", Arial, sans-serif;  font-weight: bold;  padding: 0 32px;}
 .page.page-plans .container-fluid.plans .plan-column .plan-features svg { height: 21px; width: 21px;}
 .page.page-plans .container-fluid.plans .plan-column .plan-features ul { list-style-type: none;}
.page.page-plans .container-fluid.plans .plan-column .plan-features ul li {background: url(../svg/icon_checkbox_circle.svg) 0 0 no-repeat; background-size: 25px 25px; padding-left: 40px; padding-bottom: 10px;}
 .page.page-plans .container-fluid.plans .plan-column .plan-features .disabled { color: #B1BFC4; font-weight: normal; background: transparent;}
.page.page-plans .container-fluid.plans .plan-column .plan-slider { padding: 0 0 26px;  margin: auto;  width: 90%;}
 .page.page-plans .container-fluid.plans .plan-column .plan-slider .sp-range { position: relative;}
/* .page.page-plans .container-fluid.plans .plan-column .plan-slider .sp-range .sp-range-thumb {position: absolute; top: -17.5px; height: 35px; width: 35px; box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.25); background: #FFFFFF; border-radius: 35px;} */
.page.page-plans .container-fluid.plans .plan-column .plan-slider .sp-range .sp-range-thumb {position: absolute; top: -17.5px; height: 35px; width: 35px; background: #FFFFFF; border-radius: 35px;}
.page.page-plans .container-fluid.plans .plan-column .plan-slider .sp-range .sp-range-scale {width: 100%; margin: auto; height: 5px; border-radius: 5px; background: #BDC1CC;}
.page.page-plans .container-fluid.plans .plan-column .plan-slider .sp-range .sp-range-fill {position: absolute; top: 0px; left: 0px; width: 0%; height: 5px; border-radius: 5px; background: #a5c3d1;}
 .page.page-plans .container-fluid.plans .plan-column .plan-slider .range-labels { font-family: "proxima-nova", Arial, sans-serif; color: #bdc1cc; padding-top: 7px;}
.page.page-plans .container-fluid.plans .plan-column .plan-slider .range-labels span:not(:first-child) {padding-left: 16%;}
@media screen and (max-width: 767px) { .page.page-plans .container-fluid.plans .plan-column .plan-slider .range-labels span:not(:first-child) { padding-left: 4%;}
} .page.page-plans .container-fluid.plans .plan-column .plan-slider .range-labels span:last-child {float: right;}
.page.page-plans .container-fluid.plans .plan-column .plan-slider .range-labels span:first-child {visibility: hidden; float: left;}
.page.page-plans .container-fluid.plans .plan-switcher {background-color: #F7F9FA;}
@media screen and (max-width: 767px) { .page.page-plans .container-fluid.plans .plan-switcher { margin-bottom: 9px;}
} .page.page-plans .container-fluid.plans .plan-switcher .toggle { margin: 17px auto;  padding: 0;  display: inline-block;  background-color: #FFFFFF;  border-radius: 3px;  line-height: normal;}
 .page.page-plans .container-fluid.plans .plan-switcher .toggle li { width: 97px; display: inline-block; color: #BBC4C6; font-size: 0.8125rem; text-transform: uppercase; cursor: pointer;}
.page.page-plans .container-fluid.plans .plan-switcher .toggle li.selected {background-color: #a5c3d1; color: #FFFFFF; border-radius: 3px;}
.page.page-plans .container-fluid.plans .plan {padding: 0; padding-bottom: 1.875rem; text-align: center; float: left; width: 20%; border: 1px solid #F0F4F5; border-right: none; position: relative;}
.page.page-plans .container-fluid.plans .plan:last-child { border-right: 1px solid #F0F4F5;}
.page.page-plans .container-fluid.plans .plan.monthly .yearly { display: none;}
.page.page-plans .container-fluid.plans .plan.yearly .monthly { display: none;}
@media screen and (max-width: 767px) { .page.page-plans .container-fluid.plans .plan { padding: 0.9375rem 0; width: 100%; border-right: 1px solid #F0F4F5; border-bottom: 1px solid #F0F4F5; margin-bottom: 8px;}
} .page.page-plans .container-fluid.plans .plan h3 { display: block;  font-family: "proxima-nova", Arial, sans-serif;  font-weight: 400;  padding-top: 1.875rem;  padding-bottom: 1.875rem;}
 .page.page-plans .container-fluid.plans .plan h3 .label { display: block;}
 .page.page-plans .container-fluid.plans .plan h3 .up-to-storage { display: block; color: #BBC4C6; font-size: 0.875rem; text-transform: none;}
.page.page-plans .container-fluid.plans .plan .plan-price { display: block;  padding-top: 1.875rem;  padding-bottom: 3.75rem;  font-size: 1.125rem;  color: #BBC4C6;}
 .page.page-plans .container-fluid.plans .plan .plan-price .number { font-size: 3.5rem; line-height: 3.5rem; letter-spacing: -0.125rem; font-family: "brandon-grotesque", Arial, sans-serif; font-weight: 400; color: #788C91;}
 .page.page-plans .container-fluid.plans .plan .plan-price .period { color: #BBC4C6;}
 .page.page-plans .container-fluid.plans .plan .plan-price .save { display: block; width: 100%; font-size: 1rem;}
@media screen and (min-width: 768px) { .page.page-plans .container-fluid.plans .plan:not(.promoted) .btn-shootproof { color: #63808A; background-color: #FFFFFF; border: 1px solid #C7D2D6;}
.page.page-plans .container-fluid.plans .plan:not(.promoted) .btn-shootproof:hover {color: #FFFFFF; background-color: #B1BFC4; border-color: #B1BFC4;}
} @media screen and (max-width: 767px) { .page.page-plans .container-fluid.plans .plan .plan-details { width: 100%; position: relative; height: 6.25rem;}
 .page.page-plans .container-fluid.plans .plan h3 { position: absolute; bottom: 0; left: 0; width: 50%; padding: 0; padding-bottom: 1.25rem;}
 .page.page-plans .container-fluid.plans .plan .plan-price { position: absolute; bottom: 0; right: 0; width: 50%; padding: 0; padding-bottom: 1.25rem;}
.page.page-plans .container-fluid.plans .plan .plan-price .period {display: inline; width: auto;}
} .page.page-plans .container-fluid.plans .plan .btn-shootproof { width: calc(100% - 60px);  text-align: center;  padding-right: 0;  padding-left: 0;}
 @media screen and (max-width: 991px) { .page.page-plans .container-fluid.plans .plan .btn-shootproof {width: calc(100% - 30px); padding: 0.625rem 0;}
} .page.page-partners { text-align: center;  max-width: 1200px;  margin: 0 auto;  padding-top: 5.3125rem;}
 @media screen and (max-width: 991px) { .page.page-partners {padding-top: 2.5rem;}
}  .page.page-partners .partners { padding-top: 3.75rem; padding-bottom: 5.3125rem;}
@media screen and (max-width: 767px) {.page.page-partners .partners { padding-top: 2.5rem;}
} .page.page-partners .partners .partner img {max-height: 143px; margin: 0 auto;}
.page.page-partner-individual .hero { background-image: none;}
 .page.page-partner-individual .hero .feature-text { padding-bottom: 6.25rem;}
@media screen and (max-width: 767px) {.page.page-partner-individual .hero .feature-text { padding-bottom: 3.125rem;}
} .page.page-partner-individual .hero .feature-text p {font-size: 1.25rem; line-height: 2.1875rem;}
.page.page-partner-individual #about-shootproof { background-color: #F7F9FA;}
.page.page-partner-individual .hero .feature-text .partner-header, .page.page-lab-individual .hero .feature-text .partner-header { padding-bottom: 1.5625rem;}
 .page.page-partner-individual .hero .feature-text .partner-header .partner-header-cell, .page.page-lab-individual .hero .feature-text .partner-header .partner-header-cell { height: 107px; position: relative;}
@media screen and (max-width: 767px) {.page.page-partner-individual .hero .feature-text .partner-header .partner-header-cell.plus, .page.page-lab-individual .hero .feature-text .partner-header .partner-header-cell.plus { height: 60px;}
} .page.page-partner-individual .hero .feature-text .partner-header .partner-header-cell img, .page.page-partner-individual .hero .feature-text .partner-header .partner-header-cell svg.svg, .page.page-lab-individual .hero .feature-text .partner-header .partner-header-cell img, .page.page-lab-individual .hero .feature-text .partner-header .partner-header-cell svg.svg {position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.page.page-partner-individual .hero .feature-text .partner-header .partner-header-cell img.partner-logo, .page.page-lab-individual .hero .feature-text .partner-header .partner-header-cell img.partner-logo {width: 100%; max-width: 275px; height: auto; margin: 0 auto;}
.page.page-partner-individual .hero .feature-text .partner-header .partner-header-cell svg.plus-symbol, .page.page-lab-individual .hero .feature-text .partner-header .partner-header-cell svg.plus-symbol {height: 39px; width: 39px; margin: 0 auto; fill: #DAE1E3;}
@media screen and (min-width: 768px) { .page.page-partner-individual .hero .feature-text .partner-header .partner-header-cell svg.plus-symbol, .page.page-lab-individual .hero .feature-text .partner-header .partner-header-cell svg.plus-symbol { top: 40%; -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%);}
} .page.page-partner-individual .hero .feature-text .partner-header .partner-header-cell svg.shootproof-logo, .page.page-lab-individual .hero .feature-text .partner-header .partner-header-cell svg.shootproof-logo {width: 100%; max-width: 300px; height: 60px; margin: 0 auto; fill: #a5c3d1;}
.page.page-graphics .hero { background-image: none;}
 .page.page-graphics .hero .feature-text { padding-bottom: 5rem;}
.page.page-graphics #graphics { max-width: 1200px;  width: 100%;  margin: 0 auto;  padding-bottom: 3.75rem;}
 @media screen and (max-width: 767px) { .page.page-graphics #graphics .logos > div {padding-bottom: 3.75rem;}
.page.page-graphics #graphics .logos > div:last-child { padding-bottom: 0;}
}  .page.page-graphics #graphics p.label { padding-bottom: 0.625rem;}
 .page.page-graphics #graphics .logos { padding-bottom: 3.75rem;}
.page.page-graphics #graphics .logos ul li {font-weight: 600;}
.page.page-graphics .logo { text-align: center;  padding: 4.875rem 1.25rem 3.625rem;  margin-bottom: 0.625rem;}
 .page.page-graphics .logo svg { width: 100%; max-width: 340px; max-height: 66.8px;}
 .page.page-graphics .logo#blue-logo { background-color: #F7F9FA;}
.page.page-graphics .logo#blue-logo svg {fill: #a5c3d1;}
 .page.page-graphics .logo#white-logo { background-color: #2A5969;}
.page.page-graphics .logo#white-logo svg {fill: #FFFFFF;}
 .page.page-graphics .logo#dark-blue-logo { background-color: #DAE1E3;}
.page.page-graphics .logo#dark-blue-logo svg {fill: #2A5969;}
.page.page-signup { text-align: center;  margin: 0 auto;  padding: 0;  padding-bottom: 3.125rem;  margin-top: -100px;}
 @media screen and (min-width: 450px) { .page.page-signup {max-width: 22.25rem;}
}  @media screen and (max-width: 449px) { .page.page-signup {padding-right: 1.25rem; padding-left: 1.25rem;}
}  @media screen and (max-width: 991px) { .page.page-signup {margin-top: -67px;}
}  .page.page-signup .logo { padding-top: 1.5625rem;}
.page.page-signup .logo .shootproof-logo {fill: #a5c3d1; width: 163px; height: 33px;}
 .page.page-signup h2 { padding-bottom: 1.5625rem;}
 .page.page-signup p { padding-bottom: 1rem; line-height: 1.3125rem;}
.page.page-signup p.form-error {padding-bottom: 1.75rem;}
 .page.page-signup .btn-shootproof { margin: 2.1875rem 0 1.5625rem 0;}
 .page.page-signup .promo-code { text-align: center;}
.page.page-signup .promo-code label {font-size: 1rem; font-weight: 400; color: #788C91;}
.page.page-signup .promo-code ul, .page.page-signup .promo-code li {text-align: left;}
.page.page-signup .promo-code #promo_code {display: none;}
.page.page-signup .promo-code.has-error #promo_code {display: block;}
 .page.page-signup .g-recaptcha > div { margin: 0 auto;}
.page.page-demo { padding-top: 6.875rem;  text-align: center;}
 .page.page-demo .demos { max-width: 1200px;}
.page.page-demo .demos .demo-item {text-align: center; padding-bottom: 4.6875rem;}
.page.page-demo .demos .demo-item .demo-image { margin: 0 auto;  display: block;  padding-bottom: 1.5625rem;}
.page.page-demo .demos .demo-item h6 { padding-bottom: 0;}
.page.page-demo .demos .demo-item .label { color: #BBC4C6;}
 @media screen and (max-width: 991px) { .page.page-demo {padding-top: 5.3125rem;}
}  @media screen and (max-width: 1199px) { .page.page-demo .demos .row {padding: 0 1.25rem;}
.page.page-demo .demos .demo-item {padding-right: 1.25rem; padding-left: 1.25rem;}
}  @media screen and (max-width: 767px) { .page.page-demo .demos .demo-item {padding-bottom: 1.5625rem;}
} .page.page-legal { padding-top: 3.75rem;  padding-bottom: 3.75rem;}
 .page.page-legal h2 { line-height: 2.875rem;}
 .page.page-legal ol, .page.page-legal ul { margin-left: 2.5rem;}
.page.page-contact { text-align: center;  max-width: 1200px;  margin: 0 auto;  padding-top: 6.25rem;  padding-bottom: 6.25rem;}
 .page.page-contact .row { text-align: left;}
 @media screen and (max-width: 767px) { .page.page-contact {padding-top: 3.125rem;}
.page.page-contact .row { text-align: center;}
.page.page-contact h2 { font-size: 1.6875rem;}
}  .page.page-contact h2 { padding-bottom: 2.5rem;}
 .page.page-contact h6 { padding-bottom: 0;}
 .page.page-contact .form-error { margin-top: -1.25rem; padding-bottom: 2.5rem;}
 .page.page-contact .phone { font-family: "brandon-grotesque", Arial, sans-serif; font-size: 1.75rem;}
 .page.page-contact .btn-contact-submit { padding-right: 2.5rem; padding-left: 2.5rem; margin-top: 0.625rem;}
.page.page-careers { max-width: 1200px;  width: 100%;  margin: 0 auto;}
 .page.page-careers .row.careers-perks { padding: 3.75rem 0 6.875rem 0;}
@media screen and (max-width: 991px) {.page.page-careers .row.careers-perks { padding: 1.875rem 0 5rem 0;}
}  .page.page-careers .careers-perk { color: #2A5969; text-align: center;}
.page.page-careers .careers-perk p {font-size: 1rem; line-height: 1.3125rem; padding-bottom: 0;}
@media screen and (max-width: 991px) { .page.page-careers .careers-perk p { font-size: 0.875rem; line-height: 1.1875rem;}
} .page.page-careers .careers-perk .careers-icon {height: 100px; position: relative;}
.page.page-careers .careers-perk .careers-icon svg.svg { position: relative;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
.page.page-careers .careers-perk .careers-icon.careers-icon-401k svg { width: 68px;  height: 70px;}
 @media screen and (max-width: 767px) { .page.page-careers .careers-perk .careers-icon.careers-icon-401k svg {width: 54px; height: 56px;}
} .page.page-careers .careers-perk .careers-icon.careers-icon-snacks svg { width: 65px;  height: 62px;}
 @media screen and (max-width: 767px) { .page.page-careers .careers-perk .careers-icon.careers-icon-snacks svg {width: 56px; height: 53px;}
} .page.page-careers .careers-perk .careers-icon.careers-icon-insurance svg { width: 41px;  height: 58px;}
 @media screen and (max-width: 767px) { .page.page-careers .careers-perk .careers-icon.careers-icon-insurance svg {width: 35px; height: 51px;}
} .page.page-careers .careers-perk .careers-icon.careers-icon-vacation svg { width: 60px;  height: 47px;}
 @media screen and (max-width: 767px) { .page.page-careers .careers-perk .careers-icon.careers-icon-vacation svg {width: 51px; height: 40px;}
} .page.page-careers .careers-perk .careers-icon.careers-icon-vacation-bonus svg { width: 75px;  height: 70px;}
 @media screen and (max-width: 767px) { .page.page-careers .careers-perk .careers-icon.careers-icon-vacation-bonus svg {width: 60px; height: 56px;}
} .page.page-careers .careers-perk .careers-icon.careers-icon-car-washes svg { width: 66px;  height: 60px;}
 @media screen and (max-width: 767px) { .page.page-careers .careers-perk .careers-icon.careers-icon-car-washes svg {width: 54px; height: 49px;}
}  .page.page-careers .careers-positions { padding-bottom: 6.25rem;}
.page.page-careers .careers-positions .label {padding: 0;}
.page.page-careers .careers-positions hr {margin-top: 10px;}
.page.page-careers .careers-positions ul.list-inline li {width: 48%; font-family: "brandon-grotesque", Arial, sans-serif; font-size: 1.5rem; font-weight: 500; line-height: 2.125rem;}
@media screen and (max-width: 767px) { .page.page-careers .careers-positions ul.list-inline li { width: 100%;}
} .page.page-careers .careers-positions .careers-position {padding-top: 5rem;}
.page.page-careers .careers-positions .careers-position h6.label { padding-bottom: 1.25rem;}
.page.page-careers .careers-positions .careers-position ul li { list-style: none;  font-size: 0.9375rem;  line-height: 1.5625rem;  margin-left: 1.5rem;  text-indent: calc(1.5rem * -1);}
 .page.page-careers .careers-positions .careers-position ul li:before { content: "•  "; font-family: Arial, sans-serif; font-size: 1.6875rem; color: #DAE1E3; vertical-align: middle; line-height: 1.5625rem;}
.page.page-competitor-match { text-align: center;}
 .page.page-competitor-match p:last-child { padding: 0;}
 .page.page-competitor-match #competitor-match-steps,  .page.page-competitor-match #competitor-match-terms { max-width: 1200px;}
 .page.page-competitor-match .hero { color: #FFFFFF; background-image: none; background-color: #2A5969;}
.page.page-competitor-match .hero h2 {color: #FFFFFF;}
.page.page-competitor-match .hero .feature-text {padding-bottom: 5rem;}
@media screen and (max-width: 991px) {.page.page-competitor-match .hero .competitor-match-step { padding-bottom: 5rem;}
 .page.page-competitor-match .hero .competitor-match-step:last-child { padding-bottom: 0;}
} .page.page-competitor-match .hero .competitor-match-step .competitor-match-step-number {display: block; width: 2.5625rem; height: 2.5625rem; padding: 0.625rem; margin: 0 auto; border-radius: 50%; border: 2px solid #FFFFFF;}
.page.page-competitor-match .hero .competitor-match-step .competitor-match-icon {height: 175px; position: relative;}
.page.page-competitor-match .hero .competitor-match-step .competitor-match-icon svg.svg { fill: #FFFFFF;  position: relative;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
 .page.page-competitor-match .hero .competitor-match-step .competitor-match-icon svg.svg.competitor-match-icon-email { width: 165px; height: 70px;}
 .page.page-competitor-match .hero .competitor-match-step .competitor-match-icon svg.svg.competitor-match-icon-screenshot { width: 121px; height: 93px;}
 .page.page-competitor-match .hero .competitor-match-step .competitor-match-icon svg.svg.competitor-match-icon-credit { width: 156px; height: 85px;}
.page.page-competitor-match .hero #competitor-match-free-trial {padding: 6.25rem 0;}
.page.page-competitor-match .hero #competitor-match-free-trial .btn-shootproof { border: 1px solid #FFFFFF;}
 .page.page-competitor-match #competitor-match-terms { padding: 0; padding-top: 6.25rem;}
.page.page-home .browser { position: relative;}
.page.page-home .browser-desktop svg { max-width: 541px;  max-height: 346px;  width: 541px;  height: 346px;  border-radius: 2px;  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);}
.page.page-home .browser-mobile svg { max-width: 144px;  max-height: 280px;  width: 144px;  height: 280px;  border-radius: 11px;  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);}
.page.page-home #stunning-galleries.hero { background-image: none;  background-color: #F7F9FA;}
 .page.page-home #stunning-galleries.hero .feature-text { padding-top: 2.5rem; padding-bottom: 3.75rem;}
@media screen and (max-width: 767px) {.page.page-home #stunning-galleries.hero .feature-text { padding-bottom: 2.5rem;}
} .page.page-home #stunning-galleries.hero .feature-text h2 {color: #2A5969; font-weight: 400; padding-bottom: 1.5625rem;}
@media screen and (max-width: 767px) { .page.page-home #stunning-galleries.hero .feature-text h2 { font-size: 1.625rem; line-height: 2rem; padding-bottom: 2.1875rem;}
} .page.page-home #stunning-galleries.hero .feature-text a {font-weight: 500;}
 .page.page-home #stunning-galleries.hero #home-table { height: 418px; width: 100%; background-color: #E4F2FF; background-image: url("../images/homepage/hero-background-2.jpg"); background-position: center bottom; background-repeat: repeat-x;}
.page.page-home #stunning-galleries.hero #home-table #home-laptop {height: 418px; width: 100%; background-color: transparent; background-image: url("../images/homepage/hero-2.jpg"); background-position: center bottom; background-repeat: no-repeat;}
.page.page-home #stunning-galleries.hero #home-table #home-laptop.browser-desktop svg { box-shadow: none;  margin-top: 25px;  width: 490px;  height: 314px;}
@media screen and (max-width: 767px) {.page.page-home #stunning-galleries.hero #home-table { height: 220px;  background-size: auto 220px;}
 .page.page-home #stunning-galleries.hero #home-table #home-laptop { height: 220px; background-size: auto 220px;}
.page.page-home #stunning-galleries.hero #home-table #home-laptop.browser-desktop svg {margin-top: 13px; width: 260px; height: 167px;}
} .page.page-home #black-friday.hero { min-height: 560px;  width: 100%;  background-color: #000;  background-image: url("../images/homepage/black-friday.jpg");  background-position: center bottom;  background-repeat: no-repeat;  background-size: auto 600px;}
 @media screen and (max-width: 767px) { .page.page-home #black-friday.hero {min-height: 475px;}
}  .page.page-home #black-friday.hero .feature-text { padding-top: 1.25rem;}
.page.page-home #black-friday.hero .feature-text img.percent-off {max-width: 60%;}
@media screen and (max-width: 767px) {.page.page-home #black-friday.hero .feature-text { padding-top: 1.25rem;}
 .page.page-home #black-friday.hero .feature-text img.percent-off { max-width: 70%;}
} .page.page-home #black-friday.hero .feature-text h2 {color: #FFFFFF; font-weight: 600; text-transform: uppercase; font-size: 1.75rem; margin-top: 1.25rem; padding-bottom: 0;}
.page.page-home #black-friday.hero .feature-text h3 {color: #FFFFFF; font-weight: 400; font-size: 1.875rem;}
.page.page-home #black-friday.hero .feature-text a {font-weight: 500;}
.page.page-home #online-photo-proofing { margin-top: -150px;  padding-top: 150px;}
 @media screen and (max-width: 991px) { .page.page-home #online-photo-proofing {margin-top: -117px; padding-top: 117px;}
} .page.page-home .hero.home-galleries { background-image: none;  padding-bottom: 6.25rem;}
 .page.page-home .hero.home-galleries .feature-text { padding-top: 0;}
 .page.page-home .hero.home-galleries .browser { width: 541px; margin: 0 auto; padding: 0 2.5rem;}
.page.page-home .hero.home-galleries .browser .browser-desktop svg {margin-left: -110px;}
.page.page-home .hero.home-galleries .browser .browser-mobile svg {position: absolute; top: 80px; left: 445px;}
.page.page-home .detail.home-galleries { text-align: center;}
 .page.page-home .detail.home-galleries .detail-cell .browser { width: 541px; margin: 0 auto; padding: 0 2.5rem;}
.page.page-home .detail.home-galleries .detail-cell .browser .browser-desktop svg {margin-left: -110px;}
.page.page-home .detail.home-galleries .detail-cell .browser .browser-mobile svg {position: absolute; top: 80px; left: 445px;}
 @media screen and (max-width: 720px) { .page.page-home .detail.home-galleries .detail-cell .browser {width: 100%;}
.page.page-home .detail.home-galleries .detail-cell .browser .browser-desktop { width: 80%;  margin-left: 20px;}
 .page.page-home .detail.home-galleries .detail-cell .browser .browser-desktop svg { width: auto; height: auto; margin-left: 0;}
} @media screen and (max-width: 720px) and (-ms-high-contrast: none), screen and (max-width: 720px) and (-ms-high-contrast: active) {.page.page-home .detail.home-galleries .detail-cell .browser .browser-desktop svg { box-shadow: none;  height: 346px;}
}  @media screen and (max-width: 720px) {.page.page-home .detail.home-galleries .detail-cell .browser .browser-mobile { width: 20%;  position: absolute;  top: 23%;  right: 45px;}
 .page.page-home .detail.home-galleries .detail-cell .browser .browser-mobile svg { width: auto; height: auto; position: relative; top: 0; left: 0;}
} @media screen and (max-width: 720px) and (-ms-high-contrast: none), screen and (max-width: 720px) and (-ms-high-contrast: active) {.page.page-home .detail.home-galleries .detail-cell .browser .browser-mobile svg { box-shadow: none;  height: 280px;}
} .page.page-home .detail .detail-cell h2, .page.page-home .detail .detail-cell p, .page.page-home .hero .feature .feature-text h2, .page.page-home .hero .feature .feature-text p { padding-bottom: 0.625rem;}
.page.page-home .detail .detail-cell p:last-child, .page.page-home .hero .feature .feature-text p:last-child { padding-bottom: 0;}
.page.page-home .detail .detail-cell a, .page.page-home .hero .feature .feature-text a { font-weight: 600;}
.page.page-home .detail { margin: 0 auto;  padding: 3.125rem 0;}
 @media screen and (max-width: 767px) { .page.page-home .detail.home-galleries .detail-cell:last-child, .page.page-home .detail#home-sales .detail-cell:last-child {padding-top: 3.125rem;}
}  @media screen and (min-width: 768px) and (max-width: 991px) { .page.page-home .detail.home-galleries .detail-cell:last-child, .page.page-home .detail#home-sales .detail-cell:last-child {height: auto; padding-top: 6.25rem; margin-bottom: -6.25rem;}
}  @media screen and (max-width: 720px) { .page.page-home .detail#home-sales .detail-cell {padding: 0 2.5rem;}
.page.page-home .detail#home-sales .detail-cell .browser-desktop { width: 80%;  margin-left: 20px;}
 .page.page-home .detail#home-sales .detail-cell .browser-desktop svg { width: auto; height: auto;}
} @media screen and (max-width: 720px) and (-ms-high-contrast: none), screen and (max-width: 720px) and (-ms-high-contrast: active) {.page.page-home .detail#home-sales .detail-cell .browser-desktop svg { box-shadow: none;  height: 346px;}
}  @media screen and (max-width: 720px) {.page.page-home .detail#home-sales .detail-cell .browser-mobile { width: 20%;  position: absolute;  top: 28%;  right: 30px;}
 .page.page-home .detail#home-sales .detail-cell .browser-mobile svg { width: auto; height: auto;}
} @media screen and (max-width: 720px) and (-ms-high-contrast: none), screen and (max-width: 720px) and (-ms-high-contrast: active) {.page.page-home .detail#home-sales .detail-cell .browser-mobile svg { box-shadow: none;  height: 280px;}
}  @media screen and (min-width: 721px) and (max-width: 991px) { .page.page-home .detail#home-sales .browser {width: 541px; margin: 0 auto;}
.page.page-home .detail#home-sales .browser-desktop svg {margin-left: -40px;}
.page.page-home .detail#home-sales .browser-mobile svg {position: absolute; top: 105px; left: 435px;}
}  @media screen and (max-width: 991px) { .page.page-home .detail#home-sales {text-align: center;}
}  @media screen and (min-width: 992px) { .page.page-home .detail#home-sales .browser {position: static;}
.page.page-home .detail#home-sales .browser-desktop svg.svg {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-left: -20px;}
.page.page-home .detail#home-sales .browser-mobile svg {position: absolute; top: 33%; left: 451px;}
}  .page.page-home .detail#home-studio { padding-bottom: 0;}
@media screen and (max-width: 767px) {.page.page-home .detail#home-studio .detail-cell .detail-text { padding-top: 3.125rem;}
} .page.page-home .detail#home-studio .detail-cell .detail-image {padding: 0 1.25rem;}
.page.page-home .detail#home-studio .detail-cell .detail-image img { max-height: 357px;  width: auto;}
.page.page-home {}
.page.page-home p { font-size: 14px; margin-bottom: 10px;}
 @media only screen and (min-width: 768px) { .page.page-home p:not(:last-of-type) {padding-bottom: 0;}
} .page.page-home .browser { position: relative;}
.page.page-home .browser-desktop svg { max-width: 541px;  max-height: 346px;  width: 541px;  height: 346px;  border-radius: 2px;  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);}
.page.page-home .browser-mobile svg { max-width: 144px;  max-height: 280px;  width: 144px;  height: 280px;  border-radius: 11px;  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);}
.page.page-home #stunning-galleries.hero { background-color: #F7F9FA;  background-image: initial;}
 .page.page-home #stunning-galleries.hero .container { max-width: 1440px; background-image: url("../images/homepage/hero-sm.png"); background-position: center bottom; background-repeat: no-repeat; background-size: 100%;}
 #stunning-galleries.hero img {width:100%;}
/* .slider-feature { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; left: 0; margin: auto; position: absolute; right: 0; top: 38%; width:46%; padding:20px;
}*/
.page.page-home #stunning-galleries.hero {background: url(../images/slider.jpg) no-repeat center top / 100% auto; text-align: center;}
.slider-feature {background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; width:36%; padding:0; margin: 0 auto;}
.slider-feature h2 {font-size:30px; color:#fff; font-family: 'FuturaBT-Book'; line-height:40px;}
.slider-feature a.btn.btn-shootproof.navbar-btn {margin:20px 0 0 0;}
.page.page-home.home-page2 #stunning-galleries.hero {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding:0;}

.page.page-home.home-page2 .slider-feature {background:none; padding-bottom:40px;}
.page.page-home.home-page2 .slider-feature h2 {color: #242021;}
.page.page-home.home-page2 #homepage-features .homepage-icon { border-color: #6c7e88;
}

@media (min-width: 1200px) {.page.page-home #stunning-galleries.hero {padding: 14.5% 0px;}}
@media (max-width: 1199px) {.page.page-home #stunning-galleries.hero {padding: 13% 0px;}}
@media (max-width: 990px) {.page.page-home #stunning-galleries.hero {padding: 10% 0px;}.slider-feature {width: 55%;}}
@media (max-width: 850px) {.page.page-home #stunning-galleries.hero {padding: 8% 0px;}.slider-feature {width: 60%;}}
@media (max-width: 750px) {.slider-feature {width: 70%;} .slider-feature h2 {font-size: 25px;} .page #try-free.banner h2 {font-size: 25px;}}
@media (max-width: 640px) {body {padding-top: 100px;}.slider-feature {width: 70%;} .slider-feature h2 {font-size: 20px; line-height: 30px;}.page #try-free.banner h2 {line-height: 30px;}}
@media (max-width: 560px) {.slider-feature {width: 75%;} .slider-feature h2 {font-size: 17px; line-height: 25px; padding: 0;}}
@media (max-width: 480px) {.slider-feature {width: 80%; padding: 15px 15px 20px;} .slider-feature h2 {font-size: 15px; line-height: 20px;} .slider-feature a.btn.btn-shootproof.navbar-btn {padding: 7px 10px;}}
@media (max-width: 430px) {.slider-feature a.btn.btn-shootproof.navbar-btn {margin: 10px 0 0;}}
@media (max-width: 400px) {.page.page-home #stunning-galleries.hero {padding: 6% 0px;}}
@media (max-width: 360px) {.page.page-home #stunning-galleries.hero {padding: 4% 0px;} .slider-feature a.btn.btn-shootproof.navbar-btn {font-size: 13px;}}
@media (max-width: 345px) {.slider-feature {width: 90%;}}
@media (max-width: 330px) {.page.page-home #stunning-galleries.hero {padding: 3% 0px;}}


@media only screen and (min-width: 768px) {.page.page-home #stunning-galleries.hero .container { background-image: url("../images/homepage/hero-lg.jpg");  background-size: 1768px;}
} @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 2dppx) {.page.page-home #stunning-galleries.hero .container { background-image: url("../images/homepage/hero-lg@2x.jpg");  background-size: 1768px;}
}  .page.page-home #stunning-galleries.hero .feature-text { padding-top: 2.5rem; padding-bottom: 65%;}
@media only screen and (min-width: 768px) {.page.page-home #stunning-galleries.hero .feature-text { padding-bottom: 450px;}
} .page.page-home #stunning-galleries.hero .feature-text h2 {color: #2A5969; font-weight: 400; padding-bottom: 1.5625rem;}
@media screen and (max-width: 767px) { .page.page-home #stunning-galleries.hero .feature-text h2 { font-size: 1.625rem; line-height: 2rem; padding-bottom: 2.1875rem;}
} .page.page-home #stunning-galleries.hero .feature-text a {font-weight: 500;}
.page.page-home #stunning-galleries.hero .feature-text a.btn-explainer-video {display: none; font-family: "brandon-grotesque", Arial, sans-serif; font-size: 0.8125rem; line-height: 1.1875rem; text-transform: uppercase; letter-spacing: 0.10812rem; border-radius: 0.25rem; border: 1px solid #a5c3d1; padding: 0.875rem 2.5rem 0.6875rem 5rem; color: #a5c3d1; background-image: url("../images/homepage/hero-video-play.svg"); background-position: 40px center; background-repeat: no-repeat; background-size: 28px; background-color: transparent; margin-left: 20px;}
@media screen and (max-width: 767px) { .page.page-home #stunning-galleries.hero .feature-text a.btn-explainer-video { display: none !important;}
} .page.page-home #stunning-galleries.hero .feature-text a.btn-explainer-video:hover, .page.page-home #stunning-galleries.hero .feature-text a.btn-explainer-video:focus, .page.page-home #stunning-galleries.hero .feature-text a.btn-explainer-video:active { text-decoration: none;}
.page.page-home #stunning-galleries.hero .feature-text a.btn-explainer-video:focus { outline: thin dotted;}
.page.page-home #homepage-features { max-width: 1200px;  text-align: center;  padding-top: 2.5rem;  padding-bottom:0;}
 .page.page-home #homepage-features #homepage-icon-proofing .homepage-icon,  .page.page-home #homepage-features #homepage-icon-proofing .homepage-feature-copy { animation-delay: 100ms;}
 .page.page-home #homepage-features #homepage-icon-proofing svg { width: 60px; height: 64px;}
 .page.page-home #homepage-features #homepage-icon-personalized .homepage-icon,  .page.page-home #homepage-features #homepage-icon-personalized .homepage-feature-copy { animation-delay: 300ms;}
 .page.page-home #homepage-features #homepage-icon-personalized svg { width: 74px; height: 52px;}
 .page.page-home #homepage-features #homepage-icon-lock .homepage-icon,  .page.page-home #homepage-features #homepage-icon-lock .homepage-feature-copy { animation-delay: 500ms;}
 .page.page-home #homepage-features #homepage-icon-lock svg { width: 48px; height: 64px;}
 .page.page-home #homepage-features .homepage-feature h5 { font-size: 18px; line-height: 1.4; font-weight: 400; margin:10px 0 0 0;}
 .page.page-home #homepage-features .homepage-feature p { line-height: 1.7; font-weight:300;}
 .page.page-home #homepage-features .homepage-icon {width:120px; display:table; margin:auto; border-radius:50%; border:solid 2px #231f20; height: 120px; position: relative;}
 .homepage-icon-inner {display:table-cell; vertical-align:middle;}
.page.page-home #homepage-features .homepage-icon svg {fill: #2A5969; color: #2A5969; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.page.page-home #homepage-sales { background:url(../images/sign-option-bg.jpg) no-repeat 0 0 / cover;  text-align: center;  /*padding-top: 1.25rem; padding-top: 1.875rem;*/}
.page.page-home #homepage-sales.finance-wrap { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
 @media only screen and (min-width: 992px) { .page.page-home #homepage-sales {padding-top: 0; padding-bottom: 0; text-align: left;}
}  .page.page-home #homepage-sales h2 { line-height:24px;}
 .page.page-home #homepage-sales p { line-height: 24px;}
 .page.page-home #homepage-sales .container { position: relative;}
 .page.page-home #homepage-sales #sales-laptop { position: relative; width: 100%;/* padding-bottom: 58%;*/ background-image: url("../images/homepage/sales-macbook.png"); background-repeat: no-repeat; background-size: contain; background-position: center; animation-delay: 100ms; animation-duration: 500ms; animation-timing-function: ease-in-out; overflow: hidden;}
@media only screen and (min-width: 992px) {.page.page-home #homepage-sales #sales-laptop { width: 50%;  padding-bottom: 0;  right: 0; float:left; margin-left:0;}
.page.page-home #homepage-sales.finance-wrap #sales-laptop {float: right; margin:0;}
.page.page-home #homepage-sales.finance-wrap #sales-copy-container {left:15px; width:50%;}
}
} @media only screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 992px) and (min-resoltion: 2dppx) {.page.page-home #homepage-sales #sales-laptop { background-image: url("../images/homepage/sales-macbook@2x.png");}
} .page.page-home #homepage-sales #sales-laptop #sales-laptop-screen {position: absolute; top: 7%; left: 14.5%; width: 70.8%; height: 76%;}
@media only screen and (min-width: 992px) { .page.page-home #homepage-sales #sales-laptop #sales-laptop-screen { width: 70.5%;}
} .page.page-home #homepage-sales #sales-laptop #sales-laptop-screen-container {position: relative; width: 100%; height: 100%; overflow: hidden;}
.page.page-home #homepage-sales #sales-laptop #sales-scrim {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); animation-delay: 800ms; animation-duration: 500ms; animtion-timing-function: ease-in-out;}
.page.page-home #homepage-sales #sales-laptop #sales-drawer {position: absolute; top: 0; right: 0; height: 100%; animation-delay: 800ms; animation-duration: 500ms; animation-timing-function: ease-in-out;}
 .page.page-home #homepage-sales #sales-phone { position: relative; bottom: 0; right: 0; height: auto; animation-delay: 300ms; animation-duration: 500ms; animation-timing-function: ease-in-out;}
@media only screen and (min-width: 992px) {.page.page-home #homepage-sales #sales-phone { bottom:0;  right:0; width:100%;}
}  .page.page-home #homepage-sales #sales-copy-container { padding: 40px 0;}
.page.page-home #homepage-sales #sales-copy-container .sales-copy {animation-delay: 100ms; animation-duration: 500ms; animation-timing-function: ease-in-out; padding-left:0;}
.page.page-home #homepage-sales.finance-wrap #sales-copy-container .sales-copy {width:90%;}
.testimonial-wrap h2 { font-weight: 300;
}
@media only screen and (min-width: 992px) {.page.page-home #homepage-sales #sales-copy-container { position: absolute;  top: 50%;  right: 0;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
} .page.page-home #homepage-digital { background-color: #FFFFFF;  text-align: center;  padding-top: 1.25rem;  padding-top: 1.875rem;}
 @media only screen and (min-width: 992px) { .page.page-home #homepage-digital {padding-top: 3.75rem; padding-bottom: 5rem; text-align: left;}
}  .page.page-home #homepage-digital h2 { line-height: 48px;}
 .page.page-home #homepage-digital p { line-height: 24px;}
 .page.page-home #homepage-digital .container { position: relative;}
 .page.page-home #homepage-digital #digital-laptop { position: relative; width: 100%; padding-bottom: 58%; background-image: url("../images/homepage/digital-laptop.png"); background-repeat: no-repeat; background-size: contain; background-position: center; animation-timing-function: ease-in-out;}
@media only screen and (min-width: 992px) {.page.page-home #homepage-digital #digital-laptop { width: 125%;  padding-bottom: 72%;  left: 20%;}
} @media only screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 992px) and (min-resolution: 2dppx) {.page.page-home #homepage-digital #digital-laptop { background-image: url("../images/homepage/digital-laptop@2x.png");}
}  .page.page-home #homepage-digital #digital-phone { position: absolute; bottom: -10%; left: 2%; width: 23%; animation-timing-function: ease-in-out;}
@media only screen and (min-width: 992px) {.page.page-home #homepage-digital #digital-phone { bottom: -10%;  left: 20%;}
}  .page.page-home #homepage-digital #digital-copy-container { padding: 40px 0;}
.page.page-home #homepage-digital #digital-copy-container .digital-copy {animation-timing-function: ease-in-out;}
@media only screen and (min-width: 992px) {.page.page-home #homepage-digital #digital-copy-container {}
} .page.page-home #homepage-mobile-apps { background-color: #F7F9FA;  overflow: hidden;}
 .page.page-home #homepage-mobile-apps .homepage-mobile-apps-background { margin-left: -17px; margin-right: -18px; background-image: url("../images/homepage/mobile-apps.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center top; padding-bottom: 28%; margin-bottom: 2.5rem;}
@media only screen and (min-width: 1441px) {.page.page-home #homepage-mobile-apps .homepage-mobile-apps-background { background-image: url("../images/homepage/mobile-apps@2x.png");  margin-bottom: 0;}
}  .page.page-home #homepage-mobile-apps .homepage-mobile-apps-copy { text-align: center; padding-bottom: 2.5rem;}
@media only screen and (min-width: 768px) {.page.page-home #homepage-mobile-apps .homepage-mobile-apps-copy { padding-bottom: 5.625rem;}
} .page.page-home #homepage-printing { overflow: hidden;}
 .page.page-home #homepage-printing .homepage-printing-copy { margin-top: 2.5rem; text-align: center; animation-delay: 100ms;}
@media only screen and (min-width: 768px) {.page.page-home #homepage-printing .homepage-printing-copy { margin-top: 5rem;}
}  .page.page-home #homepage-printing .homepage-printing-background { position: relative; background-image: url("../images/homepage/printing-couch.jpg"); background-size: 100%; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 50%; animation-duration: 500ms; animation-timing-function: ease-in-out;}
@media only screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 992px) and (min-resolution: 2dppx) {.page.page-home #homepage-printing .homepage-printing-background { background-image: url("../images/homepage/printing-couch@2x.png");}
} .page.page-home #homepage-printing .homepage-printing-background .photo-container {position: absolute;}
.page.page-home #homepage-printing .homepage-printing-background .photo-container.photo-1 { width: 17%;  top: 23%;  left: 20%;}
 .page.page-home #homepage-printing .homepage-printing-background .photo-container.photo-1 .photo { background-image: url("../images/homepage/printing-photo-1.jpg"); padding-bottom: 73%;}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {.page.page-home #homepage-printing .homepage-printing-background .photo-container.photo-1 .photo { background-image: url("../images/homepage/printing-photo-1@2x.png");}
} .page.page-home #homepage-printing .homepage-printing-background .photo-container.photo-2 { width: 21%;  top: 12%;  left: 50%;  -webkit-transform: translateX(-50%);  -moz-transform: translateX(-50%);  -ms-transform: translateX(-50%);  -o-transform: translateX(-50%);  transform: translateX(-50%);}
 .page.page-home #homepage-printing .homepage-printing-background .photo-container.photo-2 .photo { background-image: url("../images/homepage/printing-photo-2.jpg"); padding-bottom: 136%;}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {.page.page-home #homepage-printing .homepage-printing-background .photo-container.photo-2 .photo { background-image: url("../images/homepage/printing-photo-2@2x.png");}
} .page.page-home #homepage-printing .homepage-printing-background .photo-container.photo-3 { width: 18%;  top: 30%;  right: 16%;}
 .page.page-home #homepage-printing .homepage-printing-background .photo-container.photo-3 .photo { background-image: url("../images/homepage/printing-photo-3.jpg"); padding-bottom: 68%;}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {.page.page-home #homepage-printing .homepage-printing-background .photo-container.photo-3 .photo { background-image: url("../images/homepage/printing-photo-3@2x.png");}
} .page.page-home #homepage-printing .homepage-printing-background .photo-container .photo { display: block;  animation-delay: 500ms;  animation-timing-function: ease-in-out;  width: 100%;  background-size: contain;  background-repeat: no-repeat;}
.page.page-home #homepage-invoices { background-color: #F7F9FA;  position: relative;  text-align: center;}
 @media only screen and (min-width: 992px) { .page.page-home #homepage-invoices {text-align: left;}
}  .page.page-home #homepage-invoices h3 { font-size: 16px; color: #74cbe8;}
 .page.page-home #homepage-invoices .row { position: relative;}
 .page.page-home #homepage-invoices .homepage-invoices-copy-container { margin-top: 2.5rem;}
@media only screen and (min-width: 992px) {.page.page-home #homepage-invoices .homepage-invoices-copy-container { margin-top: 0;  position: absolute;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
} .page.page-home #homepage-invoices .homepage-invoices-copy-container img {display: block; max-width: 90%; margin: 28px auto;}
@media only screen and (min-width: 992px) { .page.page-home #homepage-invoices .homepage-invoices-copy-container img { margin: 28px 0;}
}  @media only screen and (min-width: 992px) { .page.page-home #homepage-invoices .homepage-invoices-background-container {float: right;}
}  .page.page-home #homepage-invoices .homepage-invoices-background { width: 100%; max-width: 520px; margin: 0 auto; margin-top: 2.5rem; background-image: url("../images/homepage/invoices-invoice.png"); background-size: contain; background-position: top center; background-repeat: no-repeat; padding-bottom: 63%;}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {.page.page-home #homepage-invoices .homepage-invoices-background { background-image: url("../images/homepage/invoices-invoice@2x.png");}
} @media only screen and (min-width: 992px) {.page.page-home #homepage-invoices .homepage-invoices-background { margin-top: 5rem;}
} .page.page-home #homepage-contracts { text-align: center;}
 @media only screen and (min-width: 768px) { .page.page-home #homepage-contracts {text-align: left;}
}  @media only screen and (min-width: 992px) { .page.page-home #homepage-contracts {background-image: url("../images/homepage/contracts-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat;}
}  .page.page-home #homepage-contracts .row { position: relative;}
 .page.page-home #homepage-contracts .homepage-contracts-background { margin-top: 2.5rem; max-height: 70vh; overflow: hidden;}
.page.page-home #homepage-contracts .homepage-contracts-background img {width: 100%;}
 .page.page-home #homepage-contracts h3 { color: #74cbe8; font-size: 16px; font-weight: bold;}
 .page.page-home #homepage-contracts .homepage-contracts-copy-container { margin-top: 2.5rem;}
@media only screen and (min-width: 768px) {.page.page-home #homepage-contracts .homepage-contracts-copy-container { margin-top: 0;  position: absolute;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
} .page.page-home #homepage-testimonials {background: url(../images/testimonial_bg.jpg) no-repeat center top / 100% 100%; min-height: 505px; text-align: center; padding-top: 40px;}
 .page.page-home #homepage-testimonials .container-fluid { max-width: 1200px;}
 .page.page-home #homepage-testimonials .quotation-mark { margin: 10px 0px 20px 0px;}
@media only screen and (min-width: 992px) {.page.page-home #homepage-testimonials .quotation-mark { margin: 30px 0px 40px 0px;}
} .page.page-home #homepage-testimonials .quotation-mark svg {height: 46px; width: 37px; fill: #DFE7E8;}
.page.page-home #homepage-testimonials .quotation .headshot {border-radius: 50%; height: 150px; width: 150px; margin-bottom: 1.25rem;}
.quotation {margin-top:30px;}
.page.page-home #homepage-testimonials .quotation h6 {padding: 0;}
.page.page-home #homepage-testimonials .quotation .label {padding-bottom: 1.25rem;}
 .page.page-home #homepage-testimonials .city-scape svg { width: 100%;}
.page.page-home .hero.home-galleries { background-image: none;  padding-bottom: 6.25rem;}
 .page.page-home .hero.home-galleries .feature-text { padding-top: 0;}
 .page.page-home .hero.home-galleries .browser { width: 541px; margin: 0 auto; padding: 0 2.5rem;}
.page.page-home .hero.home-galleries .browser .browser-desktop svg {margin-left: -110px;}
.page.page-home .hero.home-galleries .browser .browser-mobile svg {position: absolute; top: 80px; left: 445px;}
.page.page-home .detail.home-galleries { text-align: center;}
 .page.page-home .detail.home-galleries .detail-cell .browser { width: 541px; margin: 0 auto; padding: 0 2.5rem;}
.page.page-home .detail.home-galleries .detail-cell .browser .browser-desktop svg {margin-left: -110px;}
.page.page-home .detail.home-galleries .detail-cell .browser .browser-mobile svg {position: absolute; top: 80px; left: 445px;}
 @media screen and (max-width: 720px) { .page.page-home .detail.home-galleries .detail-cell .browser {width: 100%;}
.page.page-home .detail.home-galleries .detail-cell .browser .browser-desktop { width: 80%;  margin-left: 20px;}
 .page.page-home .detail.home-galleries .detail-cell .browser .browser-desktop svg { width: auto; height: auto; margin-left: 0;}
} @media screen and (max-width: 720px) and (-ms-high-contrast: none), screen and (max-width: 720px) and (-ms-high-contrast: active) {.page.page-home .detail.home-galleries .detail-cell .browser .browser-desktop svg { box-shadow: none;  height: 346px;}
}  @media screen and (max-width: 720px) {.page.page-home .detail.home-galleries .detail-cell .browser .browser-mobile { width: 20%;  position: absolute;  top: 23%;  right: 45px;}
 .page.page-home .detail.home-galleries .detail-cell .browser .browser-mobile svg { width: auto; height: auto; position: relative; top: 0; left: 0;}
} @media screen and (max-width: 720px) and (-ms-high-contrast: none), screen and (max-width: 720px) and (-ms-high-contrast: active) {.page.page-home .detail.home-galleries .detail-cell .browser .browser-mobile svg { box-shadow: none;  height: 280px;}
} .page.page-home .detail .detail-cell h2, .page.page-home .detail .detail-cell p, .page.page-home .hero .feature .feature-text h2, .page.page-home .hero .feature .feature-text p { padding-bottom: 0.625rem;}
.page.page-home .detail .detail-cell p:last-child, .page.page-home .hero .feature .feature-text p:last-child { padding-bottom: 0;}
.page.page-home .detail .detail-cell a, .page.page-home .hero .feature .feature-text a { font-weight: 600;}
.page.page-home .detail { margin: 0 auto;  padding: 3.125rem 0;}
 @media screen and (max-width: 767px) { .page.page-home .detail.home-galleries .detail-cell:last-child, .page.page-home .detail#home-sales .detail-cell:last-child {padding-top: 3.125rem;}
}  @media screen and (min-width: 768px) and (max-width: 991px) { .page.page-home .detail.home-galleries .detail-cell:last-child, .page.page-home .detail#home-sales .detail-cell:last-child {height: auto; padding-top: 6.25rem; margin-bottom: -6.25rem;}
}  @media screen and (max-width: 720px) { .page.page-home .detail#home-sales .detail-cell {padding: 0 2.5rem;}
.page.page-home .detail#home-sales .detail-cell .browser-desktop { width: 80%;  margin-left: 20px;}
 .page.page-home .detail#home-sales .detail-cell .browser-desktop svg { width: auto; height: auto;}
} @media screen and (max-width: 720px) and (-ms-high-contrast: none), screen and (max-width: 720px) and (-ms-high-contrast: active) {.page.page-home .detail#home-sales .detail-cell .browser-desktop svg { box-shadow: none;  height: 346px;}
}  @media screen and (max-width: 720px) {.page.page-home .detail#home-sales .detail-cell .browser-mobile { width: 20%;  position: absolute;  top: 28%;  right: 30px;}
 .page.page-home .detail#home-sales .detail-cell .browser-mobile svg { width: auto; height: auto;}
} @media screen and (max-width: 720px) and (-ms-high-contrast: none), screen and (max-width: 720px) and (-ms-high-contrast: active) {.page.page-home .detail#home-sales .detail-cell .browser-mobile svg { box-shadow: none;  height: 280px;}
}  @media screen and (min-width: 721px) and (max-width: 991px) { .page.page-home .detail#home-sales .browser {width: 541px; margin: 0 auto;}
.page.page-home .detail#home-sales .browser-desktop svg {margin-left: -40px;}
.page.page-home .detail#home-sales .browser-mobile svg {position: absolute; top: 105px; left: 435px;}
}  @media screen and (max-width: 991px) { .page.page-home .detail#home-sales {text-align: center;} .page.page-home #homepage-sales.finance-wrap #sales-copy-container .sales-copy {width: 100%;}
}  @media screen and (min-width: 992px) { .page.page-home .detail#home-sales .browser {position: static;}
.page.page-home .detail#home-sales .browser-desktop svg {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-left: -20px;}
.page.page-home .detail#home-sales .browser-mobile svg {position: absolute; top: 33%; left: 451px;}
}  .page.page-home .detail#home-studio { padding-bottom: 0;}
@media screen and (max-width: 767px) {.page.page-home .detail#home-studio .detail-cell .detail-text { padding-top: 3.125rem;}
} .page.page-home .detail#home-studio .detail-cell .detail-image {padding: 0 1.25rem;}
.page.page-home .detail#home-studio .detail-cell .detail-image img { max-height: 357px;  width: auto;}
.page.page-home #videoModalClose { background-image: url(../images/homepage/video-icon-close.svg);  background-repeat: no-repeat;  background-position: center;  position: absolute;  padding: 10px;  z-index: 2000;  top: 20px;  right: 20px;}
.page.page-home .modal-header { display: none;}
.page.page-home .modal-body { padding-bottom: 56.25%;}
.page.page-home .modal-body iframe { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  border: none;}
.page-mobileapps .hero {overflow: hidden;}
.page-mobileapps .hero .feature .row { position: relative;}
.page-mobileapps .hero .feature .feature-text { text-align: center;}
 @media screen and (min-width: 767px) { .page-mobileapps .hero .feature .feature-text {position: absolute; top: 50%; transform: translateY(-50%); right: 0; text-align: left; padding-top: 0; padding-bottom: 0;}
}  .page-mobileapps .hero .feature .feature-text h2 { font-size: 48px;}
@media screen and (min-width: 767px) {.page-mobileapps .hero .feature .feature-text h2 { font-size: 2.25rem;}
}  .page-mobileapps .hero .feature .feature-text p { font-size: 24px; line-height: 1.4; padding-bottom: 2.5rem;}
@media screen and (min-width: 767px) {.page-mobileapps .hero .feature .feature-text p { font-size: 14px;  line-height: 1.7;}
}  .page-mobileapps .hero .feature .feature-text #sms-mobile-app-demo-form { display: none;}
 .page-mobileapps .hero .feature .feature-text .form-group { width: 100%;}
@media screen and (min-width: 767px) {.page-mobileapps .hero .feature .feature-text .form-group { width: initial;}
} .page-mobileapps .hero .feature .feature-text .form-group input {margin-bottom: 12px;}
.page-mobileapps .hero .feature .feature-text .form-group a {font-size: 14px;}
 .page-mobileapps .hero .feature .feature-text #emailMobileAppDemoBtn,  .page-mobileapps .hero .feature .feature-text #smsMobileAppDemoBtn { display: block; width: 100%;}
@media screen and (min-width: 767px) {.page-mobileapps .hero .feature .feature-text #emailMobileAppDemoBtn, .page-mobileapps .hero .feature .feature-text #smsMobileAppDemoBtn { display: inline-block;  width: initial;}
} .page-mobileapps .hero .feature .feature-hero-container { position: relative;  padding: 45px 0;  padding-bottom: 110%;}
 .page-mobileapps .hero .feature .feature-hero-container .feature-hero { display: inline-block; position: absolute; max-width: 50%; opacity: 0; animation-duration: 400ms; animation-timing-function: ease-in-out; animation-fill-mode: both;}
 .page-mobileapps .hero .feature .feature-hero-container #feature-hero-1 { left: 0; animation-delay: 200ms; z-index: 1;}
 .page-mobileapps .hero .feature .feature-hero-container #feature-hero-2 { left: 25%; animation-delay: 100ms; z-index: 2;}
 .page-mobileapps .hero .feature .feature-hero-container #feature-hero-3 { right: 0px; z-index: 3;}
.page-mobileapps #mobileapp-hero h2 {opacity: 0; animation-duration: 400ms; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 400ms;}
.page-mobileapps #mobileapp-hero p {opacity: 0; animation-duration: 400ms; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 400ms;}
.page-mobileapps #mobileapp-features {max-width: 1200px; text-align: center; padding-top: 3.125rem; padding-bottom: 3.125rem;}
.page-mobileapps #mobileapp-features .mobileapp-feature h5 { font-size: 36px;  line-height: 1.3;  font-weight: normal;}
 @media screen and (min-width: 767px) { .page-mobileapps #mobileapp-features .mobileapp-feature h5 {font-size: 22px; line-height: 1.4; font-weight: bold;}
} .page-mobileapps #mobileapp-features .mobileapp-feature p { font-size: 24px;  line-height: 1.4;}
 @media screen and (min-width: 767px) { .page-mobileapps #mobileapp-features .mobileapp-feature p {font-size: 14px; line-height: 1.7;}
} @media screen and (min-width: 767px) {.page-mobileapps #mobileapp-brand { padding-top: 3.125rem;}
} .page-mobileapps #mobileapp-brand img {opacity: 0;}
.page-mobileapps #mobileapp-brand .feature-text .animated {opacity: 0;}
.page-mobileapps .mobileapp-icon {height: 94px; position: relative;}
.page-mobileapps .mobileapp-icon svg { fill: #2A5969;  position: relative;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
 .page-mobileapps .mobileapp-icon svg.mobileapp-icon-phone { width: 64px; height: 89px;}
@media screen and (min-width: 767px) {.page-mobileapps .mobileapp-icon svg.mobileapp-icon-phone { width: 46px;  height: 63px;}
}  .page-mobileapps .mobileapp-icon svg.mobileapp-icon-personalized { width: 88px; height: 62px; color: #2A5969;}
@media screen and (min-width: 767px) {.page-mobileapps .mobileapp-icon svg.mobileapp-icon-personalized { width: 63px;  height: 46px;}
}  .page-mobileapps .mobileapp-icon svg.mobileapp-icon-link { width: 71px; height: 71px; color: #2A5969;}
@media screen and (min-width: 767px) {.page-mobileapps .mobileapp-icon svg.mobileapp-icon-link { width: 46px;  height: 46px;}
}  .page-mobileapps .mobileapp-icon svg.mobileapp-icon-contact { width: 87px; height: 72px;}
@media screen and (min-width: 767px) {.page-mobileapps .mobileapp-icon svg.mobileapp-icon-contact { width: 62px;  height: 51px;}
}

.clear {clear: both;}
.inner-pages.led-main-inner {padding-bottom: 0;}
.prod-img-content .prod-img-left {float: left;margin: 0 3% 0 0;width: 47%;}
.prod-img-content  .prod-cont-right {float: right;width: 50%;margin-top: 3%;}
.prod-cont-right.prd-left2 {	margin-top: 0.8%;}
.prod-cont-right h2 {font-size: 24px;font-weight: 500;line-height: 34px;text-transform: capitalize;}
.main-led-sign {position: relative;margin: 60px 0;}
.main-led-sign.top {margin: 0 0 60px 0;}
.main-led-sign  .led-cont {left: 4%;padding: 25px;position: absolute;top: 8%;max-width: 403px;}
.main-led-sign .led-cont.led-cont-right {  right: 40px;  left: inherit;}
.main-led-sign  .led-cont h3 {color: #ffffff !important;font-size: 29px;line-height: 35px;}
.main-led-sign  .led-cont p{color:#FFF;padding: 0;}
.main-led-sign .led-cont p a {color: #ffffff;font-weight: bold;}
.main-led-sign .led-cont p a:hover {  text-decoration: underline;}
.led-lists {margin: 0 0 50px;}
.led-lists > ul {padding: 0 0 0 21px;}
.led-lists > p {padding: 0;}
.led-lists > h2 {text-transform: capitalize;}
.led-lists ul li {font-size: 14px;}
.gallery-slider {background: rgba(0, 0, 0, 0) linear-gradient(-136deg, #f9fbfd 2%, #f3f3f3 100%) repeat scroll 0 0;margin: 60px 0 0;padding:30px 0 140px;display:block;position:relative;}
.gallery-slider .amazingslider-bullet-image-1 {
  height: 72px !important;
  width: 132px !important;
}
.gallery-slider .amazingslider-arrow-left-1{}
.gallery-slider h2 {max-width: 1145px;margin: 0 auto;padding: 0 0 10px 0;}
.gallery-slider .pgwSlideshow {margin: 0 auto;max-width: 1142px;background: #ffffff;}
.gallery-slider .pgwSlideshow .ps-list {background: #ffffff none repeat scroll 0 0;border: 0 none;box-shadow: none;}
.gallery-slider .pgwSlideshow .ps-list .ps-prev{padding: 6px 11px 6px 6px;top: 39px;}
.gallery-slider .pgwSlideshow .ps-list .ps-next {padding: 6px 6px 6px 11px;top: 39px;}
.gallery-slider .pgwSlideshow .ps-current .ps-prev{padding: 10px 10px 10px 6px;}
.gallery-slider .pgwSlideshow .ps-current .ps-next{padding: 10px 6px 10px 10px;}
.gallery-slider .pgwSlideshow .ps-caption {color: #000;font-family: "FuturaBT-Book";font-size: 20px;background: rgba(207, 207, 207, 0.5) none repeat scroll 0 0;letter-spacing: 1px;}
.prod-head.container {padding-bottom: 15px;}
.prod-head.container h4 {font-family: "FuturaBT-Book";font-size: 32px;font-weight: normal;text-align: center;}
.prod-head.container > p {font-size: 15px;font-weight: 500;margin: 0 auto;max-width: 540px;text-align: center;}
.gallery-slider  .pgwSlideshow .ps-list li .ps-item.ps-selected {border:4px solid #a5c3d1;}
#amazingslider-wrapper-1 {
  max-width: 1142px;
  margin: 0 auto;
  width: 100%;
}
.amazingslider-box-1 {
  background: white;
  border: 0 !important;
	margin-left: 0 !important;
}
.amazingslider-box-1 > div:nth-child(3) {
  opacity: 0 !important;
}
.gallery-slider .amazingslider-text-1 {
  background: rgba(207, 207, 207, 0.5) none repeat scroll 0 0;
}
.gallery-slider .amazingslider-title-1 {
  color: #000000;
  font-family: "FuturaBT-Book";
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 1px;
}

.gallery-slider .amazingslider-nav-thumbnail-tite-1 {
  display: none;
}
.gallery-slider  .amazingslider-arrow-right-1 {
  right: 18px  !important;
}
.main-case-studies {padding: 60px 18px 20px;}
.case-left {	float: left;	width: 280px;margin: 0 30px 0 0;}
.case-right {display: table;}
.case-right h4 {
	font-family: 'FuturaBT-Book';
	margin: 0 0 4px 0;
	font-size: 24px;
}
.case-right h5 {
	font-size: 16px;
}
.case-right p{padding:0;}
.case-right a {
	background: #a5c3d1;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 15px;
	border-radius: 5px;
	letter-spacing: 0.6px;
}
.case-studies {
	margin-bottom: 40px;
}
.page.page-home p {
	font-size: 14px;
	margin-bottom: 10px;
}
.col-sm-5.service-form {
	padding: 0;
}
.inner-pages .main-documents.container ul.lists-documents {
	padding-left: 0;
}
.inner-pages .main-documents.container ul.lists-documents li:nth-child(2n-1) {margin-left: 0;}
.service-form .form-group input[type="date"] {font-size: 17px;color: #6b7f8a;}
.prod-img-content2 {padding: 60px 0 20px 0;}
.prod-cont-left {float: left;width: 50%;}
.prod-cont-left > h2 {text-transform: capitalize;}
.prod-img-right {float: right;width: 47%;text-align: right;margin-left: 3%;}
.page-navigations{text-align:right;margin-top: -65px;float: right;}
.page-navigations a{position: relative;}
.page-navigations .next {margin: 0 0 0 9px;}
@media (max-width: 767px) {
	.prod-img-right {
		float: left;
		text-align: left;
		margin-left: 0;
	}
}
@media (max-width: 670px) {
	.page-navigations {
		margin-top: -25px;
		margin-bottom: 10px;
	}

}
.main-testimonials p strong {
	font-size: 14px;
	display: block;
}

.led-list-right > img {
  float: right;
  margin: 0 0 20px 25px;
}
.led-list-left h2 {
	text-transform: capitalize;
	line-height: 28px;
}
.led-main-inner .main-testimonials {
	margin: 30px auto 0;
}
.team-inner {
  margin: 0 0 35px;
}
.team-left {
  float: left;
  margin: 0 34px 0 0;
}
.team-right {
  display: table;
}
.team-right a {
  color: #6b7f8a;
  display: block;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 20px 0 0;
}
.team-right h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
}
.team-inner .team-right > p {
  margin: 0 0 15px;
  padding: 0;
}
.prod-cont-right.produ-rith-top {
  margin-top: 0;
}
.container .balu-sign-image img {
  width: 450px !important;
}
.page.page-home .animated.balu-sign-image.spFadeInRight {
   margin: 45px 0;
}
@media screen and (max-width: 1023px) {
.main-led-sign .led-cont { left: 0;max-width: 100%;padding: 20px 0 0;position: relative;background:none;}
.main-led-sign .led-cont h3{color:#6b7f8a !important;}
.main-led-sign .led-cont p, .main-led-sign .led-cont p a{color:#6b7f8a;}
.gallery-slider{padding: 30px 15px 140px;}
.product-lisitng-row .product-thumb-wrap {
  width: 32%;
}
.main-led-sign .led-cont.led-cont-right {
  right: 0;
}
}
@media screen and (max-width: 767px) {
.pgwSlideshow .ps-current > ul > li img {height: 250px;}
.prod-img-content .prod-img-left{width:100%;}
.prod-img-content .prod-cont-right{width:100%;}
.lists-documents li{margin: 5px 0;}
.case-left {	width: 100%;margin: 0 0 20px 0;float:none;text-align:center;}
.case-right h4{font-size: 20px;}
.case-right h5 {font-size: 14px;}
.led-lists .led-list-left {width: 100%;}
.led-lists .led-list-right {width: 100%; text-align:center;}
.led-list-right {text-align: center;width: 100%;}
.led-list-right > img { float: none; margin: 0 0 20px 0; text-align: center;}
.navbar-brand.navbar-shootproof-logo img {max-width: 160px;}
.prod-cont-left {
  width: 100%;
}
.prod-img-right {
  width: 100%;
  padding: 0;
}
.product-lisitng-row .product-thumb-wrap {
  width: 100%;
}
.navbar-shootproof-footer-column.col-xs-6.col-sm-3.col-md-3 {
  width: 100%;
}
.flex-container .flexslider .slides img {
  margin: 0 0 20px 0;
}
.flex-container .flexslider .slides .inner-box {
  clear: both;
  display: block;
  margin: 0 0 0 -18px;
}
.team-left {
  float: none;
  width: 100%;
}
.team-right {
  margin: 20px 0 0;
  width: 100%;
}

}
.explore-led-signs {
	padding: 20px 0;
	background: #a5c3d1;
}
.explore-led-signs h2 {
	margin: 0;
	padding: 0;
}
.explore-led-signs h2 a {
	color: #fff;
}
.site-locator {
	padding: 20px 0;
}
.developed-by {
	float: right;
	color: #ccc;
	padding: 0 10px;
	position: absolute;
	right: 30px;
	font-size: 12px;
}
.developed-by a {
	color: #ccc;
}
.developed-by a:hover {
	color: #1c84a7;
}
@media(max-width: 768px) {
	.developed-by {
		width: 100%;
		display: block;
		padding: 7px 0;
		position: static;
	}
}

.offer-title {
	font-size: 20px;
	margin-bottom: 12px;
	line-height: 22px;
}
.product-lisitng-row h5.offer-sub-title {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 25px;
}
input {
    -webkit-appearance: none;
}
.topSpace {
	padding-top: 60px;
}
@media (max-width: 767px) {
	p, ul, ol {
		line-height: 1.40rem;
		padding-bottom: 0.7rem;
	}
	.main-led-sign {
		margin: 10px 0;
	}
	.prod-img-content2 {
		padding: 10px 0;
	}
	.topSpace {
		padding-top: 10px;
	}
}

.pnf {
	padding: 50px 0;
	text-align: center;
}
.pnf .title {
	font-size: 200px;
	font-weight: 300;
}
.pnf .sub-title {
	font-size: 50px;
	line-height: 60px;
	font-weight: 300;
}
.thanks-page {
	padding: 50px 0;
	text-align: center;
}
.thanks-page .title {
	font-size: 200px;
	font-weight: 300;
}
.thanks-page .title .icon {
	width: 100%;
	max-width: 140px;
}
.thanks-page .sub-title {
	font-size: 50px;
	line-height: 60px;
	font-weight: 300;
}

.main-videos .video h4 {
	font-family: 'FuturaBT-Book';
	margin: 0 0 6px 0;
	font-size: 22px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.select2-container .select2-selection--single {
	height: 35px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 34px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-bottom: 5px;
	background-color: #a5c3d1;
	border: 1px solid #79aec7;
	color: #2c3941;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #728c97;
	margin-right: 4px;
}

#submitSurvey, #formMsg {
  line-height: 25px;
}
#submitSurvey img,
#formMsg img {
  float: left;
  margin-right: 10px;
  width: 25px;
}

#progress-div {
	width: 100%;
	padding: 1px;
	border: 1px #f2f2f2 solid;
	border-radius: 3px;
	text-align: center;
	display: none;
}
#progress-bar {
  background-color: #468847;
  width: 0%;
  height: 25px;
	line-height: 25px;
  border-radius: 3px;
}
#progress-bar.active {
	color: #fff;
}
#progress-bar.danger {
	background-color: #ed1c24;
	color: #fff;
}
#progress-status {
  text-align: center;
}

.navbar-fixed-top .btn-getStarted {
	margin-top: 1.7rem;
	visibility: inherit;
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
}
nav.navbar.navbar-shootproof ul.nav.navbar-nav li a.btn-getStarted:hover {
	text-decoration: none;
	background-color: #48bbe1;
}
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
	background-color: #a5c3d1;
	border-color: #a5c3d1;
}
.cbp-l-filters-alignRight .cbp-filter-counter {
	background-color: #a5c3d1;
}
.cbp-l-filters-alignRight .cbp-filter-counter::after {
	border-top-color: #a5c3d1;
}

.advance_survey_btn {
	position: relative;
}
.advance_survey_btn:hover {
	outline: unset;
}
.advance_survey_btn::after {
	content: '\f054';
	font-family: "Fontawesome";
	position: absolute;
	right: -17px;
	top: 3px;
	transition: transform 300ms ease-in-out;
}
.advance_survey_btn.active::after {
	transform: rotate(90deg);
}

.advance_survey {
	opacity: 0;
	overflow: hidden;
	height: 0;
	transition: all 500ms ease-in-out;
}
.advance_survey.active {
	opacity: 1;
	height: auto;
	overflow: auto;
}

.testimonials-wrapper {
	padding: 40px 10px;
	margin-bottom: 20px;
	background: #f7f6fb;
}
.testimonials-wrapper > .testimonial {
	text-align: center;
	padding: 10px;
}
.testimonials-wrapper > .testimonial > .headshot {
	width: 150px;
	border-radius: 100%;
}
.testimonials-wrapper > .testimonial > h6 {
	margin: 5px 0 0 0;
}
.testimonials-wrapper > .testimonial > p {
	text-align: justify;
}
@media (min-width: 767px) {
	.testimonials-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.testimonials-wrapper > .testimonial {
		flex: 50%;
	}
}
@media (min-width: 1100px) {
.cbp-item.videos{width:1311px !important;}
}