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;}
a {background-color: transparent;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: .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: -.5em;}
sub {bottom: -.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: .35em .625em .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: 14px;line-height: 1.42857143;color: #333;background-color: #fff;}
input, button, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a {color: #337ab7;text-decoration: none;}
a:hover, a:focus {color: #23527c;text-decoration: underline;}
a:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
figure {margin: 0;}
img {vertical-align: middle;}
.img-responsive {display: block;max-width: 100%;height: auto;}
.img-rounded {border-radius: 6px;}
.img-thumbnail {padding: 4px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;display: inline-block;max-width: 100%;height: auto;}
.img-circle {border-radius: 50%;}
hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}
.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: #777;}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 20px;margin-bottom: 10px;}
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: 10px;margin-bottom: 10px;}
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: 36px;}
h2, .h2 {font-size: 30px;}
h3, .h3 {font-size: 24px;}
h4, .h4 {font-size: 18px;}
h5, .h5 {font-size: 14px;}
h6, .h6 {font-size: 12px;}
p {margin: 0 0 10px;}
.lead {margin-bottom: 20px;font-size: 16px;font-weight: 300;line-height: 1.4;}
@media (min-width: 768px) {.lead {font-size: 21px;}}
small, .small {font-size: 85%;}
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: #777;}
.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: 9px;margin: 40px 0 20px;border-bottom: 1px solid #eee;}
ul, ol {margin-top: 0;margin-bottom: 10px;}
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: 20px;}
dt, dd {line-height: 1.42857143;}
dt {font-weight: bold;}
dd {margin-left: 0;}
@media (min-width: 768px) {.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 #777;}
.initialism {font-size: 90%;text-transform: uppercase;}
blockquote {padding: 10px 20px;margin: 0 0 20px;font-size: 17.5px;border-left: 5px solid #eee;}
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: #777;}
blockquote footer:before, blockquote small:before, blockquote .small:before {content: "— ";}
.blockquote-reverse, blockquote.pull-right {padding-right: 15px;padding-left: 0;border-right: 5px solid #eee;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: " —";}
address {margin-bottom: 20px;font-style: normal;line-height: 1.42857143;}
.container {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}
@media (min-width: 768px) {.container {width: 750px;}}
@media (min-width: 992px) {.container {width: 970px;}}
@media (min-width: 1200px) {.container {width: 1170px;}}
.container-fluid {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}
.row {margin-left: -15px;margin-right: -15px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.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%;}}
.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 {content: " ";display: table;}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after {clear: both;}
.center-block {display: block;margin-left: auto;margin-right: auto;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.hide {display: none !important;}
.show {display: block !important;}
.invisible {visibility: hidden;}
.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;}}
@font-face {
font-family: 'PTM55F';
src: url('/assets/fonts/PTM55F.eot');
src: local('☺'), url('/assets/fonts/PTM55F.woff') format('woff'), url('/assets/fonts/PTM55F.ttf') format('truetype'), url('/assets/fonts/PTM55F.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PTM75F';
src: url('/assets/fonts/PTM75F.eot');
src: local('☺'), url('/assets/fonts/PTM75F.woff') format('woff'), url('/assets/fonts/PTM75F.ttf') format('truetype'), url('/assets/fonts/PTM75F.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PTS75F';
src: url('/assets/fonts/PTS75F.eot');
src: local('☺'), url('/assets/fonts/PTS75F.woff') format('woff'), url('/assets/fonts/PTS75F.ttf') format('truetype'), url('/assets/fonts/PTS75F.svg') format('svg');
font-weight: normal;
font-style: normal;
}
html
{
position:relative;
height:100%;
}
body {
margin:0;
padding:0;
font-size:16px;
line-height:28px;
font-family: 'PTM55F';
position:relative;
height:100%;
}
.container {
max-width: 1170px;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4
{
font-family:'PTM75F';
font-weight:normal;
}
a
{
color:#00bdd3;
}
.invert a{
color:#00e1ef;
}
.fader{
opacity:0;
}
.bg_img{
position:fixed;
left:0;
right:0;
top:0;
bottom:0;
background:url(/assets/img/bg.jpg) no-repeat right;
background-size:cover;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.bg_img:after{
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background:rgba(0,0,0,.5);
}
.bg_lines
{
position:fixed;
left:100px;
right:100px;
top:0;
bottom:0;
border-left:1px solid #f2f2f2;
-webkit-transition: -webkit-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-moz-transition: -moz-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-ms-transition: -ms-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-o-transition: -o-transform 1600ms cubic-bezier(.16,.55,.15,.99);
transition: transform 1600ms cubic-bezier(.16,.55,.15,.99);
}
.invert .bg_lines{
opacity:0.2;
}
.bg_lines .line
{
position:relative;
float:left;
width:1px;
height:100%;
background:#f2f2f2;
margin:0 -1px 0 25%;
-webkit-transition: -webkit-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-moz-transition: -moz-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-ms-transition: -ms-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-o-transition: -o-transform 1600ms cubic-bezier(.16,.55,.15,.99);
transition: transform 1600ms cubic-bezier(.16,.55,.15,.99);
}
.bg_lines.shift{
-moz-transform: translateX(100px);
-webkit-transform: translateX(100px);
-o-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
.line:nth-child(1).shift{
-moz-transform: translateX(100px);
-webkit-transform: translateX(100px);
-o-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
.line:nth-child(2).shift{
-moz-transform: translateX(200px);
-webkit-transform: translateX(200px);
-o-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px);
}
.line:nth-child(3).shift{
-moz-transform: translateX(300px);
-webkit-transform: translateX(300px);
-o-transform: translateX(300px);
-ms-transform: translateX(300px);
transform: translateX(300px);
}
.line:nth-child(4).shift{
-moz-transform: translateX(400px);
-webkit-transform: translateX(400px);
-o-transform: translateX(400px);
-ms-transform: translateX(400px);
transform: translateX(400px);
}
.main
{
position:relative;
height:100%;
margin:0 100px;
padding:105px 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.label_text
{
font-family: 'PTS75F';
font-size:14px;
line-height:21px;
color:#999;
letter-spacing:2px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.invert .label_text{
color:#fff;
}
.logo_bk
{
position:relative;
display:inline-block;
-webkit-transition: -webkit-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-moz-transition: -moz-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-ms-transition: -ms-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-o-transition: -o-transform 1600ms cubic-bezier(.16,.55,.15,.99);
transition: transform 1600ms cubic-bezier(.16,.55,.15,.99);
}
.logo_bk.shift{
-moz-transform: translateX(10px);
-webkit-transform: translateX(10px);
-o-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.logo_bk svg
{
position:relative;
height:38px;
}
.logo_text
{
position:relative;
display:block;
padding:18px 0 0 0;
-webkit-transition: -webkit-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-moz-transition: -moz-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-ms-transition: -ms-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-o-transition: -o-transform 1600ms cubic-bezier(.16,.55,.15,.99);
transition: transform 1600ms cubic-bezier(.16,.55,.15,.99);
}
.logo_text.shift{
-moz-transform: translateX(20px);
-webkit-transform: translateX(20px);
-o-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
.nav_col{
padding: 0;
}
.nav
{
position:relative;
display:block;
padding:21px 0 0 0;
}
.nav li
{
position:relative;
display:inline-block;
vertical-align:top;
padding:0 30px 21px 0;
-webkit-transition: -webkit-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-moz-transition: -moz-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-ms-transition: -ms-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-o-transition: -o-transform 1600ms cubic-bezier(.16,.55,.15,.99);
transition: transform 1600ms cubic-bezier(.16,.55,.15,.99);
}
.nav li:nth-child(1).shift{
-moz-transform: translateX(20px);
-webkit-transform: translateX(20px);
-o-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
.nav li:nth-child(2).shift{
-moz-transform: translateX(40px);
-webkit-transform: translateX(40px);
-o-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
}
.nav li a
{
position:relative;
display:block;
padding:0;
color:#00bdd3;
font-family: 'PTS75F';
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
z-index:1;
}
.nav li a:before{
position:absolute;
display:block;
content:'';
height:8px;
background:rgba(0,240,255,0.7);
bottom:4px;
margin:0 auto;
left:-2.5%;
width:0;
z-index:-1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.invert .nav li a{
color:#00e1ef;
}
.invert .nav li a:before{
background:rgba(0,240,255,0.5);
}
.nav li a:hover
{
background:none;
color:#000;
text-decoration:none;
}
.invert .nav li a:hover, .invert .nav .active a
{
color:#fff;
}
.nav li a:hover:before, .nav .active a:before
{
width:105%;
}
.lcd
{
position:relative;
font-family: 'PTM75F';
font-size:54px;
line-height:84px;
color:#00bdd3;
text-transform:uppercase;
letter-spacing:10px;
z-index:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-webkit-transition: -webkit-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-moz-transition: -moz-transform 1600ms cubic-bezier(.16,.55,.15,.99), -moz-opacity 1600ms cubic-bezier(.16,.55,.15,.99);
-ms-transition: -ms-transform 1600ms cubic-bezier(.16,.55,.15,.99), -ms-filter 1600ms cubic-bezier(.16,.55,.15,.99);
-o-transition: -o-transform 1600ms cubic-bezier(.16,.55,.15,.99);
transition: transform 1600ms cubic-bezier(.16,.55,.15,.99), opacity 1600ms cubic-bezier(.16,.55,.15,.99);
}
.lcd.shift{
-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.invert .lcd{
color:#00e1ef;
}
.lcd:before
{
content:"";
position:relative;
display:block;
height:9px;
width:55px;
background:#00bdd3;
margin:33px 0 42px;
}
.invert .lcd:before{
background:#00e1ef;
}
.lcd:after
{
content:"";
position:absolute;
display:block;
left:-42px;
top:93px;
bottom:-36px;
width:360px;
background:#f5f5f5;
z-index:-1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.invert .lcd:after{
background:rgba(0,0,0,0);
border:10px solid rgba(0,0,0, .3);
}
.we_make
{
position:relative;
font-size:24px;
line-height:42px;
text-transform:uppercase;
font-family: 'PTS75F';
letter-spacing:2px;
color:#000;
padding:54px 21px 0 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-webkit-transition: -webkit-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-moz-transition: -moz-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-ms-transition: -ms-transform 1600ms cubic-bezier(.16,.55,.15,.99);
-o-transition: -o-transform 1600ms cubic-bezier(.16,.55,.15,.99);
transition: transform 1600ms cubic-bezier(.16,.55,.15,.99);
}
.we_make.shift{
-moz-transform: translateY(60px);
-webkit-transform: translateY(60px);
-o-transform: translateY(60px);
-ms-transform: translateY(60px);
transform: translateY(60px);
}
.invert .we_make{
color:#fff;
}
.gp_col
{
padding:314px 0 0;
-webkit-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-moz-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-ms-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-o-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
}
.share_col
{
-webkit-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-moz-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-ms-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-o-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
}
.gp_col.shift{
-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.gp_link
{
position:relative;
display:inline-block;
}
.gp_link img
{
position:relative;
display:block;
height:38px;
}
.supported
{
position:relative;
padding:28px 0 91px;
-webkit-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-moz-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-ms-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-o-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
}
.supported svg
{
position:relative;
float:left;
height:40px;
margin:0 15px 0 0;
fill:#D8D8D8;
}
.supported.shift{
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.collaboration
{
position:relative;
display:inline;
font-family: 'PTM55F';
font-size:24px;
line-height:42px;
background:#000;
color:#fff;
}
.share_col.shift{
-moz-transform: translateX(40px);
-webkit-transform: translateX(40px);
-o-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.share
{
padding:105px 0 0;
width:46px;
float:right;
}
.share a
{
position:relative;
display:inline-block;
width:35px;
margin:27px 0 0 0;
text-align:center;
}
.share a svg
{
position:relative;
display:inline-block;
height:100%;
fill:#D8D8D8;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.invert .share a svg{
fill:rgba(255,255,255, .6)
}
.share a:hover svg
{
fill:#00bdd3;
}
.fb{
height:24px;
}
.tw{
height:20px;
}
.gp{
height:26px;
}
.contact
{
position:relative;
margin:280px 0 0;
height:200px;
width:100%;
float:left;
-webkit-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-moz-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-ms-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-o-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
}
.contact.shift{
-moz-transform: translateX(40px);
-webkit-transform: translateX(40px);
-o-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
}
.contact .label_text
{
position:absolute;
display:block;
right:-60px;
transform: rotate(-90deg) ;
-webkit-transform: rotate(-90deg) ;
-moz-transform: rotate(-90deg) ;
-o-transform: rotate(-90deg) ;
-ms-transform: rotate(-90deg) ;
}
.bottom_row
{
position:absolute;
bottom:0;
left:0;
right:0;
}
.copyright{
padding:21px 15px;
min-width:200px;
-webkit-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-moz-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-ms-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
-o-transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
transition: all 1600ms cubic-bezier(.16,.55,.15,.99);
}
.copyright:after{
content:"";
position:absolute;
bottom:0;
right:-12px;
height:25px;
border-right:5px solid #00bdd3;
}
.invert .copyright:after{
border-color:#00e1ef;
}
.copyright.shift{
-moz-transform: translateX(-40px);
-webkit-transform: translateX(-40px);
-o-transform: translateX(-40px);
-ms-transform: translateX(-40px);
transform: translateX(-40px);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.with_love
{
position:relative;
margin:280px 0 0;
float:left;
text-align:left;
}
.with_love .label_text
{
position:relative;
display:block;
width:100%;
height:100px;
transform: rotate(-90deg) ;
-webkit-transform: rotate(-90deg) ;
-moz-transform: rotate(-90deg) ;
-o-transform: rotate(-90deg) ;
-ms-transform: rotate(-90deg) ;
}
.hidden_block{
display:none;
}
.top_img{
position:relative;
height:auto;
}
.top_img .bg_img{
position:absolute;
background-attachment:fixed;
}
.block_title{
position:relative;
padding:84px 24px;
background:#fff;
text-align:center;
font-family: 'PTM75F';
font-size:24px;
line-height:42px;
text-transform:uppercase;
letter-spacing:2px;
color:#00e1ef;
}
.img_block{
position:relative;
padding:84px 48px;
background-repeat:no-repeat;
background-position:top;
background-size:cover;
background-attachment:fixed;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
color:#fff;
overflow:hidden;
}
.img_block:before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background:rgba(0,0,0,.5);
}
.img_block .container{
position:relative;
}
.mock_row{
position:absolute;
left:0;
right:0;
min-width:500px;
}
.mock img{
position:relative;
display:block;
width:100%;
min-width:280px;
margin:0;
}
.mock_right .mock img{
float:right;
}
.text_row{
min-width:500px;
}
.text_block{
position:relative;
padding:84px 0;
}
.text_block ul{
position:relative;
display:block;
padding:63px 0 0;
list-style-type:none;
font-family: 'PTS75F';
font-size:18px;
letter-spacing:1px;
}
.text_block ul li{
position:relative;
display:block;
padding:0 0 21px 40px;
}
li svg{
width:20px;
position:absolute;
left:0;
top:7px;
}
.get_it{
position:relative;
padding:84px 24px;
background:#fff;
text-align:center;
}
.get_it .label_text {
color: #999;
}
::selection {
background: #00e1ef;
}
::-moz-selection {
background: #00e1ef;
}
.main div::selection, .block_title div::selection {
background: #000;
}
.main div::-moz-selection, .block_title div::-moz-selection {
background: #000;
}
.gp_btn{
position:relative;
display:inline-block;
padding:14px 50px;
border:1px solid rgba(255,255,255, .3);
background:rgba(255,255,255, 0);
border-radius:5px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.gp_btn:hover{
background:rgba(255,255,255, .3);
border:1px solid rgba(255,255,255, 0);
}
.gp_btn img{
position:relative;
display:block;
width:130px;
}
.app_footer{
position:relative;
padding:42px 0;
background:#222;
color:#fff;
}
/*-------------------------------------*/
/*-------------------------------------*/
/*-------------------------------------*/
/*-------------------------------------*/
/*-------------------------------------*/
@media(max-height:960px){
.main{
padding:63px 0 0;
}
}
@media(max-height:920px){
.lcd {
font-size: 48px;
line-height: 63px;
letter-spacing: 6px;
}
.we_make {
font-size: 20px;
line-height: 35px;
}
.gp_col {
padding: 215px 0 0;
}
.lcd:before {
margin: 33px 0 36px;
}
.lcd:after {
top: 72px;
}
.share {
padding: 0;
}
}
@media(max-height:820px){
.gp_col {
padding: 100px 0 0;
}
.supported{
padding-bottom:70px;
}
.contact {
margin: 180px 0 0;
}
}
@media(max-height:720px){
.bottom_row{
position:relative;
}
}
@media(max-width:1280px){
.main{
margin:0 80px;
}
.bg_lines {
left: 80px;
right: 80px;
}
.lcd {
font-size: 48px;
line-height: 63px;
letter-spacing: 6px;
}
.we_make {
font-size: 20px;
line-height: 35px;
}
.gp_col {
padding: 215px 0 0;
}
.lcd:before {
margin: 33px 0 36px;
}
.lcd:after {
top: 72px;
}
}
@media(max-width:1200px){
.main{
margin:0 60px;
}
.bg_lines {
left: 60px;
right: 60px;
}
.love_col{
width:8.33333333333%;
}
.lcd_col{
width:41.6666666666%;
}
.with_love .label_text {
width: 200px;
height: 42px;
left: -80px;
}
.copyright:after{
display:none;
}
.text_col{
width:62%;
}
}
@media(max-width:1024px){
.main{
margin:0 40px;
}
.bg_lines {
left: 40px;
right: 40px;
}
.with_love .label_text {
left: -120px;
}
}
@media(max-width:900px){
.lcd {
font-size: 36px;
line-height: 48px;
letter-spacing: 4px;
}
.we_make {
font-size: 16px;
line-height: 24px;
padding: 32px 21px 0 0;
}
.gp_col {
padding: 136px 0 0;
}
.supported {
padding: 34px 0 0;
}
.lcd:before {
margin: 33px 0 36px;
height:7px;
width:36px;
}
.lcd:after {
top: 64px;
width:240px;
}
.supported{
padding-bottom:61px;
}
.collaboration {
font-size: 18px;
line-height: 30px;
}
/*
.text_col{
width:60%;
}*/
.text_block{
padding:0;
}
}
@media(max-width:720px){
.love_col {
position:absolute;
z-index:100;
}
.share_col{
position:absolute;
top:0;
right:0;
z-index:10;
}
.lcd_col{
width:100%;
padding:0 0 0 14.66666%;
}
.gp_col{
width:100%;
padding: 76px 0 0 14.66666%;
}
.lcd
{
font-size:54px;
line-height:84px;
}
.lcd:before
{
height:9px;
width:55px;
margin:33px 0 42px;
}
.lcd:after
{
left:-42px;
top:93px;
bottom:-36px;
width:360px;
}
.we_make
{
font-size:24px;
line-height:42px;
letter-spacing:2px;
padding:54px 90px 0 0;
}
.collaboration {
font-size: 24px;
line-height: 42px;
}
.bottom_row{
position:relative;
}
.img_block {
padding: 84px 24px;
}
.text_block{
padding: 0;
}
}
@media(max-width:640px){
.share_col{
top:190px;
}
.lcd {
font-size: 48px;
line-height: 63px;
letter-spacing: 6px;
}
.we_make {
font-size: 20px;
line-height: 35px;
}
.lcd:before {
margin: 33px 0 36px;
}
.lcd:after {
top: 72px;
}
.line:nth-child(1), .line:nth-child(3){
opacity:0;
}
}
@media(max-width:550px){
.main {
padding: 42px 0;
}
.lcd {
font-size: 36px;
line-height: 48px;
letter-spacing: 4px;
}
.we_make {
font-size: 16px;
line-height: 24px;
}
.lcd:before {
margin: 33px 0 36px;
height:7px;
width:36px;
}
.lcd:after {
top: 64px;
width:240px;
}
.collaboration {
font-size: 18px;
line-height: 30px;
}
.nav li a{
font-size:11px;
}
.logo_bk svg{
height:24px;
}
}
@media(max-width:440px){
.logo_col{
width:100%;
}
.nav_col{
width:100%;
padding:42px 75px 0 15px;
}
.love_col{
padding-top:400px;
}
.with_love .label_text{
font-size:10px;
line-height:14px;
}
.lcd_col {
padding:0 15px;
}
.gp_col {
padding: 76px 15px 0 15px;
}
.share_col{
position:relative;
width:100%;
top:0;
}
.share{
float:none;
width:100%;
text-align:left;
padding:42px 0 0;
}
.share br{
display:none;
}
.share a{
margin:0 5px;
vertical-align:middle;
}
.contact{
float:none;
margin:21px 0;
height:auto;
}
.contact .label_text {
position: relative;
right: 0;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
.top_img .bg_img{
position:fixed;
}
.mock_row{
position:relative;
min-width: 0;
}
.mock{
width:100%;
}
.mock img, .mock_right .mock img{
width:200px;
margin:0 auto;
float:none;
margin-bottom:40px;
}
.text_row {
min-width: 0;
}
.text_col{
width:100%;
}
}