article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
a {
background: transparent;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
input {
line-height: normal;
}
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;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333333;
background-color: #ffffff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #428bca;
text-decoration: none;
}
a:hover,
a:focus {
color: #2a6496;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
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.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-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: 20px;
margin-bottom: 20px;
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;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:before,
.container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.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.66666666666666%;
}
.col-xs-10 {
width: 83.33333333333334%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666666666666%;
}
.col-xs-7 {
width: 58.333333333333336%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666666666667%;
}
.col-xs-4 {
width: 33.33333333333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.666666666666664%;
}
.col-xs-1 {
width: 8.333333333333332%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666666666666%;
}
.col-xs-pull-10 {
right: 83.33333333333334%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666666666666%;
}
.col-xs-pull-7 {
right: 58.333333333333336%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666666666667%;
}
.col-xs-pull-4 {
right: 33.33333333333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.666666666666664%;
}
.col-xs-pull-1 {
right: 8.333333333333332%;
}
.col-xs-pull-0 {
right: 0%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666666666666%;
}
.col-xs-push-10 {
left: 83.33333333333334%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666666666666%;
}
.col-xs-push-7 {
left: 58.333333333333336%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666666666667%;
}
.col-xs-push-4 {
left: 33.33333333333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.666666666666664%;
}
.col-xs-push-1 {
left: 8.333333333333332%;
}
.col-xs-push-0 {
left: 0%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666666666666%;
}
.col-xs-offset-10 {
margin-left: 83.33333333333334%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666666666666%;
}
.col-xs-offset-7 {
margin-left: 58.333333333333336%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666666666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.666666666666664%;
}
.col-xs-offset-1 {
margin-left: 8.333333333333332%;
}
.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.66666666666666%;
}
.col-sm-10 {
width: 83.33333333333334%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666666666666%;
}
.col-sm-7 {
width: 58.333333333333336%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666666666667%;
}
.col-sm-4 {
width: 33.33333333333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.666666666666664%;
}
.col-sm-1 {
width: 8.333333333333332%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666666666666%;
}
.col-sm-pull-10 {
right: 83.33333333333334%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666666666666%;
}
.col-sm-pull-7 {
right: 58.333333333333336%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666666666667%;
}
.col-sm-pull-4 {
right: 33.33333333333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.666666666666664%;
}
.col-sm-pull-1 {
right: 8.333333333333332%;
}
.col-sm-pull-0 {
right: 0%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666666666666%;
}
.col-sm-push-10 {
left: 83.33333333333334%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666666666666%;
}
.col-sm-push-7 {
left: 58.333333333333336%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666666666667%;
}
.col-sm-push-4 {
left: 33.33333333333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.666666666666664%;
}
.col-sm-push-1 {
left: 8.333333333333332%;
}
.col-sm-push-0 {
left: 0%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666666666666%;
}
.col-sm-offset-10 {
margin-left: 83.33333333333334%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666666666666%;
}
.col-sm-offset-7 {
margin-left: 58.333333333333336%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666666666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.666666666666664%;
}
.col-sm-offset-1 {
margin-left: 8.333333333333332%;
}
.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.66666666666666%;
}
.col-md-10 {
width: 83.33333333333334%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666666666666%;
}
.col-md-7 {
width: 58.333333333333336%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666666666667%;
}
.col-md-4 {
width: 33.33333333333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.666666666666664%;
}
.col-md-1 {
width: 8.333333333333332%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666666666666%;
}
.col-md-pull-10 {
right: 83.33333333333334%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666666666666%;
}
.col-md-pull-7 {
right: 58.333333333333336%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666666666667%;
}
.col-md-pull-4 {
right: 33.33333333333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.666666666666664%;
}
.col-md-pull-1 {
right: 8.333333333333332%;
}
.col-md-pull-0 {
right: 0%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666666666666%;
}
.col-md-push-10 {
left: 83.33333333333334%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666666666666%;
}
.col-md-push-7 {
left: 58.333333333333336%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666666666667%;
}
.col-md-push-4 {
left: 33.33333333333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.666666666666664%;
}
.col-md-push-1 {
left: 8.333333333333332%;
}
.col-md-push-0 {
left: 0%;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666666666666%;
}
.col-md-offset-10 {
margin-left: 83.33333333333334%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666666666666%;
}
.col-md-offset-7 {
margin-left: 58.333333333333336%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666666666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.666666666666664%;
}
.col-md-offset-1 {
margin-left: 8.333333333333332%;
}
.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.66666666666666%;
}
.col-lg-10 {
width: 83.33333333333334%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666666666666%;
}
.col-lg-7 {
width: 58.333333333333336%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666666666667%;
}
.col-lg-4 {
width: 33.33333333333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.666666666666664%;
}
.col-lg-1 {
width: 8.333333333333332%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666666666666%;
}
.col-lg-pull-10 {
right: 83.33333333333334%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666666666666%;
}
.col-lg-pull-7 {
right: 58.333333333333336%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666666666667%;
}
.col-lg-pull-4 {
right: 33.33333333333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.666666666666664%;
}
.col-lg-pull-1 {
right: 8.333333333333332%;
}
.col-lg-pull-0 {
right: 0%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666666666666%;
}
.col-lg-push-10 {
left: 83.33333333333334%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666666666666%;
}
.col-lg-push-7 {
left: 58.333333333333336%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666666666667%;
}
.col-lg-push-4 {
left: 33.33333333333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.666666666666664%;
}
.col-lg-push-1 {
left: 8.333333333333332%;
}
.col-lg-push-0 {
left: 0%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666666666666%;
}
.col-lg-offset-10 {
margin-left: 83.33333333333334%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666666666666%;
}
.col-lg-offset-7 {
margin-left: 58.333333333333336%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666666666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.666666666666664%;
}
.col-lg-offset-1 {
margin-left: 8.333333333333332%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-xs.visible-sm {
display: block !important;
}
table.visible-xs.visible-sm {
display: table;
}
tr.visible-xs.visible-sm {
display: table-row !important;
}
th.visible-xs.visible-sm,
td.visible-xs.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-xs.visible-md {
display: block !important;
}
table.visible-xs.visible-md {
display: table;
}
tr.visible-xs.visible-md {
display: table-row !important;
}
th.visible-xs.visible-md,
td.visible-xs.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-xs.visible-lg {
display: block !important;
}
table.visible-xs.visible-lg {
display: table;
}
tr.visible-xs.visible-lg {
display: table-row !important;
}
th.visible-xs.visible-lg,
td.visible-xs.visible-lg {
display: table-cell !important;
}
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
display: none !important;
}
@media (max-width: 767px) {
.visible-sm.visible-xs {
display: block !important;
}
table.visible-sm.visible-xs {
display: table;
}
tr.visible-sm.visible-xs {
display: table-row !important;
}
th.visible-sm.visible-xs,
td.visible-sm.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-sm.visible-md {
display: block !important;
}
table.visible-sm.visible-md {
display: table;
}
tr.visible-sm.visible-md {
display: table-row !important;
}
th.visible-sm.visible-md,
td.visible-sm.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-sm.visible-lg {
display: block !important;
}
table.visible-sm.visible-lg {
display: table;
}
tr.visible-sm.visible-lg {
display: table-row !important;
}
th.visible-sm.visible-lg,
td.visible-sm.visible-lg {
display: table-cell !important;
}
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
display: none !important;
}
@media (max-width: 767px) {
.visible-md.visible-xs {
display: block !important;
}
table.visible-md.visible-xs {
display: table;
}
tr.visible-md.visible-xs {
display: table-row !important;
}
th.visible-md.visible-xs,
td.visible-md.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-md.visible-sm {
display: block !important;
}
table.visible-md.visible-sm {
display: table;
}
tr.visible-md.visible-sm {
display: table-row !important;
}
th.visible-md.visible-sm,
td.visible-md.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-md.visible-lg {
display: block !important;
}
table.visible-md.visible-lg {
display: table;
}
tr.visible-md.visible-lg {
display: table-row !important;
}
th.visible-md.visible-lg,
td.visible-md.visible-lg {
display: table-cell !important;
}
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
display: none !important;
}
@media (max-width: 767px) {
.visible-lg.visible-xs {
display: block !important;
}
table.visible-lg.visible-xs {
display: table;
}
tr.visible-lg.visible-xs {
display: table-row !important;
}
th.visible-lg.visible-xs,
td.visible-lg.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-lg.visible-sm {
display: block !important;
}
table.visible-lg.visible-sm {
display: table;
}
tr.visible-lg.visible-sm {
display: table-row !important;
}
th.visible-lg.visible-sm,
td.visible-lg.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-lg.visible-md {
display: block !important;
}
table.visible-lg.visible-md {
display: table;
}
tr.visible-lg.visible-md {
display: table-row !important;
}
th.visible-lg.visible-md,
td.visible-lg.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
.hidden-xs {
display: block !important;
}
table.hidden-xs {
display: table;
}
tr.hidden-xs {
display: table-row !important;
}
th.hidden-xs,
td.hidden-xs {
display: table-cell !important;
}
@media (max-width: 767px) {
.hidden-xs,
tr.hidden-xs,
th.hidden-xs,
td.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-xs.hidden-sm,
tr.hidden-xs.hidden-sm,
th.hidden-xs.hidden-sm,
td.hidden-xs.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-xs.hidden-md,
tr.hidden-xs.hidden-md,
th.hidden-xs.hidden-md,
td.hidden-xs.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-xs.hidden-lg,
tr.hidden-xs.hidden-lg,
th.hidden-xs.hidden-lg,
td.hidden-xs.hidden-lg {
display: none !important;
}
}
.hidden-sm {
display: block !important;
}
table.hidden-sm {
display: table;
}
tr.hidden-sm {
display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
display: table-cell !important;
}
@media (max-width: 767px) {
.hidden-sm.hidden-xs,
tr.hidden-sm.hidden-xs,
th.hidden-sm.hidden-xs,
td.hidden-sm.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm,
tr.hidden-sm,
th.hidden-sm,
td.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-sm.hidden-md,
tr.hidden-sm.hidden-md,
th.hidden-sm.hidden-md,
td.hidden-sm.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-sm.hidden-lg,
tr.hidden-sm.hidden-lg,
th.hidden-sm.hidden-lg,
td.hidden-sm.hidden-lg {
display: none !important;
}
}
.hidden-md {
display: block !important;
}
table.hidden-md {
display: table;
}
tr.hidden-md {
display: table-row !important;
}
th.hidden-md,
td.hidden-md {
display: table-cell !important;
}
@media (max-width: 767px) {
.hidden-md.hidden-xs,
tr.hidden-md.hidden-xs,
th.hidden-md.hidden-xs,
td.hidden-md.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-md.hidden-sm,
tr.hidden-md.hidden-sm,
th.hidden-md.hidden-sm,
td.hidden-md.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md,
tr.hidden-md,
th.hidden-md,
td.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-md.hidden-lg,
tr.hidden-md.hidden-lg,
th.hidden-md.hidden-lg,
td.hidden-md.hidden-lg {
display: none !important;
}
}
.hidden-lg {
display: block !important;
}
table.hidden-lg {
display: table;
}
tr.hidden-lg {
display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
display: table-cell !important;
}
@media (max-width: 767px) {
.hidden-lg.hidden-xs,
tr.hidden-lg.hidden-xs,
th.hidden-lg.hidden-xs,
td.hidden-lg.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-lg.hidden-sm,
tr.hidden-lg.hidden-sm,
th.hidden-lg.hidden-sm,
td.hidden-lg.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-lg.hidden-md,
tr.hidden-lg.hidden-md,
th.hidden-lg.hidden-md,
td.hidden-lg.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg,
tr.hidden-lg,
th.hidden-lg,
td.hidden-lg {
display: none !important;
}
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
.hidden-print,
tr.hidden-print,
th.hidden-print,
td.hidden-print {
display: none !important;
}
}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,hr,th,td {
margin:0; 
padding:0;
}   @font-face{ 
font-family: 'Lane';
src: url(//spotsurvey.me/Content/landing/css/fonts/LANENAR_-webfont.eot);
src: url(//spotsurvey.me/Content/landing/css/fonts/LANENAR_-webfont.eot?iefix) format('eot'),
url(//spotsurvey.me/Content/landing/css/fonts/LANENAR_-webfont.woff) format('woff'),
url(//spotsurvey.me/Content/landing/css/fonts/LANENAR_-webfont.ttf) format('truetype'),
url(//spotsurvey.me/Content/landing/css/fonts/LANENAR_-webfont.svg) format('svg');
}
html {
-webkit-font-smoothing: antialiased;
}
html {
font-size: 100%;
}
p {
font-size: 1rem;
line-height: 1.625em;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
}
a {
font-size: 1em;
line-height: 1.625rem;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
text-decoration:none;
}
a:hover {
text-decoration:none;
}
h1,h2,h3 {
font-family: 'Lane', sans-serif;
font-weight: normal;
}
h1 {
font-size:3rem;
line-height:3.5rem;
}
h2 {
font-size:2.5rem;
line-height:3.6rem;
margin-bottom:1.7rem;
}
h3 {
font-size:1.7rem;
line-height:2.25rem;
}
h4 {
font-family: 'Source Sans Pro', sans-serif;
font-size:1rem;
line-height: 1.625rem;
font-weight:600;
}
h5 {
font-family: 'Source Sans Pro', sans-serif;
font-size:0.8125rem;
line-height: 1rem;
font-weight:300;
color:white;
text-transform:uppercase;
}
h6 {
font-family: 'Source Sans Pro', sans-serif;
font-size:0.75rem;
line-height: 2.5rem;
font-weight:600;
}
ul {
list-style:none
}
li {
margin-top:1.625em;
}
li a {
display:inline;
}
hr {
margin-top:4.568em;
margin-bottom:4.568em;
}   .cta1 {
display:inline-block;
color:white;
font-family: 'Source Sans Pro', sans-serif;
font-size:1rem;
font-weight:700;
font-style:normal;
padding-top:1rem;
padding-bottom:1.1rem;
width:9.375rem;
line-height:1rem;
text-decoration:none;
text-align:center;
margin-left:0.625rem;
margin-right:0.625rem;
margin-top:1.4rem;
letter-spacing:-0.03rem;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topleft:7px;
border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
-moz-border-radius-topright:7px;
border-top-right-radius:7px;
-webkit-border-bottom-right-radius:7px;
-moz-border-radius-bottomright:7px;
border-bottom-right-radius:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-bottomleft:7px;
border-bottom-left-radius:7px;
}
.cta1:visited, .cta1:active {
color:white;
text-decoration:none;
}
.cta1:focus {
outline:none;
text-decoration:none;
color:white;
}
.cta1:hover {
color:white;
-webkit-animation: pulse .5s;
animation: pulse .5s;
opacity:0.9;
}
.cta2 {
display:inline-block;
color:white;
font-family: 'Source Sans Pro', sans-serif;
font-size:1rem;
font-weight:700;
font-style:normal;
padding-top:1rem;
padding-bottom:1.1rem;
width:9.375rem;
line-height:1rem;
text-decoration:none;
text-align:center;
margin-left:0.625rem;
margin-right:0.625rem;
margin-top:1.4rem;
letter-spacing:-0.03rem;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topleft:7px;
border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
-moz-border-radius-topright:7px;
border-top-right-radius:7px;
-webkit-border-bottom-right-radius:7px;
-moz-border-radius-bottomright:7px;
border-bottom-right-radius:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-bottomleft:7px;
border-bottom-left-radius:7px;
opacity:1;
}
.cta2:visited, .cta2:active {
color:white;
text-decoration:none;
}
.cta2:focus {
outline:none;
text-decoration:none;
color:white;
}
.cta2:hover {
color:white;
opacity:0.9;
-webkit-animation: pulse .5s;
animation: pulse .5s;
}   #preloader {
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
background-color:#fff; 
z-index:9999; }
#status {
width:200px;
height:200px;
position:absolute;
left:50%; top:50%; background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px; } .spinner {
margin: 100px auto 0;
width: 70px;
text-align: center;
}
.spinner > div {
width: 18px;
height: 18px;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% { 
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}     body {
height: 100%;
width: 100%;
}
#home {
height: 47.125rem;
position:relative;
z-index:0;
overflow:hidden;
background: url(//spotsurvey.me/Content/landing/images/bg1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#home_image {
position:absolute;
top:5rem;
right:0;
z-index:0;
}
#homescreen {
text-align:left;
}
#home_content {
text-align:left;
}
#logo {
margin-top: 8rem;
margin-bottom: 0.4rem;
opacity:1;
}
#logo_header {
margin-bottom:8.3rem
}
#slogan {
color:white;
margin:0px;
padding:0px;
position:relative;
z-index:1;
width:50%;
}
.cta1, .cta2 {
position:relative;
z-index:1;
margin-left:0;
}
#logo, #logo_header, #slogan, #home_image {
}   #about {
padding-top:6.5rem;
padding-bottom:6.5rem;
background:white;
position:relative;
display:block;
z-index:20;
text-align:center;
}
#about_intro {
}
.services_icon {
width:4rem;
height:4rem;
margin-top:6.5rem;
margin-bottom:1.625rem;
}
#about_intro, #service_1, #service_2, #service_3  {}   .arrows_box {
width:100%;
height:1.5rem;
position: relative;
border-bottom: solid 1px #f0f0f0;
}
.arrows_box_bg {
margin-top:-1.45rem;
background:none;
}
.arrows_no_border {
border-bottom:none;
}
.arrows {
display:inline;
left:50%;
margin-bottom:1.5rem;
margin-left:-3.1rem;
position:relative;
z-index:999;
}
.arrow_single {
display:inline;
left:50%;
margin-bottom:1.5rem;
margin-left:-1.55rem;
position:relative;
z-index:999;
}
.arrow_down {
margin:0;
width: 3rem;
height: 3rem;
padding:0.2rem;
background-color:white;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
transform:rotate(89deg);
-webkit-transform:rotate(89deg);
-moz-transform:rotate(89deg);
-o-transform:rotate(89deg);
-ms-transform:rotate(89deg);
ms-transform:rotate(89deg);
}
.arrow_up {
margin:0;
width: 3rem;
height: 3rem;
padding:0.2rem;
background-color:white;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
transform:rotate(89deg);
-webkit-transform:rotate(89deg);
-moz-transform:rotate(89deg);
-o-transform:rotate(89deg);
-ms-transform:rotate(89deg);
ms-transform:rotate(89deg);
}
.arrow_down:hover, .arrow_up:hover {
cursor: pointer;
}   #features_1 {
margin:0px;
padding-top:3.25rem;
padding-bottom:3.25rem;
background:white;
position:relative;
display:block;
z-index:20;
text-align:left;
}
#features_1_content {
padding-top:3rem;
}
.feature {
margin-top:2.25rem;
}
.feature_icon {
width:2rem;
height:2rem;
float:left;
margin-right:2rem;
margin-top:0.5rem;
margin-bottom:3rem;
}
.image_front {
position:absolute;
left:0;
top:0;
z-index:30;
}
.image_back {
position:relative;
left:0;
top:0;
z-index:29;
}
#features_1_content, #features1a_image, #features1b_image {}   #features_2 {
margin:0px;
padding-top:3.25rem;
padding-bottom:3.25rem;
background:white;
position:relative;
display:block;
z-index:20;
text-align:left;
}
#features_2_content {
padding-top:3rem;
}
#features_2_content, #features2a_image, #features2b_image {}   #features_3 {
margin:0px;
padding-top:6.5rem;
padding-bottom:0rem;
height:40.625rem;
background:white;
position:relative;
display:block;
z-index:20;
text-align:left;
overflow:hidden;
}
#features_3_intro {
text-align:center;
margin-bottom:1.625rem;
}
#features_3_content_left {
text-align:right;
padding-right:2rem;
padding-bottom:6.5rem;
}
#features_3_content_right {
text-align:left;
padding-left:2rem;
padding-bottom:6.5rem;
}
#features_3_content_center img{
overflow:hidden;
}
#features_3_intro, #features_3_content_left, #features_3_content_right, #features_3_content_center {}   #gallery {
margin:0px;
padding-top:6.5rem;
padding-bottom:6.5rem;
background:white;
position:relative;
display:block;
z-index:100;
text-align:center;
background-color:white;
}
#owl-gallery {
margin-top: 3.4rem;
}
.item {
margin: 1rem;
}
.item img {
display: block;
width: 100%;
height: auto;
}
.item a:hover {
cursor: url(//spotsurvey.me/Content/landing/images/cursor.png), auto;
}
.item a:hover img{
opacity:0.8;
-webkit-animation: pulse .5s;
animation: pulse .5s;
}
#gallery_intro, #gallery_carousel {}   #dev_blog {
margin:0px;
padding-top:6.5rem;
padding-bottom:6.5rem;
background:white;
position:relative;
display:block;
z-index:100;
text-align:center;
background-color:white;
}
#dev_blog_intro {
text-align:center;
margin-top:0.5rem;
margin-bottom:3rem;
}
#dev_blog_posts {
margin-bottom: 1.2rem;
}
.dev_blog_post {
border-bottom: solid 1px #f0f0f0;
padding-bottom: 0.6rem;
padding-top: 1rem;
}
.dev_blog_post a {
font-family: 'Lane', sans-serif;
font-weight: normal;
}
#dev_blog_intro, #dev_blog_content {}   #footer {
padding-top:5.4rem;
padding-bottom:6.5rem;
background:white;
position:relative;
display:block;
z-index:100;
text-align:center;
}
#footer h2, #footer p {
color:white;
} #newsletter_form {
margin-top:1.625rem;
height: 3.25rem;
}
.subscribe-form {
margin-left:auto;
margin-right:auto;
width:28.75rem;
position: relative;
z-index:10;
}
.subscribe-input {
float:left;
padding-left: 1.2rem;
padding-top: 0.1rem;
width:21.875rem;
height: 3.25rem;
font-family: 'Source Sans Pro', sans-serif;
font-size:1rem;
font-weight:300;
color: #444;
background: white;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border:none;
}
.subscribe-input:focus {
outline: 0;
}
.subscribe-submit {
color:white;
font-family: 'Source Sans Pro', sans-serif;
font-size:1rem;
font-weight:600;
font-style:normal;
height:3.25rem;
width:8rem;
line-height:1rem;
text-decoration:none;
text-align:center;
display: block;
position: absolute;
top: 0px;
right: 0px;
border:none;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
cursor: pointer;
color:white;
outline: 0;
}
.subscribe-submit:active {
outline: 0;
}
.subscribe-submit:hover {
opacity:0.8
}
#preview {
width:28.6rem;
height: 3.25rem;
border-radius: 10px;
border:none;
margin-left:auto;
margin-right:auto;
margin-top:-3.25rem;
padding:1.1rem;
color:black;
z-index:5;
-webkit-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-moz-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-o-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
#preview p {
margin:0;
line-height:1rem;
font-weight:600;
color: black;
} #share {
margin-top:3.25rem;
border-top: solid 1px rgba(255,255,255,0.2);
padding-top:3.25rem;
}
#social_icons {
text-align:center;
margin-bottom:3.6rem;
}
#social_icons li {
display:inline;
padding-left:0.4rem;
padding-right:0.4rem;
}
#fb_icon, #tw_icon, #in_icon, #g_icon, #pin_icon, #fli_icon {
width:2.5rem;
height:2.5rem;
-webkit-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-moz-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-o-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
#fb_icon:hover, #tw_icon:hover, #in_icon:hover, #g_icon:hover, #pin_icon:hover, #fli_icon:hover {
cursor: pointer;
}   #blog_header {
height: 13rem;
position:relative;
z-index:0;
overflow:hidden;
background: url(//spotsurvey.me/Content/landing/images/bg1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#logo_blog {
margin-top: 4.875rem;
margin-bottom: 0.4rem;
opacity:1;
text-align:left;
}
#logo_header {
margin-bottom:4.3rem
}
#title {
color:white;
margin-top:4.875rem;
pading:0px;
opacity:1;
text-align:left;
}
#logo, #logo_header, #slogan, #home_image {
}
#button_back {
margin-top: 5rem;
margin-bottom:4rem;
margin-right:1rem;
float:right
}   .post {
padding-top:6.5rem;
padding-bottom:6.5rem;
background:white;
position:relative;
display:block;
z-index:20;
text-align:left;
border-bottom: solid 1px #f0f0f0;
}
.post h2 {
margin-bottom:1.1rem;
max-width: 43rem;
}
.post h6 {  
margin-bottom:.5rem;
}
.post img, .video {
margin-top:.5rem;
margin-bottom: 2.9rem;
}
.post .cta2 {
margin-left:0px;
}
iframe {
border:0
}   #pagination {
padding-top:3.25rem;
padding-bottom:3.25rem;
background:white;
position:relative;
display:block;
z-index:20;
text-align:center;
}
#pagination a {
display:inline-block;
margin-right:1em;
}   .comment {
padding:2rem;
margin-top:2rem;
float:left;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topleft:7px;
border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
-moz-border-radius-topright:7px;
border-top-right-radius:7px;
-webkit-border-bottom-right-radius:7px;
-moz-border-radius-bottomright:7px;
border-bottom-right-radius:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-bottomleft:7px;
border-bottom-left-radius:7px;
}
#comments {
margin-bottom:6.5rem
}
.comment p {    
overflow:hidden;
}
.avatar {
float:left;
margin-right:2rem;
width:4rem;
height:4rem;
}
.comment h6 {
display:inline
}
.reply {
float:right;
width:90%;
}   #comment-form {
margin-bottom: 2rem;
}
.comment-input {
float:left;
padding-left: 1.2rem;
padding-top: 0.1rem;
width:100%;
height: 3.25rem;
font-family: 'Source Sans Pro', sans-serif;
font-size:1rem;
font-weight:300;
color: #444;
background: white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:solid 2px #d8d8d8;
margin-bottom:2rem;
}
.comment-textarea {
float:left;
padding-left: 1.2rem;
padding-top: 1rem;
width:100%;
height: 8rem;
font-family: 'Source Sans Pro', sans-serif;
font-size:1rem;
font-weight:300;
color: #444;
background: white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:solid 2px #d8d8d8;
}
.comment-input:focus, .comment-textarea:focus {
outline: none;
}
.comment-submit {
color:white;
font-family: 'Source Sans Pro', sans-serif;
font-size:1rem;
font-weight:600;
font-style:normal;
height:3.25rem;
width:8rem;
line-height:1rem;
text-decoration:none;
text-align:center;
display: block;
border:none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor: pointer;
color:white;
outline: 0;
float:right;
margin-right:1rem;
margin-top:2rem;
}
.comment-submit:active {
outline: 0;
}
.comment-submit:hover {
opacity:0.8
}body {
background-color: white;
}
#footer {
background-color: #1f9bc9;
}
.cta1 {
background-color:black;
}
.subscribe-submit, 
.subscribe-submit:active, 
.spinner > div,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.cta2 {
background-color: #f90706;
}
#fb_icon:hover,
#tw_icon:hover, 
#in_icon:hover, 
#g_icon:hover, 
#pin_icon:hover, 
#fli_icon:hover,
.services_icon {
fill:#f90706;
}
#fb_icon, 
#tw_icon, 
#in_icon, 
#g_icon, 
#pin_icon, 
#fli_icon {
fill: rgba(255,255,255,0.5);
}
#preview {
background-color:#fffcd2;
}
h3 {
color:black;
}
h4 {
color:#f90706;
}
.feature_icon {
fill:#d8d8d8;
}
.arrow_up,
.arrow_down {
fill:#f0f0f0;
}
.arrow_down:hover,
.arrow_up:hover {
fill:#dddddd;
}
#features_3, .arrows_box_bg {
background-color:#f7f8fa;
}
.owl-theme .owl-controls .owl-page span{
background-color: #d8d8d8;
}
#blog_header{
background-color: #1f9bc9;
}
#pagination a.active h3, .dev_blog_post a, .comment a  {
color:#f90706
}
.comment {
background-color: #f7f8fa;
}@media (min-width: 1200px) {
html {
font-size: 118.75%;
}
#home_image {
top:17rem;
}
}
@media (min-width: 768px) and (max-width: 991px) {
html {
font-size: 81.25%;
}
#logo {
margin-top: 2rem;
}
}
@media (max-width: 767px) {
html {
font-size: 81.25%;
}
#features_1, #features_2 {
text-align:center;
}
.feature_icon {
float:none;
width:3rem;
height:3rem;
margin-bottom: 1rem;
margin-right:0;
}
#about {
margin-bottom:4.568em;
}
p {
font-size: 1.5rem;
}
h4 {
font-size: 1.5rem;
}
#features_3 {
height:auto;
}
#features_3_content_left {
text-align:center;
padding-bottom:6.5rem;
padding-right:1rem;
}
#features_3_content_right {
text-align:center;
padding-left:1rem;
}
#features_3_content_center img{
text-align:center;
margin-left:auto;
margin-right:auto;
}
#logo {
margin-top: 1rem;
}
#home_image {
top:17rem;
}
#blog_header {
text-align:center;
height:auto;
width:auto;
}
#title, #logo_blog {
text-align: center;
}
#button_back {float:none;}
}
@media (max-width: 480px) {
html {
font-size: 62.5%;
}
p {
font-size: 1.5rem;
}
h1 {font-size:3rem;}
#logo_header {margin-bottom:2em }
#logo {
margin-top: 1rem;
}
#home_image {
top:25rem;
}
#slogan {
width:90%;
}
}