/*

Theme Name: ObservePoint 2016
Theme URI: http://observepoint.com/
Description: OberservePoint 2016 Theme
Version: 1.0
Author: observepoint
Author URI: http://observepoint.com/

*/

@charset "UTF-8";
#wpadminbar {
    display: none !important
}

html {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
        overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
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: 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 {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    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"] {
    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;
    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
}

body,
button,
input,
select,
textarea {
    color: #494841;
    font-family: "aller", sans-serif;
    font-size: 10px;
    font-size: 1rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    quotes: "“" "”"
}

p {
    margin-bottom: 1.5em;
    font-family: "aller", sans-serif;
    font-weight: 100;
    quotes: "“" "”"
}

b,
strong {
    font-weight: bold
}

dfn,
cite,
em,
i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    font-family: "Aller", Courier, monospace;
    font-size: 9.375px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 9.375px;
    font-size: 0.9375rem
}

abbr,
acronym {
    border-bottom: 1px dotted transparent;
    cursor: help
}

mark,
ins {
    background: #ccc;
    text-decoration: none
}

small {
    font-size: 75%
}

big {
    font-size: 125%
}

html {
    box-sizing: border-box;
    font-size: 62.5%
}

*,
*:before,
*:after {
    box-sizing: inherit
}

::-moz-selection {
    background: #B7B7B0
}

::selection {
    background: #B7B7B0
}

body {
    color: #494841;
    /*background: #75756C; /*for background when you scroll down past the footer... but it also shows up above the header... need two colors, so the top is white, and the bottom is gray*/
    line-height: 1.4;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 100
}

h1,
h2,
h3,
h4 {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

h1 {
    font-size: 28px;
    font-size: 2.8rem
}

h2 {
    font-size: 30px;
    font-size: 3rem
}

h3 {
    font-size: 18px;
    font-size: 1.8rem
}

h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "aller", sans-serif;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: "" ""
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul,
ol {
    margin: 0 0 1.5em 0
}

ul {
    list-style: none
}

ol {
    list-style: decimal
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: bold
}

dd {
    margin: 0 1.5em 1.5em
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

.btn,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    color: rgba(0, 0, 0, 0.8);
    height: auto;
    line-height: 1;
    padding: 11px 25px;
    font-style: normal;
    text-transform: uppercase;
    border: 1px solid;
    border-color: transparent;
    background: #F2CD14;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "aller",sans-serif;
}

.btn:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    box-shadow: none;
    background-color: #2c2c2c;
    border-color: transparent;
    color: #fff
}

.btn:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.btn:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline-color: #F2CD14 !important
}


/*!
* Bootstrap-select v1.6.3 (http://silviomoreto.github.io/bootstrap-select/)
*
* Copyright 2013-2014 bootstrap-select
* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
*/

.bootstrap-select {
    width: 220px \0
}

.bootstrap-select>.btn {
    width: 100%;
    padding-right: 25px;
    background: #fff;
    border: 1px solid #ebebeb;
    text-transform: none
}

.error .bootstrap-select .btn {
    border: 1px solid #b94a48
}

.control-group.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

.bootstrap-select .btn:focus {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,
.row-fluid .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right
}

.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.input-append .bootstrap-select.btn-group {
    margin-left: -1px
}

.input-prepend .bootstrap-select.btn-group {
    margin-right: -1px
}

.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.btn-group .btn .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    padding: 1px 0
}

.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 0;
    right: 0;
    background: #e5cb23;
    background-image: url("/wp-content/themes/observepoint-2016/img/select-arrow.png");
    border: none;
    width: 40px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.bootstrap-select.btn-group[class*=col-] .btn {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    z-index: 1035;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
    color: #64b1d8;
    color: rgba(100, 177, 216, 0.4)
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px
}

.bootstrap-select.btn-group.fit-width .btn .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .btn .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.btn {
    z-index: 1036
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    border-bottom-color: rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-bottom: 0;
    border-top-width: 7px;
    border-top-style: solid;
    border-top-color: #ccc;
    border-top-color: rgba(204, 204, 204, 0.2)
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
    display: block
}

.bs-searchbox,
.bs-actionsbox {
    padding: 4px 8px
}

.bs-actionsbox {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox input.form-control {
    margin-bottom: 0;
    width: 100%
}

.mobile-device {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0
}

menu {
    color: red
}

navigation {
    background-color: #333
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #96968E;
    border: 1px solid #B7B7B0;

}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(229, 203, 35, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(229, 203, 35, 0.6)
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px
}

textarea {
    padding-left: 3px;
    width: 100%
}

textarea:focus {
    border: 1px solid #F2CD14
}

.form-group {
    margin-bottom: 20px
}

.form-control {
    padding: 0.85rem 1rem !important;
    height: auto;
    line-height: 1.3;
    background-color: #FFFFFF;
}

.form-control:focus {
    border-color: #F2CD14;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(229, 203, 35, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(229, 203, 35, 0.6)
}

.form-control::-webkit-input-placeholder {
    color: #B7B7B0;
}
.form-control:-moz-placeholder { /* Firefox 18- */
    color: #B7B7B0;  
}
.form-control::-moz-placeholder {  /* Firefox 19+ */
    color: #B7B7B0;  
}
.form-control:-ms-input-placeholder {  
    color: #B7B7B0;  
}


.bootstrap-select .selectpicker:hover {
    color: inherit
}

.bootstrap-select .selectpicker:focus {
    outline: none !important;
    border-color: #F2CD14;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(229, 203, 35, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(229, 203, 35, 0.6)
}

a {
    color: #333
}

a:visited {
    color: #333
}

a:hover,
a:focus,
a:active {
    color: #666;
    text-decoration: none
}

a:focus {
    outline: thin dotted
}

a:hover,
a:active {
    outline: 0
}

#navbar {
    border-top: none;
    max-height: inherit;
    padding: 0;
    margin-bottom: 0
}

.navbar-collapse {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar-nav:after {
    content: "";
    display: table;
    display: block;
    content: "";
    clear: both;
    height: 0;
    line-height: 0
}

.navbar-nav.navbar-main {
    margin: 40px 0
}

.navbar-nav.navbar-main>li {
    color: red
}

.navbar-nav.navbar-main>li a {
    margin-bottom: 25px
}

.navbar-nav.navbar-main>li>a {
    color: #97998f;
    height: 20px;
    padding: 0 10px 0 0;
    position: relative;
    width: 51%;
    float: left;
    font-size: 16px;
    font-size: 1.6rem
}

.navbar-nav.navbar-main>li>a:hover {
    color: #F2CD14
}

.navbar-nav.navbar-main>li>a:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    content: '';
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #262626 transparent
}

.navbar-nav.navbar-main>li.nav-1-2 .dropdown-menu {
    margin-top: -45px
}

.navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu {
    margin-top: -90px
}

.navbar-nav.navbar-main>li.nav-1-4 .dropdown-menu {
    margin-top: -135px
}

.navbar-nav.navbar-main>li:last-child a {
    margin-bottom: 0
}

.navbar-nav.navbar-main>li .dropdown-menu {
    float: right;
    width: 59%;
    padding: 0;
    border-top: 0;
    margin-left: -10%;
    position: relative;
    z-index: 2
}

.navbar-nav.navbar-main>li .dropdown-menu .row {
    margin-left: 0;
    margin-right: 0
}

.navbar-nav.navbar-main>li .dropdown-menu img {
    width: 100%
}

.navbar-nav.navbar-main>li .dropdown-menu ul {
    margin-left: 0;
    padding-left: 0
}

.navbar-nav.navbar-main>li .dropdown-menu a {
    color: #97998f;
    letter-spacing: 0.5px;
    font-size: 90%;
    height: auto;
    margin-bottom: 25px;
    padding: 0;
    display: block
}

.navbar-nav.navbar-main>li .dropdown-menu a.customer-logo {
    width: 55%;
    height: auto;
    margin: 0 0 30px
}

.navbar-nav.navbar-main>li .dropdown-menu a.link-seeMoreCustomers {
    display: none;
    width: 100%;
    text-align: center;
    clear: both;
    font-size: 1.6rem;
    border-top: 2px solid #000;
    padding-top: 20px;
    margin: 0 auto
}

.navbar-nav.navbar-main>li .dropdown-menu a.link-seeMoreCustomers:hover {
    color: #F2CD14 !important
}

.nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: transparent
}

.dropdown-menu a:focus,
.dropdown-menu a:hover,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #F2CD14 !important;
    background-color: transparent
}

.navbar-nav.navbar-right {
    margin: 12px 0 0
}

.navbar-nav.navbar-right .demo-request {
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
    font-size: 8.75px;
    font-size: 0.875rem
}

.navbar-nav.navbar-right .demo-request button.btn:hover {
    background-color: #f9de2e;
    color: inherit !important
}

.navbar-toggle {
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    box-shadow: none !important;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-image: url("/wp-content/themes/observepoint-2016/img/navbar-open.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    width: auto;
    text-indent: -99999px;
    background-size: 20px
}

.navbar-toggle.collapsed {
    background-image: url("/wp-content/themes/observepoint-2016/img/navbar-collapsed.png");
    background-size: 36px
}

.navbar-toggle:hover {
    background-color: transparent
}

.navbar-toggle .icon-bar {
    background-color: #fff
}

*:focus,
a:focus {
    outline: none
}

a.yellow-link {
    color: #F2CD14
}

a.btn-downloadPDF {
    color: #494841 !important;
    margin: 0 auto;
    display: block;
    width: 170px;
    background: #F2CD14;
    font-size: 1.4rem;
    font-family: "Aller", sans-serif;
    font-weight: 500;
    padding: 17px 30px;
    text-transform: uppercase;
    line-height: 0.8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 30px;
    float: none;
}
@media (min-width:992px){
    a.btn-downloadPDF {
        position: relative;
        top: 45px;
        margin-bottom: 0;
        float: right;
    }
}

a.tel {
    color: inherit
}

a.tel:hover,
a.tel:visited,
a.tel:focus {
    cursor: pointer;
    color: inherit
}

.wrapper {
    padding: 0;
    position: relative;
    overflow-x: hidden;
}

.content-wrapper {
    margin-top: 100px;
    top: 34px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-15 {
    width: 20%;
    float: left
}

.float-right {
    float: right
}

header .logo-observepoint {
    position: relative;
    width: 140px;
    height: 20px;
    display: block;
    float: left;
    text-indent: -999999px;
    background-image: url("/wp-content/themes/observepoint-2016/img/desktop/logo-observepoint-desktop.png");
    background-size: cover;
    margin: 15px 0 0
}

header .navbar {
    min-height: 72px;
    background-color: #2c2c2c;
    border: none
}

.topbar {
    position: relative;
    width: 100%;
    height: 32px;
    padding-top: 10px;
    text-align: center;
    font-weight: 500;
    color: #7e7e7e;
    background-color: #262626;
    font-size: 12px;
    font-size: 1.2rem
}

.topbar .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.topbar ul {
    margin-bottom: 0
}

.topbar ul li {
    border-right: 2px solid #7e7e7e;
    padding: 0 10px;
    margin: 0;
    line-height: 1
}

.topbar ul li:last-child {
    border-right: none;
    padding-right: 0
}

.topbar ul li.login a {
    color: #dadbd8
}

.topbar ul li.login a:visited {
    color: #dadbd8
}

.topbar ul li.login a:hover,
.topbar ul li.login a:focus,
.topbar ul li.login a:active {
    color: #F2CD14;
    text-decoration: none
}

.topbar ul li.login a:focus {
    outline: thin dotted
}

.topbar ul li.login a:hover,
.topbar ul li.login a:active {
    outline: 0
}

.menubar {
    width: 100%;
    padding: 0 15px
}

.press-view .section-1 {
    position: relative;
    width: 100%;
    margin: 20px auto;
    padding: 3% 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.press-view .section-1 .author-date {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500
}

.press-view .section-1 p {
    font-weight: 100
}

.default-text-styles {
    padding-bottom: 80px
}

.default-text-styles h1 {
    display: inline-block;
    margin: 0
}

.default-text-styles h4,
.default-text-styles h3 {
    margin: 50px 0 0;
    font-size: 18px;
    font-size: 1.8rem
}

.default-text-styles p {
    margin: 20px 0 0
}

.default-text-styles a {
    color: #F2CD14
}

.default-text-styles a:hover {
    text-decoration: underline
}

.default-text-styles .hentry {
    margin: 0
}

.default-text-styles .container ul {
    margin: 20px 0 0;
    list-style: disc;
    padding: 0 0 0 22px
}

.default-text-styles .container ol {
    margin: 20px 0 0;
    list-style: decimal;
    padding: 0 0 0 22px
}

.standard-page-subheading {
    /*next 2 lines take off the background and bg image from behind the page title*/
    background-repeat: no-repeat;
    background-position: 100% 50%;
    text-align: center;
    padding: 37px 0;
    margin-bottom: 80px
}

.standard-page-subheading h1 {
    font-size: 2.4rem;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 100;
    margin: 0
}



#habla_topbar_div {
    -webkit-box-shadow: 4px 4px 15px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 4px 4px 15px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 4px 4px 15px 0px rgba(50, 50, 50, 0.5)
}

#scroll-top {
    background-color: rgba(82, 82, 77, 0.6);
    color: #fff;
    display: none;
    position: fixed;
    bottom: 30%;
    right: 10px;
    width: 50px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2rem;
    cursor: pointer;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-size: 1.1rem
}

#scroll-top:before {
    content: '';
    background-image: url("/wp-content/themes/observepoint-2016/img/arrow-up.png");
    width: 14px;
    height: 9px;
    display: block;
    margin: 5px auto
}

@media only screen and (max-width: 992px) {
    #scroll-top {
        bottom: 52%
    }
}

@media only screen and (max-width: 767px) {
    #scroll-top {
        bottom: 40%
    }
}

.loading-more {
    position: relative;
    width: 100%;
    margin: 0 auto 40px;
    text-align: center
}

.loading-more p {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
    font-size: 1.2rem
}

.loading-more p:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/wp-content/themes/observepoint-2016/img/spinning-wheel.gif");
    vertical-align: middle;
    margin-right: 10px
}

body div.hbl_pal_main_bg {
    background-color: rgba(255, 255, 255, 1) !important
}

body div.hbl_pal_main_fg {
    color: #494841 !important
}

body .hbl_txt_wrapper {
    background: none !important
}

body .hbl_txt_wrapper textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none !important
}

body div.hbl_pal_main_width {
    width: 100% !important;
    margin: 0 !important
}

@media only screen and (min-width: 768px) {
    body div.hbl_pal_main_width {
        margin: 0 20px !important;
        width: 500px !important
    }
}

body #habla_both_div {
    width: 100%;
    max-width: 300px;
    position: absolute;
    top: -32px;
    right: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

body #habla_window_div {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

body #habla_expanded_div div:nth-child(2) {
    display: none
}

.form-group {
    position: relative
}

.form-group .LV_validation_message {
    position: absolute;
    bottom: -18px;
    left: 0;
    font-weight: bold;
    margin: 0 0 0 5px
}

.form-group .LV_valid {
    color: #0c0;
    display: none
}

.form-group input.LV_valid_field:hover,
.form-group input.LV_valid_field:active,
.form-group textarea.LV_valid_field:hover,
.form-group textarea.LV_valid_field:active,
.form-group select.LV_valid_field:hover,
.form-group select.LV_valid_field:active {
    border: 1px solid #0c0;
    -webkit-box-shadow: 0 0 10px #0c0;
    -moz-box-shadow: 0 0 10px #0c0;
    box-shadow: 0 0 10px #0c0
}

.form-group .LV_invalid {
    font-size: 1rem;
    color: #c00
}

.form-group input.LV_invalid_field,
.form-group textarea.LV_invalid_field,
.form-group select.LV_invalid_field {
    border: 1px solid #c00;
    color: #c00;
    -webkit-box-shadow: 0 0 10px #c00;
    -moz-box-shadow: 0 0 10px #c00;
    box-shadow: 0 0 10px #c00
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after {
    content: "";
    display: table
}

.clear:after,
.entry-content:after,
.comment-content:after {
    content: "";
    display: table;
    display: block;
    content: "";
    clear: both;
    height: 0;
    line-height: 0
}

.hero-video {
    position: relative;
    width: 100%;
    height: 545px;
    margin-bottom: 0;
    text-align: center;
    color: #fff;
    background-color: #262626;
    background-image: url("/wp-content/themes/observepoint-2016/img/hero-video.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0 !important
}

.hero-video::selection {
    color: #F2CD14;
    background-color: #000
}

.hero-video::-moz-selection {
    color: #F2CD14;
    background-color: #000
}

.hero-video .video-container {
    display: none
}

.hero-video .container {
    z-index: 1
}

.hero-video .fa-play {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 120px auto 0;
    padding: 16px 0 0 5px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    background-color: #262626;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.hero-video .fa-play:hover {
    background-color: rgba(38, 38, 38, 0.5)
}

.hero-video h1 {
    position: relative;
    margin: 20px auto;
    font-weight: 300;
    letter-spacing: 0.5px
}

.hero-video p {
    position: relative;
    width: 85%;
    margin: auto;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 16px;
    font-size: 1.6rem
}

.hero-video .btn {
    position: relative;
    margin-top: 20px;
    padding: 8px 2px;
    height: auto;
    color: #fff;
    font-size: inherit;
    text-transform: uppercase;
    background-color: transparent
}

.hero-video .btn:hover {
    color: #2c2c2c;
    background-color: transparent;
    text-decoration: none
}

.hero-video .btn:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: #fff;
    display: block
}

.hero-video .btn:hover:before {
    background-color: #2c2c2c
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal-dialog {
    width: 100%;
    margin: 0 auto
}
.modal-backdrop.in {
    opacity: .55;
}
.modal-content {
    width: 100%;
    background-color: #000;
    border: none
}

.modal-header {
    position: absolute;
    right: 2%;
    height: 70px;
    border: none;
    z-index: 99999
}
.modal-header .close {
    right: 0;
}
.player .sidedock {
    position: absolute;
    top: 7%!important;
}
.modal-header button.close {
    width: 40px;
    height: 40px;
    padding-top: 0px;
    color: #2c2c2c;
    background-color: #fff;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 200;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    filter: "alpha(opacity=$opperc)";
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px
}

.modal-body {
    padding: 0
}

.company-audit {
    position: relative;
    color: #fff;
    background-color: #2c2c2c
}

.company-audit:after {
    content: "";
    display: table;
    display: block;
    content: "";
    clear: both;
    height: 0;
    line-height: 0
}

.company-audit button.btn:hover {
    background-color: #f9de2e;
    color: #494841
}

.trial-form {
    height: 145px;
    padding-top: 55px;
    background-color: #5f5f5f;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0
}

.trial-form form {
    height: 100%
}

.trial-form .form-control {
    background-color: transparent
}

.trial-form .demo-request {
    position: relative;
    margin: 0 auto;
    width: 80%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.data-quality-assessment {
    position: relative;
    width: 100%;
    padding: 15px 0;
    background-color: #fff;
    overflow: auto
}

.data-quality-assessment .container {
    margin-bottom: 20px
}

.data-quality-assessment h2,
.data-quality-assessment p {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.data-quality-assessment p {
    width: 80%
}

.data-quality-assessment .dqa-steps {
    position: relative;
    margin-bottom: 50px
}

.data-quality-assessment .dqa-steps .dqa-steps-box {
    border: 1px solid #cbcbcb;
    padding: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.data-quality-assessment .dqa-steps .dqa-steps-box div>a {
    display: none
}

.question-container,
.fsPage {
    min-height: 381px;
    padding: 0 10px;
    margin-top: 10px
}

.question-container.fsHiddenPage,
.question-container .fsHidden,
.fsPage.fsHiddenPage,
.fsPage .fsHidden {
    padding: 0;
    margin: 0;
    height: 0;
    display: none
}

.question-container .fsSupporting,
.fsPage .fsSupporting {
    display: block;
    clear: both
}

.question-container fieldset,
.fsPage fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.question-container h2.fsSectionHeading,
.fsPage h2.fsSectionHeading {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: left;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0
}

.question-container .fsFieldRow,
.fsPage .fsFieldRow {
    max-width: 100%
}

.question-container p.question,
.question-container .fsLabel,
.fsPage p.question,
.fsPage .fsLabel {
    width: 100%;
    text-align: left;
    font-weight: 300;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.2;
    margin-bottom: 15px
}

.question-container a.btn,
.question-container .fsOptionLabel,
.fsPage a.btn,
.fsPage .fsOptionLabel {
    padding: 10px 17px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.8);
    background: #efefef;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer
}

.question-container a.btn.horizontal,
.question-container .fsOptionLabel.horizontal,
.fsPage a.btn.horizontal,
.fsPage .fsOptionLabel.horizontal {
    margin-right: 10px;
    text-align: center;
    display: block;
    float: none
}

.question-container a.btn:hover,
.question-container .fsOptionLabel:hover,
.fsPage a.btn:hover,
.fsPage .fsOptionLabel:hover {
    background: #F2CD14 !important
}

.question-container a.btn input[type="radio"],
.question-container a.btn input[type="checkbox"],
.question-container .fsOptionLabel input[type="radio"],
.question-container .fsOptionLabel input[type="checkbox"],
.fsPage a.btn input[type="radio"],
.fsPage a.btn input[type="checkbox"],
.fsPage .fsOptionLabel input[type="radio"],
.fsPage .fsOptionLabel input[type="checkbox"] {
    display: none
}

.fsBody .fsPagination {
    text-align: left;
    margin: 15px 0 0 0;
    text-indent: 10px
}

.fsBody .fsPagination .fsNextButton,
.fsBody .fsPagination .fsPreviousButton {
    text-indent: 0;
    float: none;
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem
}

.fsBody .fsPagination .fsNextButton .fsSlim,
.fsBody .fsPagination .fsPreviousButton .fsSlim {
    display: none
}

.fsBody .fsPagination .fsNextButton .fsFull,
.fsBody .fsPagination .fsPreviousButton .fsFull {
    text-indent: 0
}

.fsBody .fsPagination .fsNextButton:hover,
.fsBody .fsPagination .fsPreviousButton:hover {
    color: #fff
}

.fsBody .fsPagination .fsSubmitButton {
    font-size: 14px;
    font-size: 1.4rem;
    text-indent: 0;
    color: #494841;
    width: 150px
}

.fsBody .fsPagination .fsSubmitButton:hover {
    color: #fff
}

.fsBody .progress,
.fsBody .fsProgress {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6px;
    margin: 0;
    overflow: visible;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.fsBody .progress .fsProgressBarContainer,
.fsBody .fsProgress .fsProgressBarContainer {
    width: 100%;
    height: 6px;
    margin: 0;
    position: relative;
    text-align: left;
    background-color: #dadbd8
}

.fsBody .progress .fsProgressBar,
.fsBody .fsProgress .fsProgressBar {
    width: 0;
    position: relative;
    background-color: #F2CD14;
    box-shadow: none;
    height: 6px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.fsBody .progress .progress-amount,
.fsBody .progress .fsProgressText,
.fsBody .fsProgress .progress-amount,
.fsBody .fsProgress .fsProgressText {
    padding: 5px;
    margin-top: 15px;
    float: right;
    color: #494841;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    text-align: center;
    background-color: #F2CD14;
    width: auto;
    text-indent: 0;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fsBody .progress .progress-amount:after,
.fsBody .progress .fsProgressText:after,
.fsBody .fsProgress .progress-amount:after,
.fsBody .fsProgress .fsProgressText:after {
    content: ' ';
    position: absolute;
    bottom: -9px;
    right: -5px;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #F2CD14 transparent;
    z-index: 1000
}

.fsBody .progress .fsProgressText,
.fsBody .fsProgress .fsProgressText {
    position: absolute;
    left: 0;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.fsBody .progress .fsProgressText:after,
.fsBody .fsProgress .fsProgressText:after {
    top: -5px;
    right: 0;
    left: 0;
    bottom: inherit
}

.features {
    position: relative;
    width: 100%;
    padding-top: 42px;
    padding-bottom: 42px;
    background-color: #f9f9fa;
    overflow: auto
}

.features .col-md-6 {
    padding-left: 0;
    padding-right: 0
}

.features h2 {
    margin-top: 50px;
    line-height: 1.3
}

.features p {
    margin-bottom: 30px
}

.features p.emphasis {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 100
}

.features blockquote {
    position: relative;
    margin: 0 0 30px;
    padding: 30px 0 0 45px;
    border-left: none;
    border-top: rgba(203, 203, 203, 0.5) 1px solid;
    font-style: oblique;
    font-size: 12px;
    font-size: 1.2rem
}

.features blockquote img {
    position: absolute;
    left: 0;
    width: 35px;
    float: left;
    margin-top: 5px
}

.features blockquote p {
    margin-bottom: 5px
}

.features blockquote footer {
    padding-top: 0;
    height: auto;
    background: transparent;
    font-size: 12px;
    font-size: 1.2rem
}

.customer-stories {
    position: relative;
    width: 100%;
    overflow: auto
}

.customer-stories .quotes {
    padding: 0
}

.quote {
    min-height: 150px;
    padding: 0;
    background-color: #262626;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.quote .container {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    color: #fff;
    text-align: center;
    font-style: oblique;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    filter: "alpha(opacity=$opperc)";
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.quote .container:hover {
    background-color: rgba(232, 202, 20, 0.9);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    filter: "alpha(opacity=$opperc)"
}

.quote .container p {
    margin-top: 15px;
    font-size: 12px;
    font-size: 1.2rem
}

.quote .container p:before,
.quote .container p:after {
    content: open-quote;
    display: block;
    height: 20px;
    margin: 0 0 15px;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal
}

.quote .container p:after {
    content: open-quote
}

.quote .container .btn {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100px;
    height: 24px;
    margin: auto;
    color: #F2CD14;
    padding: 5px 10px;
    background-color: #fff;
    font-size: 12px;
    font-size: 1.2rem
}

.quote.one {
    background-image: url("/wp-content/themes/observepoint-2016/img/quote-one.jpg")
}

.quote.two {
    background-image: url("/wp-content/themes/observepoint-2016/img/quote-two.jpg")
}

.quote.three {
    background-image: url("/wp-content/themes/observepoint-2016/img/quote-three.jpg")
}

.quote.four {
    background-image: url("/wp-content/themes/observepoint-2016/img/quote-four.jpg")
}

.feature-quote {
    min-height: 300px;
    padding: 0;
    background-color: #262626;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.feature-quote .container {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    background-color: rgba(44, 44, 44, 0.7)
}

.feature-quote .container h2 {
    margin: 10px auto;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 1px
}

.feature-quote .container h2:before {
    content: open-quote;
    display: block;
    height: 25px;
    margin: 15px 0;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 50px;
    font-size: 5rem
}

.feature-quote .container h2.no-content:before {
    content: ''
}

.feature-quote .container p {
    width: 90%;
    margin: 0 auto;
    font-style: oblique;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 18px;
    font-size: 1.8rem
}

.feature-quote .container .btn {
    position: relative;
    margin-top: 20px;
    padding: 8px 2px;
    height: auto;
    color: #F2CD14;
    font-size: inherit;
    text-transform: uppercase;
    background-color: transparent
}

.feature-quote .container .btn:hover {
    color: #fff;
    background-color: transparent;
    text-decoration: none
}

.feature-quote .container .btn:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: #F2CD14;
    display: block
}

.feature-quote .container .btn:hover:before {
    background-color: #fff
}

.partners {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 30px 0 40px;
    background-color: #fff;
    text-align: center
}

.partners h2,
.partners p {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.partners .btn {
    margin: auto;
    position: relative;
    margin-top: 20px;
    padding: 8px 2px;
    height: auto;
    color: #F2CD14;
    font-size: inherit;
    text-transform: uppercase;
    background-color: transparent
}

.partners .btn:hover {
    color: #262626;
    background-color: transparent;
    text-decoration: none
}

.partners .btn:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: #F2CD14;
    display: block
}

.partners .btn:hover:before {
    background-color: #262626
}

.partner-logo {
    height: 60px;
    margin-bottom: 5px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.partner-logo.adobe {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-adobe.png")
}

.partner-logo.comscore {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-comscore.png")
}

.partner-logo.doubleclicksearch {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-doubleclicksearch.png")
}

.partner-logo.ensighten {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-ensighten.png")
}

.partner-logo.google-analytics {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-google-analytics.png")
}

.partner-logo.ibm {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-ibm.png")
}

.partner-logo.kissmetrics {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-kissmetrics.png")
}

.partner-logo.marin {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-marin.png")
}

.partner-logo.kenshoo {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-kenshoo.png")
}

.partner-logo.mixpanel {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-mixpanel.png")
}

.partner-logo.webtrends {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-webtrends.png")
}

.partner-logo.maxymiser {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-maxymiser.png")
}

.partner-logo.nielsen {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-nielsen.png")
}

.partner-logo.adobe-dtm {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-adobe-dtm.png")
}

.partner-logo.quantcast {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-quantcast.png")
}

.partner-logo.adobe-analytics {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-adobe-analytics.png")
}

.partner-logo.optimizely {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-optimizely.png")
}

.partner-logo.tealium {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-tealium.png")
}

.partner-logo.signal {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-signal.png")
}

.partner-logo.google-tagmanager {
    background-image: url("/wp-content/themes/observepoint-2016/img/logo-google-tagmanager.png")
}

.our-history {
    position: relative;
    width: 100%;
    height: 400px;
    background-image: url("/wp-content/themes/observepoint-2016/img/our-history.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.our-history .white-bg {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.75)
}

.our-history .container {
    padding-top: 60px
}

.our-history .container h3 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;;
    font-weight: 300;
    font-style: oblique
}

.our-history .container p {
    margin: 20px 0 0;
    font-weight: 300;
    line-height: 1.2
}

.our-history .container .btn {
    position: relative;
    margin-top: 20px;
    padding: 8px 2px;
    height: auto;
    color: #F2CD14;
    font-size: inherit;
    text-transform: uppercase;
    background-color: transparent
}

.our-history .container .btn:hover {
    color: #262626;
    background-color: transparent;
    text-decoration: none
}

.our-history .container .btn:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: #F2CD14;
    display: block
}

.our-history .container .btn:hover:before {
    background-color: #262626
}

.trial-info {
    position: relative;
    padding: 30px 0 40px;
    background-color: #2c2c2c
}

.trial-info h2 {
    font-weight: 300;
    letter-spacing: 0.5px
}

.trial-info p {
    font-weight: 300;
    letter-spacing: 1px
}

.trial-info h4 {
    font-family: "Aller", sans-serif;
    font-style: oblique
}

.trial-info .trial-list {
    position: relative
}

.trial-info .trial-list ul {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
    font-size: 12px;
    font-size: 1.2rem
}

.trial-info .trial-list ul li {
    float: left;
    width: 48%;
    margin: 0 2% 0 0;
    padding: 2px 0;
    font-style: oblique
}

.trial-info .trial-list ul li:before {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    content: "\f105";
    margin: 0 8px 0 -10px;
    font-style: normal
}

.trial-info:after {
    content: " ";
    position: absolute;
    display: block;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 20px 25px 0 25px;
    border-color: #2c2c2c transparent transparent transparent;
    z-index: 10
}

#audit-modal .modal-content {
    width: 95%;
    margin: 160px auto 0
}

#audit-modal .modal-content .modal-header button.close {
    padding-top: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

#audit-modal .modal-content .modal-header button.close:hover {
    background: #ffffff;
}

#audit-modal .modal-content .modal-header button.close span {
    color: #b7b7b0;
}

#audit-modal .modal-trial-form {
    height: 200px;
    background-image: url("/wp-content/themes/observepoint-2016/img/modal-bg.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

#audit-modal .modal-trial-form form {
    width: 95%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#audit-modal .modal-trial-form form input {
    background: transparent
}

#audit-modal .modal-trial-info {
    position: relative;
    //background: #2c2c2c;
    // color: #fff;
    padding-bottom: 30px;
    background-color: #ffffff;
    color: #494842;
    text-transform: uppercase;
}

#audit-modal .modal-trial-info:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #2c2c2c
}

#audit-modal .modal-trial-info h2 {
    margin-bottom: 10px;
    font-weight: 300
}

#audit-modal .modal-trial-info h4 {
    font-style: oblique;
    font-size: 16px;
    font-size: 1.6rem
}

#audit-modal .modal-trial-info ul {
    margin: 0;
    padding: 0 0 0 20px;
    font-weight: 100;
    font-style: oblique;
    list-style: disc;
    font-size: 14px;
    font-size: 1.4rem
}

#audit-modal .modal-trial-info ul li {
    display: list-item
}

.products-page .section-2 {
    margin-bottom: 75px
}

.products-page .section-2 p {
    margin: auto;
    text-align: center;
    padding: 0 15px
}

.products-page .section-3 {
    background-color: #2c2c2c;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 65px 0 54px;
    font-weight: 100;
    color: #fff
}

.products-page .section-3 h2 {
    font-weight: 100;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.products-page .section-3 h5 {
    font-style: oblique
}

.subnav-header {
    position: static;
    width: 100%;
    border-bottom: 1px solid rgba(104, 104, 104, 0.2);
    background: #fff;
    overflow: hidden;
    z-index: 20
}

.subnav-header .nav-title {
    display: block;
    width: 100%;
    background-color: #fff
}

.subnav-header .nav-title h4 {
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 0
}

.skrollr-decks-nav {
    margin: 0;
    padding: 10px 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem
}

.skrollr-decks-nav li {
    padding: 4px 0
}

.skrollr-decks-nav a.active {
    color: #F2CD14
}

.skrollr-decks-nav a:hover::selection {
    color: #333
}

.skrollr-decks-nav a:hover::-moz-selection {
    color: #333
}

#skrollr-body {
    position: relative;
    margin-top: 0;
    background: #fff
}

.skrollr-deck {
    position: relative;
    padding-top: 0;
    height: auto
}

.skrollr-deck .container:after {
    content: "";
    display: table;
    display: block;
    content: "";
    clear: both;
    height: 0;
    line-height: 0
}

.skrollr-deck .deck-text-container {
    max-height: 100%;
    padding-left: 0;
    padding-right: 0
}

.skrollr-deck .deck-text-container .deck-text {
    width: 100%;
    height: auto;
    margin: 40px auto 0
}

.skrollr-deck .deck-img-container {
    padding-right: 0;
    padding-left: 0
}

.skrollr-deck .deck-img-container img {
    max-width: 104%;
    float: right;
    margin: 20px -15px 40px 0
}

.skrollr-deck:nth-of-type(odd) {
    background-color: #f9f9fa
}

.legal-pages {
    // float: right
}

.questions {
    position: relative;
    width: 100%;
    height: 350px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.questions .overlay {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5)
}

.questions .container {
    padding-top: 120px;
    text-align: center;
    color: #fff
}

.questions .container h1 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: oblique;
    font-size: 32px;
    font-size: 3.2rem
}

.questions .container p {
    margin: 20px 0 0;
    font-weight: 300;
    line-height: 1.2;
    font-size: 20px;
    font-size: 2rem
}

.tab-wrap {
    background: #f9f9fa;
    width: 100%;
    border-bottom: 1px solid #d9d9d9
}

.nav-tabs {
    margin: 0 auto -1px auto;
    text-align: center;
    border: none
}

.nav-tabs.two li {
    width: 50%
}

.nav-tabs li {
    margin: 0
}

.nav-tabs li.active:after {
    content: '';
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #F2CD14;
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nav-tabs li.active a {
    color: #494841;
    background: #e5cb23;
    border: none;
    border-bottom: 1px solid #F2CD14
}

.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
    background: #e5cb23;
    border: none;
    border-bottom: 1px solid #F2CD14
}

.nav-tabs li a {
    color: #494841;
    text-transform: uppercase;
    border-radius: 0;
    background: #f9f9fa;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    padding: 30px 0;
    margin: 0
}

.nav-tabs li a:hover,
.nav-tabs li a:focus {
    color: #fff;
    background: #2c2c2c;
    border: none;
    border-bottom: 1px solid #2c2c2c
}

.tab-content {
    background: #f9f9fa
}

.contact-form {
    margin-top: 70px
}

.contact-form h1 {
    margin-bottom: 40px
}

.contact-form label {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin-bottom: 15px
}

.contact-form label span {
    color: #F2CD14
}

.contact-form input,
.contact-form textarea {
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    color: #494841;
    background: #fff
}

.contact-form input:focus,
.contact-form textarea:focus {
    color: #494841
}

.contact-form button {
    width: 100%;
    padding: 17px
}

.contact-info {
    text-align: center;
    margin: 60px 0 80px
}

.contact-info i.location-icon {
    display: block;
    margin: auto;
    background-image: url("/wp-content/themes/observepoint-2016/img/location.png");
    background-size: cover;
    width: 30px;
    height: 45px
}

.company .section-1 {
    position: relative;
    width: 100%;
    height: 553px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.company .section-1 .container {
    padding: 125px 50px 0;
    text-align: center;
    color: #fff
}

.company .section-1 .container .fa-play {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 120px auto 0;
    padding: 16px 0 0 5px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    background-color: #F2CD14;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.company .section-1 .container .fa-play:hover {
    background-color: rgba(232, 202, 20, 0.5)
}

.company .section-1 .container h1 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: oblique;
    font-size: 32px;
    font-size: 3.2rem
}

.company .section-1 .container p {
    margin: 20px 0 0;
    font-weight: 300;
    line-height: 1.2;
    font-size: 20px;
    font-size: 2rem
}

.company .section-2 {
    text-align: center;
    padding: 80px 20px;
    background: #fff
}

.company .section-2 p {
    font-style: italic;
    margin-bottom: 0;
    font-size: 20px;
    font-size: 2rem
}

.company .section-3 {
    position: relative
}

.company .section-3 img {
    width: 100%
}

.company .section-3 img.desktop {
    display: none
}

.company .section-3 .founders {
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    bottom: 0;
    left: 0;
    right: 0
}

.company .section-3 .founders .founder {
    float: left;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px
}

.company .section-3 .founders .founder:last-child {
    float: right
}

.company .section-3 .founders .founder h3 {
    color: #F2CD14;
    font-weight: 100
}

.company .section-3 .founders .founder p {
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 10px
}

.company .section-4 {
    padding: 50px 20px;
    background: #fff
}

.company .section-4 p {
    font-style: italic;
    margin-bottom: 30px;
    font-size: 20px;
    font-size: 2rem
}

.customers .section-1 {
    position: relative;
    width: 100%;
    height: 350px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.customers .section-1 .container {
    padding: 50px 50px 0;
    text-align: center;
    color: #fff
}

.customers .section-1 .container h1 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: oblique;
    font-size: 32px;
    font-size: 3.2rem
}

.customers .section-1 .container p {
    margin: 20px 0 0;
    font-weight: 300;
    line-height: 1.2;
    font-size: 20px;
    font-size: 2rem
}

.customers .section-2 {
    text-align: center;
    padding: 50px 20px;
    background: #fff
}

.customers .section-2 p {
    font-style: italic;
    max-width: 900px;
    margin: 0 auto;
}

.customers .customer-wrap {
    position: relative;
    width: 100%;
    overflow: auto
}

.customers .customer-wrap .customers-content {
    padding: 0
}

.customers .customer {
    height: 0;
    padding-bottom: 100%;
    background-color: #262626
}

.customers .customer:nth-child(6n+1),
.customers .customer:nth-child(6n+5) {
    background-color: #262626
}

.customers .customer:nth-child(6n+2),
.customers .customer:nth-child(6n+4) {
    background-color: #2c2c2c
}

.customers .customer:nth-child(3n+3) {
    background-color: #343434
}

.customers .customer img {
    max-width: 70%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 100px;
}

.customers .customer p.learn-btn {
    color: #97998f;
    border-bottom: 2px solid #97998f;
    font-size: 25px;
    font-size: 2.5rem;
    position: absolute;
    bottom: 20%;
    text-transform: uppercase;
    right: 0;
    left: 0;
    width: 170px;
    text-align: center;
    margin: auto
}

.customers .customer .container {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    color: #fff;
    text-align: center;
    font-style: oblique;
    background-color: rgba(232, 202, 20, 0.9);
    display: none
}

.customers .customer .container .quote-wrap {
    position: absolute;
    top: 50%;
    width: 90%;
    max-width: 400px;
    margin: auto;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.customers .customer .container p {
    color: #494841;
    margin-bottom: 30px;
    font-size: 25px;
    font-size: 2.5rem
}

.customers .customer .container p:before,
.customers .customer .container p:after {
    content: open-quote;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal
}

.customers .customer .container p:after {
    content: close-quote
}

.customers .customer .container .btn {
    width: 200px;
    margin: auto;
    color: #494841;
    padding: 10px 20px;
    background-color: #fff;
    font-size: 25px;
    font-size: 2.5rem
}

.customers .section-4 {
    margin: 50px 20px
}

.customers .section-4 img {
    width: 100%;
    padding-right: 2rem;
}

.customers .section-4 .fa-play {
    text-align: center;
    position: absolute;
    width: 50px;
    height: 50px;
    padding: 16px 0 0 5px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    background-color: #262626;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.customers .section-4 .fa-play:hover {
    background-color: rgba(38, 38, 38, 0.5)
}

.customers .section-4 .pdf-download {
    display: inline-block
}

.customers .section-4 .pdf-download img {
    width: 60px
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left
    }
}

.careers .hero {
    position: relative;
    width: 100%;
    height: 350px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.careers .hero .hero-text {
    padding: 88px 50px 0;
    text-align: center;
    color: #fff
}

.careers .hero .hero-text h1 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: oblique;
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 30px
}

.careers .subheading {
    padding: 50px 0;
    text-align: center;
    background: #fff
}

.careers .subheading-img {
    position: relative;
    width: 100%;
    height: 300px;
    background-image: url("/wp-content/themes/observepoint-2016/img/careers-office-mobile.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.careers .content {
    padding: 50px 0;
    background: #fff
}

.careers .call-to-action {
    padding: 50px 0;
    background: #f9f9fa;
    text-align: center
}

.postings {
    background: #fff
}

.postings .hero-heading {
    background-color: #F2CD14;
    background-image: url("/wp-content/themes/observepoint-2016/img/header-bg.jpg");
    background-position: 100% 0;
    background-repeat: no-repeat;
    text-align: center;
    height: 100px
}

.postings .hero-heading h1 {
    padding-top: 37px;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.postings .job-list-container {
    padding: 0 15px 50px
}

.postings .job-list-container h3 {
    margin-bottom: 10px
}

.postings .job-list-container ul {
    margin: 0;
    padding: 0
}

.postings .job-list-container a:hover {
    color: #d2b12a;
    text-decoration: underline
}

.press .section-1 {
    position: relative;
    width: 100%;
    height: 360px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.press .section-1 .container {
    padding: 100px 50px 0;
    text-align: center;
    color: #fff
}

.press .section-1 .container h1 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: oblique;
    font-size: 32px;
    font-size: 3.2rem
}

.press .section-1 .container p {
    margin: 20px 0 0;
    font-weight: 300;
    line-height: 1.2;
    width: 60%;
    margin: auto;
    font-size: 22px;
    font-size: 2.2rem
}

.press .section-2 {
    position: relative;
    width: 100%;
    margin: 20px auto
}

.press .section-2 ul {
    margin: auto;
    padding: 0
}

.press .section-2 ul:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    line-height: 0
}

.press .section-2 ul li {
    border-bottom: 2px solid #F2CD14;
    padding: 2% 10% 2% 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 48.5%;
    float: left;
    background-color: #fff;
    margin: 0 3% 40px 0
}

.press .section-2 ul li:nth-child(2n) {
    margin-right: 0
}

.press .section-2 ul li h5 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #F2CD14;
    font-size: 24px;
    font-size: 2.4rem
}

.press .section-2 ul li p {
    font-weight: 100;
    max-width: 500px;
}

.press .section-2 ul li .press-info:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    line-height: 0
}

.press .section-2 ul li .press-info .shared,
.press .section-2 ul li .press-info .author,
.press .section-2 ul li .press-info .post-time {
    float: left;
    line-height: 1;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem
}

.press .section-2 ul li .press-info .shared {
    color: #F2CD14
}

.press .section-2 ul li .press-info .author {
    border-left: 1px solid #000;
    border-right: 1px solid #686868;
    padding: 0 5px;
    margin: 0 5px
}

@media only screen and (max-width: 767px) {
    .press .section-1 .container {
        padding: 75px 0 0
    }
    .press .section-2 .container ul li {
        width: 100%;
        float: none;
        margin-right: 0
    }
}

.partner-page .hero {
    position: relative;
    width: 100%;
    height: 350px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.partner-page .hero .hero-text {
    padding: 88px 35px 0;
    text-align: center;
    color: #fff
}

.partner-page .hero .hero-text h1 {
    max-width: 400px;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin: 30px auto;
    font-style: oblique;
    font-size: 32px;
    font-size: 3.2rem
}

.partner-page .hero .hero-text h1 br {
    display: none
}

.partner-page .subheading {
    padding: 50px 35px;
    text-align: center;
    background: #fff
}

.partner-page .subheading p {
    font-size: 18px;
    font-size: 1.8rem;
    max-width: 950px;
    margin: 0 auto;
}

.partner-page .options {
    padding: 50px 35px;
    background: #f9f9fa;
    text-align: center
}

.partner-page .options .col-md-6:first-child {
    margin-bottom: 40px
}



.page-form .container {
    padding: 50px 15px
}

.page-form h1 {
    margin-top: 0;
    font-size: 24px;
    font-size: 2.4rem
}
@media (min-width:992px) {
    .page-form h1 {
        font-size: 3rem;
    }
}
.page-form .row+.row {
    margin-top: 20px
}

.page-form form p.title {
    font-size: 20px;
    font-size: 2rem
}

.page-form form label {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 20px;
}

.page-form form label span {
    color: #F2CD14
}

.page-form form input,
.page-form form textarea,
.page-form form select {
    border: 1px solid #ebebeb;
    color: #494841;
    background: #fff
}

.page-form form input:focus,
.page-form form textarea:focus,
.page-form form select:focus {
    color: #494841;
    border: 1px solid #F2CD14
}

.page-form form textarea {
    min-height: 134px;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 0.85rem 1rem
}

.page-form form button:not(.selectpicker) {
    width: 220px;
    padding: 17px;
    margin: 0 0 20px
}

.page-form form p span {
    color: #F2CD14
}

.tag-debug .hero {
    position: relative;
    width: 100%;
    height: 350px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.tag-debug .hero .hero-text {
    position: relative;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tag-debug .hero .hero-text h1 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: oblique;
    font-size: 35px;
    font-size: 3.5rem;
    margin-bottom: 30px
}

.tag-debug .hero .hero-text p {
    margin: 20px 0 0;
    font-weight: 300;
    line-height: 1.2;
    font-size: 20px;
    font-size: 2rem
}

.tag-debug .section-1 {
    background: #f9f9fa
}

.tag-debug .section-1 h2 {
    margin: 0;
    padding: 15px;
    text-align: center;
    color: #fff;
    background: #2c2c2c
}

.tag-debug .section-1 .box {
    padding: 20px;
    background: #fff;
    margin-bottom: 40px
}

.tag-debug .section-1 .box p.small-title {
    font-style: italic;
    font-weight: 100;
    font-size: 20px;
    font-size: 2rem
}

.tag-debug .section-1 .box p.small {
    margin-bottom: 5px
}

.tag-debug .section-1 .box p.last {
    margin: 20px 0 0 0
}

.tag-debug .section-1 .box a {
    padding: 17px;
    min-width: 200px
}

.tag-debug .section-1 a.full {
    padding: 17px;
    width: 100%
}

.tag-database .section-1 {
    position: relative;
    width: 100%;
    height: 200px;
    background-color: #2c2c2c;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.tag-database .section-1 .container {
    padding: 5px 0;
    text-align: center;
    color: #fff
}

.tag-database .section-1 .container h1 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    padding: 0 20px;
    font-style: oblique;
    font-size: 32px;
    font-size: 3.2rem
}

@media(min-width:768px) {
    .tag-database .section-1 .container {
        padding-top: 30px;
    }
}
@media(min-width:992px) {
    .tag-database .section-1 .container {
        padding-top: 55px;
    }
}

.tag-database .search:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    line-height: 0
}

.tag-database .search form:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    line-height: 0
}

.tag-database .search form .form-group,
.tag-database .search form .wpas-field {
    float: left;
    margin: 0 1% 0 0
}

.tag-database .search form .form-group.search-field,
.tag-database .search form .form-group.wpas-search-field,
.tag-database .search form .wpas-field.search-field,
.tag-database .search form .wpas-field.wpas-search-field {
    width: 40%
}

.tag-database .search form .form-group.search-category,
.tag-database .search form .form-group.wpas-taxonomy-field,
.tag-database .search form .form-group.search-vendor,
.tag-database .search form .wpas-field.search-category,
.tag-database .search form .wpas-field.wpas-taxonomy-field,
.tag-database .search form .wpas-field.search-vendor {
    width: 21%
}

.tag-database .search form .form-group label,
.tag-database .search form .wpas-field label {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 2rem;
}

.tag-database .search form .form-group label span,
.tag-database .search form .wpas-field label span {
    color: #F2CD14
}

.tag-database .search form .form-group input,
.tag-database .search form .form-group textarea,
.tag-database .search form .wpas-field input,
.tag-database .search form .wpas-field textarea {
    border: 1px solid #ebebeb;
    color: #494841;
    background: #fff
}

.tag-database .search form .form-group input:focus,
.tag-database .search form .form-group textarea:focus,
.tag-database .search form .wpas-field input:focus,
.tag-database .search form .wpas-field textarea:focus {
    color: #494841;
    border-color: #F2CD14
}

.tag-database .search form .wpas-submit-field {
    width: 14%
}

.tag-database .search form .wpas-submit-field input {
    background: #F2CD14;
    width: 100%;
    margin-top: 38px;
    height: 40px
}

.tag-database .tag-list ul {
    margin: auto;
    padding: 0
}

.tag-database .tag-list ul:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    line-height: 0
}

.tag-database .tag-list ul .tag-item {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    cursor: pointer
}

.tag-database .tag-list ul .tag-item:nth-child(4n) {
    margin-right: 0
}

.tag-database .tag-list ul .tag-item:nth-child(4n+1) {
    clear: both
}

.tag-database .tag-list ul .tag-item .logo-holder {
    height: auto;
    display: inline-block;
    margin-bottom: 10px;
}

.tag-database .tag-list ul .tag-item .logo-holder img {
    width: auto;
    height: 50px
}

.tag-database .tag-list ul .tag-item .tag-details {
    width: 425%;
    height: 0;
    opacity: 0;
    overflow: hidden
}

.tag-database .tag-list ul .tag-item .tag-title {
    color: #F2CD14;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-size: 2.4rem
}

.tag-database .tag-list ul .tag-item .vendor-page {
    word-break: break-all
}

.tag-database .tag-list ul .tag-item .tag-category,
.tag-database .tag-list ul .tag-item .tag-vendor {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0
}

.tag-database .tag-list ul .tag-item .tag-category:before,
.tag-database .tag-list ul .tag-item .tag-vendor:before {
    display: inline-block
}

.tag-database .tag-list ul .tag-item .tag-category {
    color: #F2CD14
}

.tag-database .tag-list ul .tag-item .tag-category:before {
    content: "Category:\00a0";
    color: #686868
}

.tag-database .tag-list ul .tag-item .tag-vendor:before {
    content: "Vendor:\00a0"
}

.tag-database .tag-list ul .tag-item.tag-expanded:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    line-height: 0
}

.tag-database .tag-list ul .tag-item.tag-expanded .tag-details {
    position: absolute;
    width: 425%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 1;
    padding: 30px 15px;
    height: auto;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    -webkit-box-shadow: 4px 4px 15px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 4px 4px 15px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 4px 4px 15px 0px rgba(50, 50, 50, 0.5);
    cursor: default
}

.tag-database .tag-list ul .tag-item.tag-expanded:nth-child(2) .tag-details,
.tag-database .tag-list ul .tag-item.tag-expanded:nth-child(4n+2) .tag-details {
    margin-left: -109%
}

.tag-database .tag-list ul .tag-item.tag-expanded:nth-child(3) .tag-details,
.tag-database .tag-list ul .tag-item.tag-expanded:nth-child(4n+3) .tag-details {
    margin-left: -218%
}

.tag-database .tag-list ul .tag-item.tag-expanded:nth-child(4) .tag-details,
.tag-database .tag-list ul .tag-item.tag-expanded:nth-child(4n+4) .tag-details {
    margin-left: -327%
}

.tag-database .tag-list ul .tag-item.tag-expanded .logo-holder {
    max-width: inherit
}

.tag-database .tag-list ul .tag-item.tag-expanded .tag-title,
.tag-database .tag-list ul .tag-item.tag-expanded .vendor-page,
.tag-database .tag-list ul .tag-item.tag-expanded .tag-category {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
    color: #686868
}

.tag-database .tag-list ul .tag-item.tag-expanded .tag-title:before,
.tag-database .tag-list ul .tag-item.tag-expanded .vendor-page:before,
.tag-database .tag-list ul .tag-item.tag-expanded .tag-category:before {
    display: block
}

.tag-database .tag-list ul .tag-item.tag-expanded .tag-title:before {
    content: "Vendor:\00a0"
}

.tag-database .tag-list ul .tag-item.tag-expanded .vendor-page a {
    color: #F2CD14
}

.tag-database .tag-list ul .tag-item.tag-expanded .vendor-page:before {
    content: "Vendor Page:\00a0"
}

.tag-database .tag-list ul .tag-item.tag-expanded .tag-category:before {
    content: "Tag Category:\00a0"
}

.tag-database .tag-list ul .tag-item.tag-expanded .tag-vendor {
    display: none
}

.tag-database .tag-list ul .tag-item.tag-expanded .read-more {
    margin: 0
}

.tag-database .tag-list ul .tag-item.tag-expanded .read-more a {
    color: #F2CD14
}

.tag-database .tag-list ul .tag-item.tag-expanded .read-more:before {
    content: "Read more:\00a0"
}

.tag-database .tag-list ul .tag-item.tag-expanded .follow-us {
    margin: 0;
    padding: 0
}

.tag-database .tag-list ul .tag-item.tag-expanded .follow-us:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    line-height: 0
}

.tag-database .tag-list ul .tag-item.tag-expanded .follow-us li {
    float: left;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 2px solid #686868;
    line-height: 1
}

.tag-database .tag-list ul .tag-item.tag-expanded .follow-us li:first-child:before {
    content: "Follow us:\00a0"
}

.tag-database .tag-list ul .tag-item.tag-expanded .follow-us li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none
}

.tag-database .tag-list ul .tag-item.tag-expanded .tag-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    padding: 11px 12px;
    border-radius: 100%;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-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;
    cursor: pointer
}

.tag-database .tag-list ul .tag-item.tag-expanded .tag-close:hover {
    background-color: #f2f2f3
}

.tag-database .tag-list .no-results {
    width: 100%;
    margin: 20px auto;
    text-align: center
}

@media only screen and (max-width: 970px) {

    .tag-database .tag-list ul .tag-item:nth-child(2n) {
        margin-right: 0
    }
    .tag-database .tag-list ul .tag-item:nth-child(4n+1) {
        clear: inherit
    }
    .tag-database .tag-list ul .tag-item:nth-child(2n+1) {
        clear: both
    }
    .tag-database .tag-list ul .tag-item.tag-expanded .tag-details {
        width: 209%
    }
    .tag-database .tag-list ul .tag-item.tag-expanded:nth-child(4n+2) .tag-details,
    .tag-database .tag-list ul .tag-item.tag-expanded:nth-child(3) .tag-details,
    .tag-database .tag-list ul .tag-item.tag-expanded:nth-child(4n+3) .tag-details,
    .tag-database .tag-list ul .tag-item.tag-expanded:nth-child(4) .tag-details,
    .tag-database .tag-list ul .tag-item.tag-expanded:nth-child(4n+4) .tag-details {
        margin-left: inherit
    }
    .tag-database .tag-list ul .tag-item.tag-expanded:nth-child(even) .tag-details {
        margin-left: -109%
    }
}

@media only screen and (max-width: 992px) {

    .tag-database .search form:after {
        display: block;
        content: "";
        clear: both;
        height: 0;
        line-height: 0
    }
    .tag-database .search form .form-group,
    .tag-database .search form .wpas-field {
        margin: 0 0 10px;
        width: 100%;
        float: none
    }
    .tag-database .search form .form-group:last-child,
    .tag-database .search form .wpas-field:last-child {
        margin-bottom: 0
    }
    .tag-database .search form .form-group.search-field,
    .tag-database .search form .form-group.wpas-search-field,
    .tag-database .search form .form-group.search-category,
    .tag-database .search form .form-group.wpas-taxonomy-field,
    .tag-database .search form .form-group.search-vendor,
    .tag-database .search form .wpas-field.search-field,
    .tag-database .search form .wpas-field.wpas-search-field,
    .tag-database .search form .wpas-field.search-category,
    .tag-database .search form .wpas-field.wpas-taxonomy-field,
    .tag-database .search form .wpas-field.search-vendor {
        width: 100%;
        float: none
    }
    .tag-database .search form .form-group.search-category,
    .tag-database .search form .form-group.search-vendor,
    .tag-database .search form .wpas-field.search-category,
    .tag-database .search form .wpas-field.search-vendor {
        width: 49%;
        margin-bottom: 20px
    }
    .tag-database .search form .form-group.search-category,
    .tag-database .search form .wpas-field.search-category {
        margin-right: 2%
    }
    .tag-database .search form .btn-search {
        width: 100%;
        display: block;
        float: none
    }
    .tag-database .search form .btn-search:before {
        display: block;
        content: "";
        clear: both;
        height: 0;
        line-height: 0
    }

    .tag-database .tag-list ul .tag-item:nth-child(4n) {
        margin-right: 0
    }
    .tag-database .tag-list ul .tag-item:nth-child(4n+1) {
        clear: both
    }
    .tag-database .tag-list ul .tag-item.tag-expanded .tag-details {
        width: 100%
    }
    .tag-database .tag-list ul .tag-item.tag-expanded:nth-child(2) .tag-details,
    .tag-database .tag-list ul .tag-item.tag-expanded:nth-child(4n+2) .tag-details,
    .tag-database .tag-list ul .tag-item.tag-expanded:nth-child(3) .tag-details,
    .tag-database .tag-list ul .tag-item.tag-expanded:nth-child(4n+3) .tag-details,
    .tag-database .tag-list ul .tag-item.tag-expanded:nth-child(4) .tag-details,
    .tag-database .tag-list ul .tag-item.tag-expanded:nth-child(4n+4) .tag-details {
        margin-left: inherit
    }
}
@media (min-width: 992px) {
    .tag-database .tag-list ul .tag-item {
        width: 23.5%;
    }
}
.single-blog .blog .hero {
    height: 160px
}

.single-blog .blog .hero .hero-text {
    padding-top: 35px
}

.single-blog .blog .hero .hero-text h1 {
    margin-bottom: 10px
}

@media only screen and (min-width: 550px) {
    .single-blog .blog .hero .hero-text h1 {
        margin-bottom: 30px
    }
}


.heroSection {
    margin-top: 110px;
    text-align: center;
}

/*main blog pag styles*/
.postHeader {
    margin-top: 8px;
    margin-bottom: 14px;
}

@media(min-width:992px){
    .blogSidebar {
        padding-left: 50px;
    }
}
/*footer*/
.blogFooterWrapper {
    background-color: #eee;
    padding-top: 10px;
    padding-bottom: 20px;
}
.blogFooter {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
}
.footerColumn {
    padding-right: 40px;   
}
.blogFooter h3 {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 400;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.blogFooter li {
    font-size: 14px;
    margin: 5px 0;
}
.blogFooter p {
    font-size: 14px;
    margin: 5px 0 20px 0;
}
.blogFooter .yellowBtn {
    width: 100%;
}
#footerSubBtn {
    margin-bottom: 20px;
}
#footerRequestBtn {
    padding-left: 13px;
}
@media (min-width:360px) {
    #footerRequestBtn {
        padding: 11px 25px;
    }   
}
.blog {
    margin-top: 98px;
}
.blog h1 {
    margin-bottom: 15px;
}
.blog .postInfo {
    margin-bottom: 8px;
    color: #96968E;
}
.blog .tags {
    margin-bottom: 20px;
}
.heroSection {
    position: relative;
    width: 100%;
    height: 180px;
    background-image: url('/wp-content/uploads/2015/08/BlogHeader_v21.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.blog .hero img {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 130px
}

.blog .hero .hero-text {
    padding: 125px 50px 0;
    text-align: center;
    color: #fff
}

.blog .hero .hero-text p {
    color: #E5CB23;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 40px
}


.blog .return-url {
    margin-top: 30px
}
.return-url .caret {
    background-image: url("/wp-content/themes/observepoint-2016/img/select-arrow.png");
    border: none;
    width: 26px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    margin-top: -5px;
    height: 18px;
}
.blog .return-url a {
    text-transform: uppercase;
    position: relative;
    font-size: 15px;
    font-size: 1.5rem
}


.blog .container {
    width: 90%;
    max-width: 1200px;
}

.blog .container .blog-categories {
    margin: 50px 0 38px;
    text-transform: uppercase
}

.blog .container .blog-categories ul li {
    padding: 8px 5px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-bottom: 2px solid #f9f9fa
}

.blog .container .blog-categories ul li.active,
.blog .container .blog-categories ul li:hover {
    border-bottom: 2px solid #494841
}

.blog .blog-posts .container {
    padding-left: 35px;
    padding-right: 35px
}

.blog .blog-posts article {
    background: #fff;
    border-bottom: 2px solid #F2CD14;
    margin-bottom: 50px
}

.blog .blog-posts article:nth-child(even),
.blog .blog-posts article:nth-child(odd) {
    float: none;
    width: 100%
}

.blog .blog-posts article h1 a {
    color: #cfb231;
    padding: 0
}

.blog .blog-posts article h1 a:hover {
    text-decoration: underline
}

.blog .blog-posts article .thumb {
    position: relative
}

.blog .blog-posts article .thumb .category {
    position: absolute;
    bottom: 0;
    left: -15px;
    background: #F2CD14
}

.blog .blog-posts article .thumb .category a {
    color: #494841;
    padding: 10px 17px;
    display: block
}

.blog .blog-posts article .thumb .category a:hover {
    text-decoration: underline
}

.blog .blog-posts article .post-info {
    padding: 30px;
    max-width: 660px;
}

.blog .blog-posts article .post-info .extra-info {
    margin-top: 80px
}

.blog .blog-posts article .post-info .extra-info p {
    margin: 0
}

.blog a.shared {
    cursor: pointer;
    color: #F2CD14;
    position: relative
}

.blog a.shared:hover {
    border-bottom: 2px solid #F2CD14
}

.blog a.shared .buttons {
    position: absolute;
    width: 300px
}

.blog a.shared .button {
    float: left;
    max-width: 50px;
    height: 50px;
    margin-left: 10px
}
.blog a {
    color: #D0A92B;
}
.blog .container {
    position: relative
}

.blog .container #share-buttons {
    display: none;
    position: absolute;
    z-index: 1
}

.blog .container #share-buttons .social-icons {
    margin: 0;
    padding: 0
}

.blog .container #share-buttons li {
    cursor: pointer;
    margin-bottom: 10px
}

.blog .container #share-buttons li:last-child {
    margin-bottom: 0
}

.blog .container #share-buttons li:hover {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}

.blog .container #share-buttons li:hover .box {
    height: 22px
}

.blog .container #share-buttons .box {
    padding: 0 2px;
    color: #fff;
    background: #2c2c2c;
    text-align: center;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.blog ol {
    margin-left: 0;
    padding-left: 35px
}
ol {
    counter-reset: list;
    margin: 0; 
}

ol > li {
    list-style: none;
    position: relative; 
    margin-bottom: 15px;
}

ol > li:before {
    counter-increment: list;
    content: counter(list, decimal) ") ";
    position: absolute;
    left: -1.4em; 
}
ol > li > ol > li:before {
    content: counter(list, lower-alpha) ") ";
}
ol > li > ol > li > ol > li:before {
    content: counter(list, lower-roman) ") ";
}
.blog ul {
    list-style-type: disc;
    margin-left: 35px;
}
.blog ul li {
    margin-bottom: 15px;
}
.blog .blog-post ul li {
    margin-bottom: 10px
}

.blog .blog-post ul li:last-child {
    margin-bottom: 0
}

.blog .blog-post .post-categories {
    margin: 0;
    padding: 0;
    list-style: none
}

.blog .blog-post article {
    margin-bottom: 50px
}

.blog .blog-post article .feature-img {
    position: relative
}

.blog .blog-post article .feature-img .category {
    position: absolute;
    bottom: 0;
    left: -15px;
    background: #F2CD14;
    padding: 10px
}

.blog .blog-post article .article-content {
    background: #fff;
    margin-top: 20px;
}

.blog .blog-post article .article-content h1 {
    margin-bottom: 10px
}

.blog .blog-post article .article-content .tags {
    margin: 40px 0 0 0
}

.blog .blog-post article .article-content .tags li {
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 5px
}

.blog .blog-post article .article-content .tags li a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #f9f9fa;
    padding: 5px 10px 5px 20px;
    display: block;
    position: relative
}

.blog .blog-post article .article-content .tags li a:before {
    content: '#';
    position: absolute;
    left: 6px;
    top: 4px
}

.blog .blog-post article .article-content table {
    border: none
}

.blog .blog-post article .article-content table tr {
    border: none
}

.blog .blog-post article .article-content table tr td {
    border: none
}

.blog .blog-post article .article-content a {
    color: #F2CD14
}

.blog .blog-post article .article-content a:hover {
    text-decoration: underline
}

.blog .blog-post article .article-content form {
    width: 50%
}

.blog .blog-post article .article-content form .btn {
    background: #F2CD14;
    width: 25%
}

.blog .blog-post .related-wrap {
    background: #fff;
    padding: 0 30px;
    margin-top: -50px
}

.blog .blog-post .related-wrap .related-posts {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 20px;
    background: #f9f9fa
}

.blog .blog-post .related-wrap .related-posts li {
    margin-bottom: 10px;
    color: #d2b12a
}

.blog .blog-post .related-wrap .related-posts li a {
    color: #d2b12a
}

.blog .blog-post .related-wrap .related-posts li a:hover {
    text-decoration: underline
}

.blog .blog-post .comments-container {
    padding: 60px;
    background: #fff;
    margin-bottom: 50px
}

.blog .blog-post .comments-container .comment-form .comment-notes {
    margin: 30px 0
}

.blog .blog-post .comments-container .comment-form p {
    width: 100%;
    display: block;
    margin-bottom: 5px
}

.blog .blog-post .comments-container .comment-form p span {
    color: #494841
}

.blog .blog-post .comments-container .comment-form p label {
    font-family: "aller",sans-serif;
    font-weight: 500;
    margin-bottom: 15px;
    display: inline-block;
    max-width: 100%
}

.blog .blog-post .comments-container .comment-form p label span {
    color: #F2CD14
}

.blog .blog-post .comments-container .comment-form p input {
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    color: #494841;
    background: #fff;
    border-radius: 2px;
    padding: 0.85rem 1rem !important;
    height: auto;
    line-height: 1.3;
    display: inline-block;
    width: 100%;
    max-width: 500px;
    font-size: 14px;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -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;

}

.blog .blog-post .comments-container .comment-form p textarea {
    display: block;
    max-width: 500px
}

.blog .blog-post .comments-container .comment-form p input[type="submit"] {
    margin-top: 30px;
    color: #494841;
    background-color: #e5cb23;
    box-shadow: none;
    text-shadow: none;
    padding: 17px !important;
    width: 200px;
    font-family: "aller",sans-serif;
    font-weight: bold;
    font-size: 11px;
}
.width50to100 {
    max-width: 100%;
}
@media(min-width:768px) {
    .width50to100 {
        max-width: 50%;
    }
}
@media only screen and (max-width: 992px) {
    .blog .blog-post article .article-content form {
        width: 100%
    }
    .blog .blog-post article .article-content form .btn {
        width: 100%
    }
}

.audit {
    background: #f9f9fa
}

.audit .hero {
    position: relative;
    width: 100%;
    height: 350px;
    background-image: url("/wp-content/themes/observepoint-2016/img/audit-start-mobile.jpg");
    background-position: 0 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.audit .hero img {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 130px
}

.audit .hero .hero-text {
    padding: 40px 15px 0;
    text-align: left;
    color: #fff
}

.audit .hero .hero-text h1 {
    text-transform: uppercase;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 50px;
    font-size: 5rem;
    margin-bottom: 30px;
    line-height: 0.9em
}

.audit .section-1 {
    margin: 40px 25px
}

.audit .section-1 ul {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 20px
}

.audit .section-2 {
    margin: 0 10px
}

.audit .top {
    z-index: 1
}

.audit .row {
    margin: 0
}

.audit .yellow-box {
    background: #F2CD14;
    padding: 25px;
    text-align: center;
    position: relative
}

.audit .yellow-box:before {
    content: '';
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: absolute;
    left: 50%;
    bottom: -25px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #F2CD14;
    background-image: url("/wp-content/themes/observepoint-2016/img/arrow-double-down.png");
    background-repeat: no-repeat;
    background-position: 50% 21px;
    background-size: 17px
}

.audit .yellow-box p {
    margin-bottom: 0
}

.audit .container {
    padding-top: 0;
    padding-bottom: 0
}

.audit .audit-form {
    padding: 20px;
    border: 2px solid #F2CD14;
    background: #fff;
    margin-bottom: 40px
}

.audit .audit-form form textarea {
    margin-bottom: 0
}

.audit .audit-form form button {
    margin: 0 0 20px 0
}

.audit.assessment .hero {
    background-image: url("/wp-content/themes/observepoint-2016/img/data-assessment-mobile.jpg")
}

.audit.assessment .section-1 {
    margin: 0;
    padding: 40px 25px 20px;
    background: white;
    border-left: 1px solid #f1f0f1;
    border-right: 1px solid #f1f0f1
}

.audit.assessment .section-1 h1 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 45px;
    font-size: 4.5rem;
    color: #F2CD14
}

.audit.assessment .section-1 h3 {
    font-style: oblique;
    font-size: 20px;
    font-size: 2rem
}

.audit.assessment .section-2 {
    position: relative;
    margin: 0 0 40px;
    background: white;
    border-left: 1px solid #f1f0f1;
    border-right: 1px solid #f1f0f1
}

.audit.assessment .section-2 img {
    width: 100%
}

.audit.assessment .section-2 img.desktop {
    display: none
}

.audit.assessment .section-2 .text-box {
    width: 90%;
    margin: 0 5%;
    position: absolute;
    top: 30%;
    background: #e3e3de;
    padding: 20px;
    -webkit-box-shadow: 2px 10px 14px -2px rgba(0, 0, 0, 0.57);
    -moz-box-shadow: 2px 10px 14px -2px rgba(0, 0, 0, 0.57);
    box-shadow: 2px 10px 14px -2px rgba(0, 0, 0, 0.57)
}

.audit.assessment .section-2 .text-box p {
    margin-bottom: 0
}

.audit.assessment .section-2 .text-box p span.desktop {
    display: none
}

@-webkit-keyframes load {
    0% {
        stroke-dashoffset: 0
    }
}

@-moz-keyframes load {
    0% {
        stroke-dashoffset: 0
    }
}

@keyframes load {
    0% {
        stroke-dashoffset: 0
    }
}

.circle-score-wrap {
    margin-top: -100px;
    position: relative;
    background: #fff;
    border-left: 1px solid #f1f0f1;
    border-right: 1px solid #f1f0f1;
    -webkit-box-shadow: 0px -5px 14px -2px rgba(0, 0, 0, 0.57);
    -moz-box-shadow: 0px -5px 14px -2px rgba(0, 0, 0, 0.57);
    box-shadow: 0px -5px 14px -2px rgba(0, 0, 0, 0.57)
}

.circle-score-wrap img.icon-pdf {
    width: 60px;
    position: absolute;
    border-top: 10px solid white;
    border-right: 10px solid white;
    right: -10px;
    bottom: 10px;
    background: white;
    z-index: 3
}

@media only screen and (min-width: 380px) {
    .circle-score-wrap img.icon-pdf {
        bottom: auto;
        top: 10px
    }
}

.circle-score-wrap .progress-radial {
    position: relative;
    top: -50px;
    padding: 0;
    width: 200px;
    height: 200px;
    margin: 0 auto -50px;
    background: #F2CD14;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.circle-score-wrap .progress-radial .outer-circle {
    width: 242px;
    height: 242px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 22px solid #e3e3de;
    position: absolute;
    top: -21px;
    left: -21px;
    z-index: 2
}

.circle-score-wrap .progress-radial .middle-circle {
    background: #e3e3de;
    width: 54.5%;
    height: 54%;
    padding-top: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    z-index: 1;
    top: 49%;
    left: 50%;
    -webkit-transform: translateX(-50%) translatey(-50%);
    -moz-transform: translateX(-50%) translatey(-50%);
    -ms-transform: translateX(-50%) translatey(-50%)
}

.circle-score-wrap .progress-radial .middle-circle p {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-size: 3rem
}

.circle-score-wrap .progress-radial .middle-circle p span {
    font-size: 20px;
    font-size: 2rem
}

.circle-score-wrap .progress-radial .middle-circle p span.score {
    font-size: 65px;
    font-size: 6.5rem
}

.circle-score-wrap .progress-radial>li {
    position: relative;
    text-align: center;
    color: #494841
}

.circle-score-wrap .progress-radial svg {
    width: 200px;
    height: 200px;
    padding: 15px;
    position: relative;
    z-index: 0;
    fill: none;
    left: 0px;
    top: 0px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    overflow: visible
}

.circle-score-wrap .progress-radial svg path {
    stroke-width: 60;
    stroke-dasharray: 629;
    stroke: #fff;
    -webkit-animation: load 5s ease-out;
    -moz-animation: load 5s ease-out;
    -o-animation: load 5s ease-out;
    animation: load 5s ease-out
}

.sticky {
    display: block
}

.hentry {
    margin: 0 0 1.5em
}

.byline,
.updated:not(.published) {
    display: none
}

.single .byline,
.group-blog .byline {
    display: inline
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.widget_search .search-submit {
    display: none
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,
iframe,
object {
    max-width: 100%
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

@media (min-width: 480px) {
    body,
    p {
        font-size: 14px;
        font-size: 1.4rem
    }
    h1,
    h2,
    h3,
    h4 {
        margin-top: 18px;
        margin-bottom: 12px;

    }
    h1 {
        font-size: 30px;
        font-size: 3rem
    }
    h2 {
        font-size: 28px;
        font-size: 2.8rem
    }
    h3 {
        font-size: 24px;
        font-size: 2.4rem
    }
    h4 {
        font-size: 20px;
        font-size: 2rem
    }
    .topbar {
        height: 38px;
        font-size: 14px;
        font-size: 1.4rem
    }
    .hero-video .fa-play {
        width: 70px;
        height: 70px;
        padding-top: 22px;
        font-size: 25px
    }
    .hero-video p {
        font-size: 18px;
        font-size: 1.8rem
    }
    .trial-info .trial-list {
        width: 80%
    }
    .trial-info .trial-list ul {
        font-size: 14px;
        font-size: 1.4rem
    }
    .trial-form {
        height: 200px
    }
    .fsPage {
        margin-top: 20px;
        padding: 0 20px;
        min-height: 250px
    }
    .fsPage .fsOptionLabel.horizontal {
        float: left;
        display: inline-block;
        text-align: left
    }
    .fsBody .fsPagination {
        text-indent: 20px
    }
    .features p.emphasis {
        font-size: 18px;
        font-size: 1.8rem
    }
    .features blockquote {
        padding-left: 70px
    }
    .features blockquote img {
        width: 50px
    }
    .features blockquote footer {
        font-size: 14px;
        font-size: 1.4rem
    }
    .quote {
        height: 200px
    }
    .quote .container p {
        margin-bottom: 15px;
        font-size: 14px;
        font-size: 1.4rem
    }
    .quote .container p:before {
        font-size: 50px;
        font-size: 5rem
    }
    .quote .container p:after {
        display: none
    }
    .feature-quote {
        height: 450px
    }
    .feature-quote .container h2 {
        margin: 12px auto;
        font-size: 30px;
        font-size: 3rem
    }
    .feature-quote .container h2:before {
        margin: 2rem auto
    }
    .feature-quote .container p {
        font-size: 30px;
        font-size: 3rem
    }
    .partners {
        padding: 40px 0 80px
    }
    .partner-logo {
        height: 80px
    }
    .our-history {
        height: 450px
    }
    .our-history .container {
        padding-top: 60px
    }
    .our-history .container p {
        font-size: 20px;
        font-size: 2rem
    }
    #audit-modal .modal-trial-info ul li {
        width: 32%;
        margin-right: 1%;
        float: left
    }
    #audit-modal .modal-trial-info ul li:nth-child(3n) {
        margin-right: 0
    }

    .skrollr-deck .deck-img-container img {
        max-width: 103%
    }
    .company .section-1 .container .fa-play {
        width: 70px;
        height: 70px;
        padding-top: 22px;
        font-size: 25px
    }
    .customers .section-4 .fa-play {
        width: 70px;
        height: 70px;
        padding-top: 22px;
        font-size: 25px
    }
}

@media only screen and (max-width: 767px) {
    #scroll-top {
        bottom: 40%
    }
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left
    }
    body,
    p {
        font-size: 14px;
        font-size: 1.4rem
    }
    h1,
    h2,
    h3,
    h4 {
        margin-top: 30px;
        margin-bottom: 25px
    }
    h1 {
        font-size: 32px;
        font-size: 3.2rem
    }
    h2 {
        font-size: 30px;
        font-size: 3rem
    }
    h3 {
        font-size: 28px;
        font-size: 2.4rem
    }
    h4 {
        font-size: 22px;
        font-size: 2.2rem
    }
    .container {
        width: 78%
    }
    header .logo-observepoint {
        width: 190px;
        height: 28px;
        margin: 22px 0 0 0
    }
    .topbar {
        padding-top: 10px;
        font-size: 20px;
        font-size: 2rem
    }
    .navbar-toggle {
        margin: 18px 0
    }
    .navbar-toggle .icon-bar {
        width: 30px;
        height: 2px
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 6px
    }
    .hero-video {
        height: 640px
    }
    .hero-video .fa-play {
        margin-top: 150px
    }
    .hero-video p {
        font-size: 22px;
        font-size: 2.2rem
    }
    .trial-form {
        height: 200px
    }
    .question-container ul.nav-justified li {
        width: 1%;
        padding-left: 5px;
        padding-right: 5px
    }
    .features p.emphasis {
        font-size: 18px;
        font-size: 1.8rem
    }
    .features blockquote {
        padding-left: 70px
    }
    .features blockquote img {
        width: 50px
    }
    .features blockquote footer {
        font-size: 18px;
        font-size: 1.8rem
    }
    .quote {
        height: 300px
    }
    .quote .container p {
        font-size: 22px;
        font-size: 2.2rem
    }
    .quote .container p:before {
        margin-bottom: 35px;
        font-size: 80px;
        font-size: 8rem
    }
    .quote .container .btn {
        width: 120px;
        height: 36px;
        padding: 10px;
        bottom: 35px;
        font-size: 15px;
        font-size: 1.5rem
    }
    .feature-quote {
        height: 600px
    }
    .feature-quote .container h2 {
        margin: 30px auto;
        font-size: 40px;
        font-size: 4rem
    }
    .feature-quote .container h2:before {
        margin: 60px auto;
        font-size: 100px;
        font-size: 10rem
    }
    .partner-logo {
        height: 100px
    }
    .our-history {
        height: 600px
    }
    .our-history .container {
        padding-top: 100px
    }
    .our-history .container p {
        font-size: 24px;
        font-size: 2.4rem
    }
    #audit-modal .modal-content {
        width: 70%
    }
    #audit-modal .modal-trial-form form {
        width: 70%
    }

    #skrollr-body>a {
        position: absolute;
        display: block;
        margin-top: -114px
    }
    .skrollr-deck .deck-img-container img {
        max-width: 100%;
        margin-right: 0
    }
    .skrollr-decks-nav {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
    .contact-form .form-group {
        width: 100%;
        display: block
    }
    .contact-form .form-control {
        width: 100%;
        display: block
    }
    .contact-form button {
        padding: 15px
    }
    .company .section-1 {
        height: 649px;
        background-image: url("/wp-content/themes/observepoint-2016/img/company.jpg")
    }
    .company .section-1 .container {
        padding: 260px 50px 0;
        text-align: center;
        color: #fff
    }
    .company .section-1 .container img {
        width: 100px;
        margin-bottom: 30px
    }
    .company .section-1 .container p {
        max-width: 550px;
        margin: auto
    }
    .company .section-3 img {
        display: none
    }
    .company .section-3 img.desktop {
        display: block
    }
    .company .section-3 .founders {
        width: 78%
    }
    .customers .customer {
        padding-bottom: 20%
    }
    .customers .customer:hover .container,
    .customers .customer:focus .container {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        filter: "alpha(opacity=$opperc)"
    }
    .customers .customer p.learn-btn {
        display: none
    }
    .customers .customer .container {
        display: block;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        filter: "alpha(opacity=$opperc)";
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }
    .customers .customer .container p {
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 1.5rem;
        font-size: 12px;
        font-size: 1.2rem
    }
    .customers .customer .container .btn {
        width: auto;
        padding: 5px 10px;
        font-size: 12px;
        font-size: 1.2rem
    }
    .careers .hero .hero-text {
        padding: 97px 50px 0
    }
    .careers .hero br {
        display: none
    }
    .careers .subheading-img {
        background-image: url("/wp-content/themes/observepoint-2016/img/careers-office.jpg")
    }
    .postings .job-list-container {
        margin: 0 auto;
        padding-bottom: 50px;
        max-width: 800px
    }
    .postings .job-list-container .job-categories .category {
        width: 50%;
        float: left
    }
    .blog .container #share-buttons {
        display: block;
        right: -35px;
        bottom: -220px
    }
}

@media (min-width: 992px) {
    a.tel {
        pointer-events: none;
        cursor: default
    }
    .col-md-15 {
        width: 20%;
        float: left
    }
    body,
    p {
        font-size: 16px;
        font-size: 1.6rem
    }
    h1 {
        font-size: 38px;
        font-size: 3.8rem;
    }
    h2 {
        font-size: 2.8rem
    }
    .container {
        width: 90%
    }
    header .navbar .topbar {
        padding-top: 12px;
        text-align: right;
        font-size: 15px;
        font-size: 1.5rem
    }
    header .navbar .topbar .container {
        padding-left: 20px;
        padding-right: 20px
    }
    header .navbar .topbar+.menubar {
        margin: 25px 0 0;
        padding: 0 20px;
        position: relative
    }
    header .navbar-header {
        width: 195px;
        font-size: 2.9vw;
        line-height: 100%
    }
    header .logo-observepoint {
        margin: 0
    }
    header .navbar-nav.navbar-right {
        margin: 0 0 0 2%
    }
    header .navbar-nav.navbar-right .demo-request {
        width: 300px;
        margin: 0
    }
    header .navbar-nav.navbar-main {
        float: right;
        margin: 0
    }
    header .navbar-nav.navbar-main>li>a {
        pointer-events: none;
        line-height: 38px;
        float: none;
        width: auto;
        padding: 0 10px 60px;
        margin-bottom: 0
    }
    header .navbar-nav.navbar-main>li:hover>a {
        color: #F2CD14
    }
    header .navbar-nav.navbar-main>li:hover a:after,
    header .navbar-nav.navbar-main>li:hover .dropdown-menu {
        display: block
    }
    header .navbar-nav.navbar-main>li.open>a {
        color: #F2CD14
    }
    header .navbar-nav.navbar-main>li.open>a:after {
        display: block
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu,
    header .navbar-nav.navbar-main>li.nav-1-2 .dropdown-menu,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu,
    header .navbar-nav.navbar-main>li.nav-1-4 .dropdown-menu {
        margin-top: 0
    }
    header .navbar-nav.navbar-main>li .dropdown-menu {
        background-color: #262626;
        width: auto;
        margin-top: 0;
        margin-left: 0;
        top: 60px;
        padding: 30px;
        position: absolute
    }
    header .navbar-nav.navbar-main>li .dropdown-menu a {
        margin-bottom: 10px
    }
    header .navbar-nav.navbar-main>li .dropdown-menu a.link-seeMoreCustomers {
        display: block
    }
    header .navbar-nav.navbar-main>li.nav-1-1,
    header .navbar-nav.navbar-main>li.nav-1-3 {
        position: inherit
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu {
        width: 78% !important;
        left: 50%;
        border: 0;
        float: none;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu:after,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu:after {
        content: "";
        display: table;
        display: block;
        content: "";
        clear: both;
        height: 0;
        line-height: 0
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu .column-1,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-1 {
        float: left;
        width: 22%
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu .column-1 a span,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-1 a span {
        color: #fff;
        font-style: oblique;
        margin-bottom: 20px;
        display: block
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu .column-1 a:first-child,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-1 a:first-child {
        display: block;
        margin-bottom: 30px
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu .column-1 a.link-dblArrows,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-1 a.link-dblArrows {
        background-image: url("/wp-content/themes/observepoint-2016/img/icon-miniArrow.png");
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 10px;
        display: inline-block;
        padding-bottom: 4px
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu .column-1 img,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-1 img {
        display: block;
        width: 100%
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu .column-2,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-2 {
        float: right;
        width: 73%
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu .column-2 h4,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-2 h4 {
        color: #edeeed;
        font-weight: 300;
        margin-top: 0
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu .column-2 h4:hover,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-2 h4:hover {
        color: #F2CD14
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu .column-2 ul,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-2 ul {
        width: 100%;
        margin: 0;
        padding: 0;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu .column-2 ul:after,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-2 ul:after {
        content: "";
        display: table;
        display: block;
        content: "";
        clear: both;
        height: 0;
        line-height: 0
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu .column-2 ul li,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-2 ul li {
        margin-right: 15%;
        margin-bottom: 10px
    }
    header .navbar-nav.navbar-main>li.nav-1-1 .dropdown-menu .column-2 ul li a,
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-2 ul li a {
        padding-top: 0
    }
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-2 {
        width: 77%;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%)
    }
    header .navbar-nav.navbar-main>li.nav-1-3 .dropdown-menu .column-2 .customer-logo {
        width: 25%;
        height: auto;
        margin: 0
    }
    .full-block,
    .hero-video .video-container,
    .hero-video .video-container:after {
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: transparent
    }
    .hero-video {
        background-image: url("/wp-content/themes/observepoint-2016/img/desktop/hero-video-desktop.jpg")
    }
    .hero-video .video-container #bg-video {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        background: transparent
    }
    .hero-video .video-container:after {
        content: " ";
        background-color: rgba(232, 202, 20, 0.7)
    }
    .hero-video .fa-play {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100px;
        height: 100px;
        margin: auto;
        padding-top: 38px;
        background-color: rgba(38, 38, 38, 0.5)
    }
    .hero-video .fa-play:hover {
        width: 110px;
        height: 110px;
        padding-top: 43px;
        background-color: rgba(38, 38, 38, 0.8)
    }
    .hero-video h1 {
        margin-top: 400px
    }
    .hero-video h1 br {
        display: none
    }
    .hero-video p {
        width: 80%
    }
    .trial-info,
    .trial-form {
        height: 405px
    }
    .trial-info:after {
        content: " ";
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        right: -20px;
        left: auto;
        width: 0;
        height: 0;
        margin: auto;
        border-style: solid;
        border-width: 25px 0 25px 20px;
        border-color: transparent transparent transparent #2c2c2c;
        z-index: 10
    }
    .trial-info .container {
        margin-left: 8%
    }
    .data-quality-assessment p {
        width: 56%
    }
    .data-quality-assessment .dqa-steps .dqa-steps-box {
        background: url("/wp-content/themes/observepoint-2016/img/desktop/question-photo.jpg") 100% 50% no-repeat;
        background-size: contain
    }
    .question-container {
        width: 60%;
        margin: 65px 0 0 10px
    }
    .question-container p.question {
        font-size: 24px;
        font-size: 2.4rem
    }
    .question-container ul.nav-justified li {
        width: 1%;
        padding-left: 5px;
        padding-right: 5px
    }
    .fsPage {
        margin-top: 40px;
        max-width: 70%;
        min-height: 220px;
        padding: 0 40px
    }
    .fsBody .fsPagination {
        text-indent: 40px
    }
    .features {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .features .feature-img {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block;
    }
    .features h2 {
        margin-top: 0
    }
    .features h2 br {
        display: none
    }
    .features p.emphasis {
        font-size: 18px;
        font-size: 1.8rem
    }
    .features blockquote {
        padding-left: 70px
    }
    .features blockquote img {
        width: 50px
    }
    .quote {
        height: 250px
    }
    .quote .container p {
        font-size: 16px;
        font-size: 1.6rem
    }
    .quote .container p:before {
        margin-bottom: 20px;
        font-size: 50px;
        font-size: 5rem
    }
    .quote .container .btn {
        bottom: 25px;
        font-size: 15px;
        font-size: 1.5rem
    }
    .feature-quote {
        height: 500px
    }
    .feature-quote .container h2 {
        font-size: 30px;
        font-size: 3rem
    }
    .feature-quote .container h2:before {
        margin: 80px auto 50px;
        font-size: 80px;
        font-size: 8rem
    }
    .feature-quote .container p {
        font-size: 20px;
        font-size: 2rem
    }
    .partners p {
        width: 75%
    }
    .partner-logo {
        height: 100px
    }
    .our-history {
        height: 400px;
        background-image: url("/wp-content/themes/observepoint-2016/img/desktop/our-history.jpg")
    }
    .our-history .white-bg {
        background-color: transparent
    }
    .our-history .container {
        padding-top: 20px;
        padding-right: 40%
    }
    .our-history .container p {
        font-size: 20px;
        font-size: 2rem
    }
    #audit-modal .modal-content {
        width: 70%; /*erase this from style.css*/
        max-width: 700px;
    }

    .social-icons {
        display: inline-block;
        float: right;
        margin-top: 50px
    }
    .subnav-header {
        position: fixed;
        top: 130px
    }
    .subnav-header .nav-title {
        overflow: hidden
    }
    .subnav-header+#skrollr-body>section:first-child {
        padding-top: 200px
    }
    .skrollr-decks-nav {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }
    .skrollr-deck {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .skrollr-deck .deck-text-container .deck-text {
        width: 80%;
        height: 50%;
        margin: 80px 0 0
    }
    .skrollr-deck .deck-img-container img {
        margin-right: -14%;
        margin-top: 50px
    }
    .skrollr-deck:nth-of-type(odd) {
        background-color: #f9f9fa
    }
    .products-post .skrollr-deck {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .company .section-1 .container .fa-play {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100px;
        height: 100px;
        margin: auto;
        padding-top: 38px;
        background-color: rgba(232, 202, 20, 0.5)
    }
    .company .section-1 .container .fa-play:hover {
        width: 110px;
        height: 110px;
        padding-top: 43px;
        background-color: rgba(232, 202, 20, 0.8)
    }
    .company .section-1 .container h1 {
        margin-top: 165px
    }
    .company .section-3 .founders {
        width: 90%
    }
    .partner-page .options {
        text-align: left
    }
    .partner-page .options p {
        min-height: 88px;
        max-width: 470px;
    }
    .blog .hero .hero-text {
        padding: 155px 50px 0
    }
    .blog .blog-posts article:nth-child(odd) {
        float: left;
        width: 47.5%;
        margin-right: 2.5%;
        clear: both
    }
    .blog .blog-posts article:nth-child(even) {
        float: right;
        width: 47.5%;
        margin-left: 2.5%
    }
    .customers .customer .container p {
        margin-bottom: 20px;
        line-height: 1.5rem;
        font-size: 14px;
        font-size: 1.4rem
    }
    .customers .customer .container .btn {
        padding: 10px 15px;
        font-size: 14px;
        font-size: 1.4rem
    }
    .customers .section-4 .fa-play {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100px;
        height: 100px;
        margin: auto;
        padding-top: 38px;
        font-size: 25px;
        background-color: rgba(38, 38, 38, 0.5)
    }
    .customers .section-4 .fa-play:hover {
        width: 110px;
        height: 110px;
        padding-top: 43px;
        background-color: rgba(38, 38, 38, 0.8)
    }
    .audit .hero {
        background-image: url("/wp-content/themes/observepoint-2016/img/audit-start.jpg")
    }
    .audit .hero img {
        top: 20px;
        right: 5%
    }
    .audit .row {
        max-width: 78%;
        margin: auto
    }
    .audit .section-1 {
        margin: 40px 0
    }
    .audit .section-2 {
        margin: 0
    }
    .audit .yellow-box {
        text-align: left
    }
    .audit .yellow-box p {
        max-width: 70%
    }
    .audit .yellow-box:before {
        left: auto;
        top: 50%;
        right: -25px;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-image: url("/wp-content/themes/observepoint-2016/img/arrow-double-right.png");
        background-position: 21px 50%;
        background-size: 20px
    }
    .audit .audit-form {
        position: relative;
        top: -280px;
        left: 20px
    }
    .audit.assessment .hero {
        background-image: url("/wp-content/themes/observepoint-2016/img/data-assessment.jpg");
        background-position: 50%;
        background-size: cover
    }
    .audit.assessment .hero .hero-text {
        padding: 40px 15px 0
    }
    .audit.assessment .hero .hero-text h1 {
        font-size: 69px;
        font-size: 6.9rem
    }
    .audit.assessment .row {
        margin-top: -100px;
        max-width: 90%
    }
    .audit.assessment .row.hero-text {
        margin-top: 0
    }
    .audit.assessment .section-1 {
        padding-top: 20px;
        -webkit-box-shadow: 0px -5px 14px -2px rgba(0, 0, 0, 0.57);
        -moz-box-shadow: 0px -5px 14px -2px rgba(0, 0, 0, 0.57);
        box-shadow: 0px -5px 14px -2px rgba(0, 0, 0, 0.57)
    }
    .audit.assessment .section-1 h1 {
        margin-bottom: 10px
    }
    .audit.assessment .section-1 h3 {
        margin-top: 0
    }
    .audit.assessment .section-2 {
        background: none;
        border: none
    }
    .audit.assessment .section-2 .audit-form {
        top: -195px
    }
    .audit.assessment .circle-score-wrap {
        margin-top: 0;
        position: absolute;
        background: none;
        border-left: none;
        border-right: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        z-index: 1;
        top: -165px;
        right: 0
    }
    .audit.assessment .circle-score-wrap img.icon-pdf {
        top: auto;
        bottom: -105px;
        z-index: 0
    }
    .audit.assessment .circle-score-wrap .progress-radial {
        top: 0
    }
}

@media (min-width: 1200px) {
    .container {
        width: 78%
    }
    .col-lg-15 {
        width: 20%;
        float: left
    }
    .hero-video p {
        width: 65%
    }
    .trial-info .container {
        margin-left: 20%
    }
    .question-container {
        width: 55%
    }
    .features .feat-text-container .container {
        margin-left: 0%
    }
    .quote {
        height: 300px
    }
    .quote .container p {
        line-height: 1.2;
        font-size: 20px;
        font-size: 2rem
    }
    .quote .container p:before {
        margin-bottom: 25px;
        font-size: 60px;
        font-size: 6rem
    }
    .feature-quote {
        height: 600px
    }
    .feature-quote .container h2:before {
        margin-top: 100px
    }
    .feature-quote .container p {
        font-size: 25px;
        font-size: 2.5rem
    }
    .partners p {
        width: 70%
    }
    .skrollr-deck .deck-img-container img {
        right: 0
    }
    .tab-wrap .nav-tabs {
        width: 65%;
        border-left: 1px solid #d9d9d9;
        border-right: 1px solid #d9d9d9
    }
    .tab-content {
        background: #fff
    }
    .tab-content .container {
        width: 50%
    }
    .company .section-3 .founders {
        width: 78%
    }
    .customers .customer .container p {
        line-height: 2rem;
        font-size: 20px;
        font-size: 2rem
    }
    .customers .customer .container .btn {
        font-size: 20px;
        font-size: 2rem
    }
    .audit .hero {
        background-color: #2d2c2e;
        background-size: initial
    }
    .audit .hero img {
        right: 5%
    }
    .audit.assessment .circle-score-wrap {
        right: 70px
    }
    .audit.assessment .circle-score-wrap img.icon-pdf {
        bottom: -94px;
        right: -74px
    }
}

@media (min-width: 1600px) {
    .responsive-video {
        padding-bottom: 0;
        padding-top: 0;
        height: 800px
    }
}

@media (min-width: 992px) {
    .products-page .section-2 p {
        width: 66%;
        padding: 0
    }
    .products-page .section-3 {
        padding: 250px 0 54px
    }
    .products-page .section-3 .container h5 {
        margin: 0
    }
    .products-page .section-3 .container h2 {
        margin: 0 0 20px
    }
    .products-page .section-3 .container p {
        font-size: 1.4rem
    }
}

.lp {
    background-color: #f9f9fa;
}

.lp .hero {
    position: relative;
    width: 100%;
    height: 50px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #efefef !important;
}

.lp .hero img {
    position: absolute;
    top: 15px;
    left: 25px;
    width: 130px
}

.lp .section-1 {
    margin: 40px 25px;
    width: 95%;
    max-width: 1025px;
    padding-right: 30px;
}

.lp .section-1 ul {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 20px
}

.lp .section-2 {
    margin: 40px 00px
}

.lp .top {
    z-index: 1
}

.lp .row {
    margin: 0
}

.lp .form-header {
    background: #F2CD14;
    padding: 25px;
    text-align: center;
    position: relative
}

.lp .form-header p {
    margin: 0px;
    text-transform: uppercase;
    font-size: 2.4rem;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.lp .form-header:before {
    content: '';
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: absolute;
    left: 50%;
    bottom: -25px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #F2CD14;
    background-image: url("/wp-content/themes/observepoint-2016/img/arrow-double-down.png");
    background-repeat: no-repeat;
    background-position: 50% 21px;
    background-size: 17px
}

.lp .yellow-box p {
    margin-bottom: 0
}

.lp .container {
    padding-top: 0;
    padding-bottom: 0
}

.lp .lp-form {
    padding: 0px 20px 20px 20px; 
    border-top: 5px solid #F2CD14; 
    border-left: none; 
    border-right: none; 
    border-bottom: none; 
    background-color: #efefef    

}

.lp-form-title{
    padding-top: 20px;
    text-align: center;
    font-weight: bold;
}

.lp .lp-form form textarea {
    margin-bottom: 0
}

.lp .lp-form form button {
    margin: 0 0 20px 0
}

.lp .lp-form .form-group label {
    margin: 0 0 5px 0
}

.lp .lp-form .privacy img {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    vertical-align: middle;
}

.lp-footer {
    background-color: #efefef !important;
    padding: 0;
    margin: 0;
}

.footer-bar{
    padding-top: 20px;
}
@media (min-width: 768px){
    .container-test {
        width: 750px;
    }
}
@media (min-width: 992px){
    .container-test {
        width: 970px;
    }
}
@media (min-width: 1200px){
    .container-test {
        width: 1054px;
    }
}



.container-test {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1054px;
}


/* =WordPress Core
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 0px;
    text-align: center;
}

.wp-caption.alignnone {
    /*margin: 5px 20px 20px 0;*/
    margin: 0 auto 30px auto;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}




/*--------------------------------------------------CAROUSEL------------------------------------------------- */
.carousel .item {
    background-color: #fff!important;
}
.carousel-indicators li {
    border: 1px solid #262626;
    height: 15px;
    width: 15px;
}
.carousel-indicators .active {
    background-color: #262626;
    height: 15px;
    width: 15px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
    height: 500px;
    background-color: #777;
}

.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-width: 660px;
}
#carousel-example-generic {
    height: 440px;
}

.carousel-caption {
    top: 0px;

}
.carousel-caption p, .carousel-caption h2 {
    text-align: left;
    color: rgb(58, 58, 53);
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: none;
}
.item {
    height: 444px;
    min-height: 300px;
    max-height: 640px;
    width: 100%;
}

.arrow::before {
    display: none;
}

/* take this out, if we decide to keep the arrows off
.arrow::before {
border-style: solid;
border-width: 0.15em 0.15em 0 0;
content: '';
display: inline-block;
height: 0.65em;
transform: rotate(-45deg);
width: 0.65em;
color: #222;
}

.arrow.right::before {
transform: rotate(45deg);
}

.arrow.left::before {
transform: rotate(-135deg);
}*/
/*-----PLAY BUTTON ON VIDEO SLIDE IN CAROUSEL-----*
.fa-play {
position: relative;
width: 50px;
height: 50px;
margin: 50px auto 50px;
padding: 14px 0 0 5px;
font-size: 18px;
cursor: pointer;
color: #fff!important;
background-color: #F2CD14;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 24px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.fa-play:hover {
background-color: rgba(38,38,38,0.5);
}

.fa fa-play {
display:inline-block;
position: relative;
}
.fa fa-play:after {
content:'';
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
display: block;
position: absolute;
background: blue;
opacity: 0.1;
}
.fa fa-play:hover:after {
opacity: 0;
}
.carousel-control.left, .carousel-control.right {
background-image: none;   
}
.carousel-control.left:hover {
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.15) 0, rgba(0,0,0,0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0,0,0,0.15) 0, rgba(0,0,0,0.0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.15)), to(rgba(0,0,0,0.0001)));
background-image: linear-gradient(to right, rgba(0,0,0,0.15) 0, rgba(0,0,0,0.0001) 100%);  
}
.carousel-control.right:hover {
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.15) 100%);
background-image: -o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.15) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.15)));
background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.15) 100%);
}


/*------------------------CAROUSEL SLIDES-----------------------*/
/*APP ASSURANCE SLIDE*
#appAssuranceSlide {
background-position: 15% 20%;
background-size: cover;
}
.introductingText {
color: rgb(117, 117, 108);
margin-bottom: 5px;
margin-top: 10px;
}
.appAssuranceImage {
left: 0;
width: auto;
}
.appAssuranceTM {
font-style: italic;
font-weight: 900;
font-size: 2.3em;
margin-top: 0px;
}
.requestDemoBtn {
font-size: 1.1em !important;
height: auto;
text-align: center;
font-weight: 500;
line-height: 1em;
clear: both;
min-height: 0px;
color: #fff;
border: 2px solid rgb(39, 180, 39);
padding: 20px;
max-width: none;
border-radius: 5px;
letter-spacing: 0.1em;
background-color: rgb(66, 157, 66);
font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.requestDemoBtn:hover {
border: 2px solid rgb(32, 148, 32);
background-color: rgb(39, 180, 39);
}
.requestDemoBtn:focus {
color: rgb(58, 58, 53);
border-color: rgb(58, 58, 53);
}
.requestDemoBtn:active {
color: rgb(249, 249, 249)!important;
background-color: rgb(39, 180, 39)!important;
border: 2px solid rgb(32, 148, 32)!important;
}
.requestDemoBtn:visited {
background-color: rgb(66, 157, 66);
border: 2px solid rgb(39, 180, 39);
color: #fff;
}
/*VIDEO SLIDE*
#videoWrapper {
/*background:#F2CD14; this is the yellow overlay on the video image*
height: 100%;
padding:45px 0 66px 0;
opacity:0.65;
}
#videoSlide {
background-image: url("/wp-content/themes/observepoint-2016/img/videoImage3a.png");    
background-position: 45% 30%  ;
background-size: cover;

}
#videoSlide {
text-align: center;
} 
#bg-video {
width: 100%;
min-width: 890px;
height: auto;
margin: 0 auto;
display: block;
clear: both;
position: relative;
}
#videoTitle, #videoText {
position: relative;
font-weight: 300;
letter-spacing: 0.5px;
font-size: 2.2rem;
clear: both;
line-height: 1.1;
text-align: center;
}
#videoTitle {
margin: 60px auto 0px;
font-style: italic;
font-weight: 300;
}
#videoText {
width: 85%;
margin: auto;
letter-spacing: 1px;
font-size: 16px;
font-size: 1.6rem;
}
/*FORRESTER SLIDE*
#forresterSlide {
background-color: #ccc;
text-align: right!important;
margin-top: 0;
margin-left: 15px;
}
.forresterH2 {
margin-top: 0px;
font-size: 1.7em;
}
.downloadButton {
background-color: #F2CD14;
width: 239px;
}*



@media (min-width: 550px) {
#videoSlide {
background-position: 45% 20%  ;
background-size: cover;
}
}
@media (min-width:647px) {
.downloadButton {
display: block; 
margin-right: 0;
}    
}
@media (min-width: 768px) {
.fa-play {
margin: 70px auto 70px;
}
#carousel-example-generic {
height: 500px;
}
#videoTitle {
margin: 80px auto 0px;
}
.forresterImage {
width: auto;
left: 320px;
display: block;
position: relative;
margin-top: -80px;
}
.forresterH2 {
margin-top: 20px;
}
}
@media (max-width: 991px) {
.appAssuranceImage {
max-height: 200px;
}
.forresterImage {
max-height: 200px;
}
}


@media (min-width: 992px) {
.fa-play {
margin: 80px auto 80px;
}
.carousel-caption {
top: 60px;
left: 10%;
}
.introductingText, .appAssuranceText, .forresterText {
font-size: 1.5em;
}
.appAssuranceText, .forresterText {
max-width: 400px;
}
.appAssuranceImage {
position: absolute; 
left:auto;
right: 20%;
width: 50%;
max-width: 600px;
height: auto;
top:0px;
}
.videoText {
margin-left: 10%;
}
#videoTitle {
margin: 30px auto 0px;
}
.forresterImage {
position: absolute; 
left:auto;
right: 20%;
width: 70%;
max-width: 350px;
height: auto;
top:0px;
margin-top: 0;
}
.forresterH2 {
margin-top: 0px;
}
.downloadButton {
font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
}
@media (min-width: 1170px) {
.carousel-caption {
left: 15%;
}
.appAssuranceImage {
right: 30%;
}
#videoText {
font-size: 1.3em;
}
#videoTitle {
font-size: 1.8em;
}
.videoText {
margin-left: 4.75%;
}
.forresterText {
max-width: 550px;
}
}
@media (min-width:1250px) {
.forresterImage {
right: 30%;
}
}
.shade-brand {
background-color: #f9f9fa;
}*/


























/*==================================================================================================================
====================================================================================================================
====================================================================================================================
====================================================================================================================
====================================================================================================================
=====================================                                    ===========================================
=====================================         START REDESIGN CSS         ===========================================
=====================================                                    ===========================================
====================================================================================================================
====================================================================================================================
====================================================================================================================
====================================================================================================================
===================================================================================================================*/

/*remove line of spacing on company pages*/
.company .section-1, .customers .section-1, .partner-page .hero, .press .section-1 { 
    margin-top: -5px;
}



/*==================================================================================================================
--------------------------------sitewide styles, such as font colors, faces, sizes, etc.----------------------------
===================================================================================================================*/
/*clear padding on all bootstrap columns*/
.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 {
    padding: 0;
}

@font-face {
    font-family: 'acumin-pro-extra-condensed';
    font-weight: 500;
    font-style: normal;
    src: url(/wp-content/themes/observepoint-2016/fonts/acuminproextracond-light.otf);
}

@font-face {
    font-family: "aller";
    font-weight: 500;
    font-style: normal;
    src: url(/wp-content/themes/observepoint-2016/fonts/Aller_Rg.ttf);
}
@font-face {
    font-family: "aller";
    font-weight: 300;
    font-style: normal;
    src: url(/wp-content/themes/observepoint-2016/fonts/Aller_Lt.ttf);
}
@font-face {
    font-family: "aller";
    font-weight: 300;
    font-style: italic;
    src: url(/wp-content/themes/observepoint-2016/fonts/Aller_LtIt.ttf);
}


h1, h2 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h3 {
    font-family: "aller",sans-serif;
    font-weight: 100;
}
button {
    font-family: "aller",sans-serif;
}
a, a:hover, a:active, a:visited, a:link, a:focus {
    outline: none;
}
/*---------------------------RANDOM STYLES-------------------------------*/
.centerAlign {
    text-align: center;
}
.maxWidth1200, .mw1200px {
    width: 96%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
}
.maxWidth800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
}
.positionCenter {
    margin: 0 auto;
    display: block;
    text-align: center;
}
.rightAlign {
    text-align: right;
}
.extraSpaceBtn {
    padding-bottom: 30px;
}
.padding-15px {
    padding: 0 15px;
}
.ptb110 {
    padding: 110px 0;
}
.inlineLink, .inlineLink:visited {
    color: #DAAD28;
    //  text-decoration: underline;
}
.marginBottom15px {
    margin-bottom: 15px;
}
.marginBottom25px {
    margin-bottom: 25px;
}
.mt30px {
    margin-top: 30px;
}
.mt40px {
    margin-top: 40px;
}
.mb0 {
    margin-bottom: 0;
}
.mb20px {
    margin-bottom: 20px;
}
.mb50px {
    margin-bottom: 50px;
}
.margin0 {
    margin: 0;
}
.marginTop100px {
    margin-top: 100px;
}
.marginTop5Percent {
    margin-top: 5%;
}
.listStyleInitial {
    list-style-type: initial;
    padding-left: 20px;
}
.marginBottom15px, .mb15px {
    margin-bottom: 15px;
}
.mw350px {
    max-width: 350px;
}
.mTB45px {
    margin-top: 45px;
    margin-bottom: 45px;
}
.mw700px {
    max-width: 700px;
    margin: auto;
}
.mw1400px {
    margin: 0 auto;
    max-width: 1400px;
}
.mw94perc {
    max-width: 94%;
    margin: 0 auto;
    display: block;
}
.mw96perc {
    max-width: 96%;
    margin: 0 auto;
    display: block;
}
.width90perc {
    width: 90%;
}

.listBullets {
    list-style-type: disc!important;
    color: #75756C;
    margin-left: 40px;
}
.no-results {
    margin: 2%;
}
.desktopFloatRight {
    float: right;
}
.floatNone {
    float: none!important;
}
.firstLetterCapitalized {
    text-transform: capitalize;
}
.fontSize1-4rem {
    font-size: 1.4rem;
}
.fontSize2rem {
    font-size: 2rem;
}
.displayNone {
    display: none!important;
}
/*removes smiley face created by the stats.php file off of the bottom left of the page*/
img#wpstats {
    display: none;
}
.lineBreakLink {
    color: #75756d;
    padding: 60px 30px 34px 30px;
    background-color: #f2f2f2;
}
.lineBreakLink a, .lineBreakLink a:visited {
    color: #daad28;
}
code {
    font-size: 16px;
    font-family: "aller", sans-serif;
    background-color: #efefef;
    line-height: 28px;
}
.codeSnippet {
    background-color: #efefef;
    padding: 0 30px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.subCode {
    padding-left: 30px;
}
.codeSnippet p {
    display: none;
}
.codeClosingBrace {
    margin-top: -10px;
    display: block!important;
    margin-bottom: 0;
}
@media (min-width:992px) {
    .lowPadTop {
        margin-top: 3%;
    }
    .contactFormCol1 {
        padding-right: 2%;
    }
    .contactFormCol2 {
        padding-left: 2%;
    }
    .desktopMarginTop60px {
        margin-top: 60px;
    }
    .pr20px_above922px {
        padding-right: 20px;
    }
    .pl20px_above922px {
        padding-left: 20px;
    }
}
@media (min-width:1500px){
    .lowPadTop {
        margin-top: 6%;
    }
}
/*vertical center align text blocks*/
@media (max-width:991px){
    #centerChild, #centerChild1, #centerChild2, #centerChild3, #centerChild4, #centerChild5, #centerChild6, #centerChild7, #centerChild8, #centerChild9 {
        margin-top: 0!important;
    }
}



/*--------------------olark chat feature--------------------*/
.hbl_pal_title_bg {
    background-color: #F2CD14!important;
}
/*remove Olark from LPs*/
.page-template-page-landing-page #olark-wrapper, .page-id-4510 #olark-wrapper, .page-id-4606 #olark-wrapper, .single-resources #olark-wrapper {
    display: none;
}

/*=================================================*/
/*---------------GENERAL BUTTON STYLES-------------*/
/*=================================================*/
.btnDiv {
    padding-bottom: 10px;
}

.btn {
    border: none;
    color: #494842!important;
}
.btn:visited {
    background: #F2CD14;
    background-color: #F2CD14;
    color: #494842;
}
.btn:hover {
    color: #494842!important;
}
.fullWidthBtn {
    width: 100%;
}

.centerBtn {
    text-align: center;
    margin: 0 auto;
    display: block;
}

/*----------------YELLOW BUTTON STYLES------------*/
.yellowBtn {
    /*this is the standard yellow button for request demos and start audits*/
    color: rgba(0, 0, 0, 0.8);
    width: 100%;
    max-width: 180px;
    height: auto;
    line-height: 1;
    padding: 11px 25px;
    font-style: normal;
    text-transform: uppercase;
    border: 3px solid;
    border-color: transparent;
    background: #F2CD14;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "aller",sans-serif;
    font-weight: bold;
    font-size: 11px;
}
.yellowBtn:hover,.whiteText:hover {
    box-shadow: none;
    background-color: #2c2c2c;
    border-color: transparent;
    color: #fff!important;
    cursor: pointer;
}
.yellowBtn:focus, .yellowBtn:active {
    outline-color: #F2CD14 !important
}

/*----------------Hollow Yellow BUTTON STYLES------------*/
.hollowYelBtn {
    color: rgba(0, 0, 0, 0.8);
    border: 3px solid #F2CD14;
    background: none;
    height: 39px;
}
.hollowYelBtn:hover,.hollowYelBtn:active {
    color: #FFFFFF;
    background: #F2CD14;
}

a.yellowBtn.newYelBtn.hollowYelBtn.video-play-btn.fa.fa-play {
    padding-top: 12px!important;x
    margin-right: 40px!important;
}


/*------------------GRAY BUTTON STYLES---------------*/
.grayBtn {
    /*this is the standard yellow button for request demos and start audits*/
    color: #F2CD14;
    width: 100%;
    max-width: 180px;
    height: auto;
    line-height: 1;
    padding: 11px 25px;
    font-style: normal;
    text-transform: uppercase;
    border: 3px solid;
    border-color: transparent;
    background: #96968E;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "aller",sans-serif;
    font-weight: bold;
    font-size: 11px;
}
.grayBtn:hover,.whiteText:hover {
    box-shadow: none;
    background-color: #2c2c2c;
    border-color: transparent;
    color: #fff!important;
    cursor: pointer;
}
.grayBtn:focus, .grayBtn:active {
    outline-color: #96968E !important
}
.grayBtn:visited {
    color: #F2CD14 !important
}



/*------------------BLACK BUTTON STYLES---------------*/
.blackBtn {
    /*this is the standard yellow button for request demos and start audits*/
    color: #ffffff!important;
    width: 100%;
    max-width: 180px;
    height: auto;
    line-height: 1;
    padding: 11px 25px;
    font-style: normal;
    text-transform: uppercase;
    border: 3px solid;
    border-color: transparent;
    background-color: #2c2c2c!important;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "aller",sans-serif;
    font-weight: bold;
    font-size: 11px;
}

.blackBtn:focus, .blackBtn:active, .blackBtn:visited {
    outline-color: #ffffff !important;
    color: #ffffff;
    background-color: #2c2c2c!important;

}
.blackBtn:hover {
    box-shadow: none;
    border-color: transparent;
    color: #F2CD14!important;
}

#privacyWrapper {
    margin-top: 20px;
}
#privacyText, #privacyText a {
    color: #bbbbbb;
    font-size: 14px
}
#privacyText a:hover {
    cursor: pointer;
}
#privacyTextTD a {
    color:#DADAD5;
}
#privacyTextTD a:hover {
    cursor: pointer;
}
#privacyTextTD2 {
    margin-bottom: 20px;
}
#privacyTextTD2 a {
    color:#DADAD5;
}
#privacyTextTD2 a:hover {
    cursor: pointer;
}
/*---------------SEXY AUTHOR BIO-------------------
#sexy-author-bio { background: #ffffff; border-style: solid; border-color: #606060; color: #3f3f3f; border-top-width: 4px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px; }
#sab-author { font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;font-size: 24px;line-height: 28px;}
#sab-gravatar { width: 100px;}#sab-gravatar span { color: #d4bc1c;}
#sab-author span { 
margin-right:10px;text-decoration: none;text-transform: capitalize;color: #d4bc1c;}#sab-byline { color: #d4bc1c;font-family: 'Acumin Pro ExtraCondensed', sans-serif;font-weight: 700;font-size: 15px;line-height: 21px;text-decoration: none;text-transform: uppercase;}
#sab-description { font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 200;font-size: 16px;line-height: 22px;}
[id^=sig-] { height: 26px;width: 26px;margin-top: 2px;margin-right: 2px;margin-bottom: 2px;}
#sab-gravatar { margin: 0 10px 0 0 !important; }
@media (min-width: 1200px) {

}
@media (min-width: 1019px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 1018px) {

}
@media (max-width: 767px) {
[id^=sig-] { margin-left: 0;margin-right: 2px;}

}*/

/*============================================================================================================
------------------------------------------------HEADER--------------------------------------------------------
=============================================================================================================*/
.list-inline {
    margin-left: 0;
}
.loginNav {
    padding-top: 1px;
    letter-spacing: 1px;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin-top: -3px;
}

@media (min-width:480px) {
    .loginNav {
        padding-right: 84px;
    }
    .list-inline {
        margin-left: -5;
    }
}
#headerStickyBar {
    position: fixed;
    height: 60px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    background-color: #fff;

    box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.2);
}
.headerLogo {
    top: 17px;
    left: 30px;
    width: 160px;
    height: auto;
    position: absolute;
    z-index: 51;
}

.dropdownMenuBlockWrapper {
    text-align: center;
    z-index: 51;
}
.dropdownMenuBlock {
    position: relative;
    margin: 0 auto;
    margin-top: 18px;
    display: inline-block;
    margin-right: 30px;
}
.dropdownMenuSection {
    float:left;
    margin: 0 30px;
    font-family: "aller",sans-serif;
    font-size: 16px;
}
.dropdownMenu {
    display: none;
    position: absolute;
    background-color: #000000;
    opacity: .85;
    padding: 0px 0;
    margin-top: 20px;
    width: 220px;
    text-align: left;
    margin-left: -10px;
    z-index: 2;
}
.dropdownHeader {
    padding: 25px 0;
    text-transform: uppercase;
    font-size: 1.5rem;
}
.dropdownMenu a {
    text-decoration: none;
    display: block;
    color: #F9F9F9!important;
    /* color: #DADAD5!important;*/
    padding: 10px 20px;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.3rem;
}
.dropdownMenu a:last-child {
    padding-bottom: 15px;
}
.dropdownMenu a:hover {
    color: #F2CD14!important;
}

.dropdownMenuSection:hover .dropdownMenu {
    display: block;
}
.startAuditBlock {
    position: absolute;
    top: 15px;
    right: 100px;
    z-index: 51;
    height: 30px;
}
.headerURLInputBox {
    width: 160px;
    display: inline-block;
    height: 100%;
    margin-right: -7px;
    font-size: 1.3rem;
}
.startAuditBlock input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}
.headerStartAuditBtn {
    padding: 8px;
    width: 120px;
    height: 100%;
    margin-top: -1px;
}


.dropdown {
    cursor: pointer;
}

.headerNavHeader {
    font-family: "aller",sans-serif;
    font-size: 1.1em;
    color: #F2CD14;
    border-bottom: 1px solid #F2CD14;
    padding-bottom: 5px;
    text-transform: uppercase;
    padding-left: 22px;
}
.headerNav, .headerNavSection {
    padding: 0;
}
.headerNavItem a { 
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #DADAD5;
    font-size: 1.4em;
    padding: 8px 0 8px 22px;
    width: 100%;
    display: inline-block;
}
.headerNavItem a:hover { 
    background-color: #F2CD14;
    color: #000000;
    opacity: 1;
}
.headerNavDropdown { 
    background-color: #75756C;
    padding: 0;
    display: none;
}
.headerNavDropdownItem a { 
    color: #DADAD5;
    font-size: 20px;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*==========================================================================================
---------------------------------HEADER MEDIA QUERIES---------------------------------------
===========================================================================================*/

@media (max-width: 992px) {
    .dropdownMenuBlock {
        display: none;
    }

}
@media (max-width:1200px) {
    .headerURLInputBox {
        display: none;
    }
}
@media (min-width:1200px) {
    .dropdownMenuBlock {
        margin-right: 160px;
    }
}
@media (min-width:1500px) {
    .dropdownMenuSection {
        margin: 0 70px;
    }
}
@media (min-width:1800px) {
    .dropdownMenuSection {
        margin: 0 90px;
    }
}
/*==============================================================================================================
-----------------------------------------------NAVIGATION-------------------------------------------------------
===============================================================================================================*/


/*-----------------COLLAPSE HAMBURGER MENU------------------*/

.hamburgerIcons {
    top: 14.5px;
    right: 22px;
    width: auto;
    height: auto;
    position: absolute;
    cursor: pointer;
    margin-right: 5px;
}
.headerLoginBlock {
    float: right;
    height: 20px;
    padding: 5px 0px 0 0;
    margin-top: -10px;
    width: 100%;
    text-align: right;
    margin-bottom: 30px;
    margin-left: -60px;
}
* {
    margin: 0;
    padding: 0; 
}
#hamburgerToggle {
    width: 23px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    padding: 15px;
}
#hamburgerBtn .open {
    width: 40%;
    background-color: #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 51;
}
#hamburgerToggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 76%;
    background: #96968E;
    border-radius: 25px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    margin-left: 12%;
    margin-top: 1px;
}

#hamburgerToggle span:nth-child(1) {
    top: 5px;
}

#hamburgerToggle span:nth-child(2),#hamburgerToggle span:nth-child(3) {
    top: 13px;
}

#hamburgerToggle span:nth-child(4) {
    top: 21px;
}

#hamburgerToggle.open span {
    height: 2px;
    width: 60%;
    margin-top: 1px;
    margin-left: 20%;
}
#hamburgerToggle.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#hamburgerToggle.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #F2CD14;
}

#hamburgerToggle.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #F2CD14;
}

#hamburgerToggle.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
/*end css for hamburger*/



.navbar-toggle, .hamburgerBtn {
    display: block!important;
}
@media(min-width:992px){
    #hamburgerBtn {
        display: none;
    }
}
.menuMainLinks {
    font-size: 1.1em;
    line-height: 1em;
    min-height: 28px;
    color: rgb(253, 224, 81);
    border-bottom: 1px rgb(242, 205, 20) solid;
    padding-left: 6.95%;
}
.menuSubLinks {
    font-size: 1.4em;
    line-height: 1em;
    color: rgb(218, 218, 213);
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 12px;
    padding-left: 6.95%;
}
.headerContainer {
    max-width: 1200px;
    margin: 0 auto;
}
.headerHeader {
    padding-top: 30px;
    padding-bottom: 60px;
    border-bottom: 1px solid #F2CD14;
}
.headerLogo img {
    float: left;
    width: 160px;
    height: auto;
}
.headerContactText {
    display: none;
}

.headerLogin {
    float: right;
    font-family: "aller",sans-serif;
}
.headerSubHeader {
    margin-top: 20px;
}
.headerMainTitle {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.headerContactMethod {
    padding: 0;
    color: #DADAD5;
}
.headerContactMethod:hover {
    color: #DADAD5;
}
.headerSubTitle {
    font-size: 25px;
    margin-bottom: 15px;
}
.loginText {
    padding-right: 5px;
    margin-top: 5px;
    font-size: 16px;
    color: #DADAD5;
    cursor: pointer;
    display: inline-block;
}
.mainNavBtn {
    padding: 11px 0;
    width: 120px;
    float: right;
    margin-top: 20px;
}
.headerLoginBtn {
    width: 20px;
    height: auto;
    display: inline-block;
}

.ui-state-active .dropdownArrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.dropdownArrow {
    float: right;
    cursor: pointer;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    padding: 20px;
    margin: -15px -13px 0 0;
    -moz-transition: -moz-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
}
.toggle {
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.headerAccordianNavWrapper {
    position: relative;
    width: 100%;
    top: 60px;
    background-color: #2c2c2c;
    padding-top: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    display: block;
}
.headerAccordianNavInner {
    margin-top: 55px;
}
#headerAccordianNav {
    padding: 10px 30px 25px 30px;
    display: none;
    overflow-x: hidden;
    position: fixed;
    z-index: 400;
    max-height: 90%;
}
#headerAccordianNav ul ul {
    display: none;
    margin-top: 0;
}

.headerDropdownNav {
    padding: 0;
    margin-bottom: 5px;
    margin-top: 5px;
}
.headerDropdownNav h3 {
    padding-bottom: 10px;
}
.headerDropdownNav ul {
    margin: 10px 0 0 0;
    padding: 0;
}
.headerDropdownNav li a {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #DADAD5;
    font-size: 1.4em;
    padding: 8px 0;
    width: 100%;
}
@media (max-width:767px){
    .headerDropdownNav ul li:hover {
        background-color: #F2CD14;
    }
    .headerDropdownNav ul a:hover,
    .headerDropdownNav ul li:hover a {
        color: #000000!important;
    }  
}
.headerDropdownNav ul a:hover,
.headerDropdownNav ul li:hover a {
    color: #F2CD14;
}
.headerDropdownNav li ul li {
    padding: 3px 0 5px 10px;
}

.headerBtnInCollapsibleMenu  {
    margin-top: 20px;
}
.headerDropdownSection {
    border-bottom: 1px solid #DADAD5;
}
.headerNavBlock2 .headerDropdownSection:last-child {
    border: none;
}
.headerDropdownNavHeader {
    color: #F2CD14!important;
    margin: 0 auto;
    cursor: pointer;
    display: inline;
    font-family: "aller",sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

.headerStaticNav ul {
    text-align: center;   
}
.headerStaticNav ul {
    padding: 0;
}
.headerStaticNav li a {
    font-family: "aller",sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #F2CD14;    
    padding: 0 10px;
}
.headerStaticNav li {
    display:inline;
}
.headerStaticNav a:before {
    content: "";
}
.headerStaticNav li + li::before {
    content: " | ";
    color: #F2CD14;
}
.headerStaticNav li:last-child:before {
    content: "";
}
.headerStaticNav span::before {
    content: " | ";
    color: #F2CD14;
}
.copyrightInfo p {
    font-family: "aller",sans-serif;
    font-size: 12px;
}
.noLineBreak {
    white-space: nowrap;
}

/*==========================================================================================
-------------------------------NAVIGATION MEDIA QUERIES-------------------------------------
===========================================================================================*/
@media (max-width:479px) {
    .headerStartAuditBtn {
        display: none;
    }

    .loginText {
        position: relative;
        display: inline;
    }
}
@media (min-width:480px) and (max-width:1199px) {
    .headerFooter {
        text-align: left;
    }

}
@media (max-width: 768px) {

    #headerAccordianNav {
        max-height: 85%;
    }
    #headerAccordianNav {
        width: 100%;
        overflow-y: scroll;
    }

    .headerDropdownNav h3 {
        padding-bottom: 10px;

    }

    .mainNavBtn {
        margin-right: -50px;
    }
    .footerDropdownNav h3 {
        padding-left: 15px;
    }
}
@media (min-width: 768px) {
    .headerAccordianNavWrapper {
        background-color: #000000;
        opacity: .85;
    }
    .headerAccordianNavClass {
        max-width: 1200px;
        margin: 0 auto;
    }
    .headerDropdownNav {
        margin-bottom: 25px;
    }
    .headerContactText {
        display: inline;
        font-size: 22px;
    }
    .headerDropdownSection {
        border: none;
    }
    .headerDropdownNavHeader {
        border-bottom: 1px solid #DADAD5;
        display: block;
    }
    .contactBtns img {
        width: 20px;
    }
    .dropdownArrow {
        display: none;
    }
    .headerDropdownNav li {
        text-align: left;
    }
    #headerAccordianNav ul ul {
        display: block!important;
    }
    .headerFooter {
        float: left;
        width: 100%;
    }
}
@media (min-width:992px) {
    .headerLoginBlock {
        position: relative;
        top: -15px;
        padding-top: 30px;
    }
    .headerContactMethod {
        padding: 0 15px;
        cursor: pointer;
    }
    .headerStartAuditForm {
        display: inline-block;
        height: 35px;
        background-color: #FFFFFF; 
        width: 50%;
        max-width: 300px;
        vertical-align:middle;
        font-size: 12px;
        margin-right: -5px;
        padding-left: 10px!important;
        font-style: italic;
        font-family: "aller",sans-serif;
    }
    .headerStartAuditBtn {
        display: inline-block;
        vertical-align:bottom;
    }
    .headerNavBlock2, .headerNavBlock1 {
        padding-left: 0;
        padding-right: 0;
    }

    .headerFollowUs {
        display: inline-block;
    }
}
@media (min-width:1200px) {
    .headerFollowUs {
        display: inline;
    }
}

/*=======================================================================================================
-------------------------------------------------FOOTER--------------------------------------------------
========================================================================================================*/
footer {
    position: relative;
    width: 100%;
    padding: 0 30px 30px 30px;
    color: #DADAD5;
    background-color: #707070;
    /*background-color: #75756C; original footer bg color*/
    overflow-x: hidden;
    overflow-y: hidden;
}
.footerContainer {
    max-width: 1200px;
    margin: 0 auto;
}
footer::selection {
    color: #F2CD14;
    background-color: #000
}
footer::-moz-selection {
    color: #F2CD14;
    background-color: #000
}

.footerLogo img {
    width: 160px;
    height: auto;
}

.footerLogin {
    float: right;
    font-family: "aller",sans-serif;
}
.footerSubHeader {
    margin-top: 20px;
}

.footerContactMethod {
    padding: 0;
    color: #DADAD5;
}
.footerContactMethod:hover {
    color: #DADAD5;
}
.footerSubTitle {
    font-size: 25px;
    margin-bottom: 15px;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}



.contactBtns img {
    width: 30px;
    height: auto;
    margin: 10px;
    margin-top: 6px;
}
.footerStartAuditForm {
    display: none;
}
.footerMainNavBlock {
    margin: 10px 0 0 0;
    -ms-overflow-style: none;
}
.ui-state-active .dropdownArrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.dropdownArrow {
    float: right;
    cursor: pointer;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    padding: 10px;
    margin: -5px;
    -moz-transition: -moz-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
}
/*
.dropdownArrow:visited {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}*/

.toggle {
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#footerAccordianNav ul ul {
    display: none;
}

.footerDropdownNav {
    padding: 0;
    margin-bottom: 5px;
    margin-top: 5px;
}
.footerDropdownNav h3 {
    padding-bottom: 5px;
}
.footerDropdownNav ul {
    margin: 0;
    padding: 0;
}
.footerDropdownNav li a {
    font-size: 20px;
    color: #B7B7B0;
    font-weight: 100;
    width: 100%;
    padding: 8px 0;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footerDropdownNav li {
    padding: 5px 0 0px 10px;
}

.footerBtnInCollapsibleMenu  {
    margin-top: 20px;
}
.footerDropdownSection {
    border-bottom: 1px solid #DADAD5;

}
.footerNavBlock2 .footerDropdownSection:last-child {
    border: none;
}
.footerDropdownNavHeader {
    color: #F2CD14!important;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    display: inline;
}

.footerFollowUs {
    margin: 10px 15px 15px 0;
}
.socialBtns {
    margin-bottom: 20px; 
    margin-top: 10px; 
    display: inline-block;
}
.socialBtns img {
    width: 30px;
    height: auto;
    margin: 0 8px 0 8px;
}
.footerStaticNav ul {
    text-align: center;   
}
.footerStaticNav ul {
    padding: 0;
}
.footerStaticNav li a {
    font-family: "aller",sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #DADAD5;
    padding: 0 10px;
}
.footerStaticNav li {
    display:inline;
}
.footerStaticNav a:before {
    content: "";
}
.footerStaticNav li + li::before {
    content: " | ";
    color: #DADAD5;
}
/*.footerStaticNav li:last-child:before {
content: "";
}*/
.footerStaticNav span::before {
    content: " | ";
    color: #F2CD14;
}
.copyrightInfo p {
    font-family: "aller",sans-serif;
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
}
.noLineBreak {
    white-space: nowrap;
}
.footerFooter {
    margin-top: 30px;   
}
}
.legalSentance {
    margin-bottom: -10px;
    text-align: center;
    color: #AEAEA7;
}
.legalSentance p {
    font-size: 10px;
    margin-bottom: 25px;
    text-align: center;
    color: #AEAEA7;
}
.legalSentance a {
    color: #AEAEA7;
    text-decoration: underline;
}
.footerContactText {
    display: inline;
    font-size: 18px;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/*=====================================================================================================
----------------------------------------FOOTER MEDIA QUERIES-------------------------------------------
======================================================================================================*/
@media (max-width:479px) {
    .headerStartAuditBtn {
        display: none;
    }

}
@media (min-width:768px) and (max-width:1199px) {
    .footerFooter {
        text-align: left;
    }

}
@media (max-width: 767px) {
    .footerDropdownNavHeader {
        margin-left: -25px;
    }
    .footerFooter {
        text-align: center;
    }
    .footerContactMethod {
        margin-right: 10px;
    }

}
@media (min-width: 768px) {

    .footerDropdownSection {
        border: none;
    }
    .footerDropdownNavHeader {
        border-bottom: 1px solid #F2CD14;
        display: block;
    }
    .contactBtns img {
        width: 20px;
    }
    .dropdownArrow {
        display: none;
    }
    .footerDropdownNav li {
        padding-left: 0;
    }
    #footerAccordianNav ul ul {
        display: block!important;
    }
    .footerFooter {
        float: left;
        width: 100%;

    }
    .socialBlock {
        text-align: right;
        margin-top: -11px;
    }
}
@media (min-width:992px) {
    .footerContactMethod {
        padding: 0 15px 0 0;
        cursor: pointer;
    }
    .footerStartAuditForm {
        display: inline-block;
        height: 35px;
        background-color: #FFFFFF; 
        width: 50%;
        max-width: 300px;
        vertical-align:middle;
        font-size: 12px;
        margin-right: -5px;
        padding-left: 10px!important;
        font-style: italic;
        font-family: "aller",sans-serif;
    }
    .footerStartAuditBtn {
        display: inline-block;
        vertical-align:middle;
    }
    .footerMainNavBlock {
        overflow: hidden;
        margin-bottom: 20px;
    }/*this makes up for not having an offest... it stretches the columns to full width*/
    .footerDropdownNav li {
        padding: 0;
    }
    .footerNavBlock2, .footerNavBlock1 {
        padding-left: 0;
        padding-right: 0;
    }

    .footerFollowUs {
        display: inline-block;
    }
    .socialBlock {
        text-align: left;
    }
    .contactBtns img {
        margin: 6px 10px 10px 0;
    }
}
@media (min-width:1200px) {
    .socialBlock {
        bottom: 25px;
    }
    .footerFollowUs {
        display: inline;
    }
    .legalSentance p {
        margin-bottom: -10px;
    }
    .socialBtns {
        margin-bottom: 2px;
        margin-top: 33px;
    }
}


/*==================================================================================================================
--------------------------------------------------HOMEPAGE STYLES---------------------------------------------------
===================================================================================================================*/
.hero123 {
    background-image: url("/wp-content/themes/observepoint-2016/img/homepage-hero-768.jpg")!important;
}
@media (min-width: 768px) {
    .hero123 {
        background-image: url("/wp-content/themes/observepoint-2016/img/homepage-hero-1366.jpg")!important;
    }
}
@media (min-width: 1367px) {
    .hero123 {
        background-image: url("/wp-content/themes/observepoint-2016/img/homepage-hero-full.jpg")!important;
    }
}
#homepageHero {
    margin-top: 100px;
}
#homeHeroText {
    margin-top: 20px;
    text-align: center;
    z-index: 2;
}
@media (min-width:992px) {
    #homeHeroText {
        margin-top: 200px;
    }
}
.homeHeroBtns {
    text-align: center;
    display: block;

}
.innerWrap {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    display: block;
}
#homepageHero .homeCenteredImg img {
    width: 100%;
}
#homepageHero .homeCenteredImg {
    margin: 0 auto;
    display: block;
    text-align: center;
    z-index: 0;
}
.homepageWebA {
    padding: 60px 0 75px 0;
}
#homepageHero p {
    margin-bottom: 50px;
}
.buttonPlayIcon {
    width: 24px;
    margin-right: 10px;
}
.playVideoButton {
    color: rgba(0, 0, 0, 0.8);
    width: 100%;
    max-width: 180px;
    height: auto;
    line-height: 1;
    padding: 7px 25px; 
    font-style: normal;
    text-transform: uppercase;
    border: 1px solid;
    border-color: transparent;
    background: #F2CD14;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "aller",sans-serif;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}
.newYelBtn {
    padding: 13px 25px;
}
#homepageHero .playVideoButton {
    float: left;
    margin-right: 40px;
}
#homepageHero .newYelBtn {
    text-align: center;
    margin: 26px 0 0 0;
    padding: 11px 8px!important;
}

@media (max-width: 767px) {
    .home .bgImg {
        height: 420px;
    }
    .home .companyFounders {
        height: 300px;
        background-size: cover;
    }
    .home .meetFounders {
        padding-top: 0;
    }
}
@media (min-width: 360px) {
    #homepageHero .newYelBtn {
        padding: 11px 25px!important;
    } 
}
@media (min-width: 445px) {
    #homepageHero .newYelBtn {
        margin: 0;
    } 
}
@media (min-width: 992px) {
    #homepageHero .appAssuranceTextBlock {
        margin-top: -120px;
    }
}
.homepageHeroImg {
    width: 90%;
    margin-left: 7%;
}
.homepageHeroText {
    margin: 50px auto;
    max-width: 530px;
    text-align: center;
}
.homepageHeroText .heroTitleP {
    max-width: 400px;
    display: block;
    margin: 0 auto;
    padding-top: 10px;
}
.homepageHeroTitle {
    color: #494842;
}
@media (max-width:480px){
    .homepageHeroImgBox {
        margin-top: 30%!important;
    }
}
@media (min-width:992px){
    .homepageHeroImgBox {
        // margin-top: 20%!important;
    }
}
.buildingCultureImage {
    background-image: url("/wp-content/themes/observepoint-2016/img/AuditSummary_lrg.jpg");
    background-position: 54% 14%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
}

.homepageTagBarBlock {
    padding: 0 5%;   
}
.homepageTagBar {
    width: 80%;
    margin: 0 auto;
    display: block;
    padding: 2% 0;
    height: 60px;
}

.tagBarLogo {
    max-width: 50px;
    position: absolute; 
    width: 80%;
    max-height: 50px;
    height: 48%;
}
.barGrad {
    height: 30px;
    width: 80%;
    margin-left: 60px;
}
.bar1 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2cd1a+0,f2cd1a+100&1+0,0+100 */
    background: -moz-linear-gradient(left,  rgba(242,205,26,1) 0%, rgba(242,205,26,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(242,205,26,1) 0%,rgba(242,205,26,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(242,205,26,1) 0%,rgba(242,205,26,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cd1a', endColorstr='#00f2cd1a',GradientType=1 ); /* IE6-9 */
}
.bar2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2cd1a+0,f2cd1a+100&1+0,0+65 */
    background: -moz-linear-gradient(left,  rgba(242,205,26,1) 0%, rgba(242,205,26,0) 65%, rgba(242,205,26,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(242,205,26,1) 0%,rgba(242,205,26,0) 65%,rgba(242,205,26,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(242,205,26,1) 0%,rgba(242,205,26,0) 65%,rgba(242,205,26,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cd1a', endColorstr='#00f2cd1a',GradientType=1 ); /* IE6-9 */

}
.bar3 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2cd1a+0,f2cd1a+100&1+0,0+77 */
    background: -moz-linear-gradient(left,  rgba(242,205,26,1) 0%, rgba(242,205,26,0) 77%, rgba(242,205,26,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(242,205,26,1) 0%,rgba(242,205,26,0) 77%,rgba(242,205,26,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(242,205,26,1) 0%,rgba(242,205,26,0) 77%,rgba(242,205,26,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cd1a', endColorstr='#00f2cd1a',GradientType=1 ); /* IE6-9 */

}
.bar4 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2cd1a+0,f2cd1a+100&1+0,0+96 */
    background: -moz-linear-gradient(left,  rgba(242,205,26,1) 0%, rgba(242,205,26,0) 96%, rgba(242,205,26,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(242,205,26,1) 0%,rgba(242,205,26,0) 96%,rgba(242,205,26,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(242,205,26,1) 0%,rgba(242,205,26,0) 96%,rgba(242,205,26,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cd1a', endColorstr='#00f2cd1a',GradientType=1 ); /* IE6-9 */

}
.homepageDials {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.dialDesc {
    font-size: 2rem;
    padding-top: 1.5rem;
}
.eachDial {
    padding: 15px;
    width: 100%;
    max-width: 200px;
}
.homepageDataPic {
    background-image: url("/wp-content/themes/observepoint-2016/img/observepoint-data-moves-fast-768.jpg");
    background-position: 46% 14%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
}
.homepageDataQualityPic {
    background-image: url("/wp-content/themes/observepoint-2016/img/man-by-sea.jpg");
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 45%;
}
.homepageDataPicText {
    color: #494842;
}
.homepageDataPicText h3 {
    font-family: "aller",sans-serif;
    font-weight: 100;
    width: 100%;
    padding: 2%;
    margin-top: -76px;
    margin-bottom: 0;
    letter-spacing: .6rem;
    line-height: 2.8rem;
    text-align: center;
    font-style: italic;
}
.homepageURLbox {
    height: 40px;   
}
.homepageURLbox .headerURLInputBox {
    max-width: 200px;
    display: inline-block;
    height: 100%;
    margin-right: -7px;
    font-size: 1.3rem;
}

.noTopPadding {
    padding: 7% 0 13% 0!important;
}
.homepageWhatIsData {
    min-height: 280px;
}

@media (max-width:991px){
    .homepageURLbox .headerStartAuditBtn {
        position: relative;
        top: -2px;
        display: inline-block!important;    
    }
}
@media (min-width:992px){
    .homepageHeroImg {
        width: 100%;
        margin: 5% 7%;
        right: 10%;
        position: relative;
    }
    .homepageHeroBGimg {
        background-image: url("/wp-content/themes/observepoint-2016/img/Perspective_LuLu_shadow.jpg");
        background-position: 46% 14%;
        background-size: cover;
        background-repeat: no-repeat;
        height: 400px;
        margin-right: -40%;
        margin-left: 30%;
    }
    .homepageHeroText {
        margin-left: 0%;
    }
    .homepageTagBarBlock {
        padding-top: 30px;
    }
    .homepageDials {
        margin-left: 10%;
        width: 83%;
        padding-bottom: 0;
        max-width: 800px;
    }
    .homepageDialsWrapper {
        position: absolute;
        top: 50px;
        right: 0;
        background-color: #ffffff;
        opacity: .85;
        width: 50%;
    }
}
@media (min-width:1376px){
    .homepageHeroBGimg {
        background-position: 46% -20%;
        height: 580px;
        margin-top: -5%;
    }
    .homepageDialsWrapper {
        width: 65%;
    }
}
@media (min-width:1900px){
    .homepageHeroText {
        position: relative;
        left: -35%;
        margin: 0 auto;
    }
    .homepageTagBarBlock {
        padding-top: 60px;
    }
}
@media (min-width:1900px){
    .homepageHeroBGimg {
        height: 680px;
    }
    .homepageDials {
        margin-left: 15%;
    }
}
@media (min-width:2500px){
    .homepageHeroBGimg {
        height: 880px;
    }
    .homepageDials {
        margin-left: 25%;
    }
}
/*-----3 offer-----*/
.homepageOffer {
    background-color: #f9f9f9;
    min-height: 150px;
    border-left: #eeeeee 1px solid;
    padding: 10px!important;
}
.homepageOffer h3 {
    font-size: 2rem;
    margin-top: 6%;
}
.homepageOffer img {
    max-height: 100px;
    width: auto;
    margin: 15% 0 10% 0%;
    padding: 0px 10%;
}
@media (min-width:768px){
    .homepageOffer {
        height: 250px;
    }
}
@media (min-width:992px){
    .homepageOffer {
        height: 200px;
    }
    .noTopPadding {
        padding: 0!important;
    }
}
/*video modal*/
button.close{
    font-size:2em;
    position: absolute;
    top: 5px;
    opacity: 1;
}

.modal-dialog{
    /*margin: 150px auto;*/
    width: 100%;
    height: 100%;
}

.modal-body {
    position: relative;
    /*    padding-bottom: 59%;
    padding-top: 10px;*/
    overflow: hidden;
}

.modal-body iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.opFeatureSection {
    text-align: center;
    padding: 50px 0px;;
    margin-bottom: 40px;
}
.opFeatureSection h2 {
    color: #FFFFFF;
    margin-bottom: 35px;
    margin-top: -10px;
    font-family: "aller", sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 10px;
}
.opFeatureSection h3 {
    color: #EDEDED;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 34px;
}
.opFeatureSection p {
    color: #EDEDED;
}
.opFeatureBullet {
    padding: 0 15px;   
}
.opFeatureBulletIn {
    max-width: 300px;
    margin: 0 auto;
}

.opFeatureBulletIn img {
    width: 80px;
    margin-bottom: 10px;
}
.opFeatureBulletIn .featureIcon {
    max-height: 100px;
    margin-bottom: 10px;
    max-width: 100%;

}
.opFeatureSectionBtn {
    margin-top: 40px;

}
.confidenceBullet img {
    padding: 12px 0;
}
@media (min-width: 768px) {
    .opFeatureSection h2 {
        margin-bottom: 60px;
    }
}

.adobeBgImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/adobe-building-bw.jpg");
    height: 385px;
    background-size: cover;
    background-position: 70%;
    background-repeat: no-repeat;
}


.logosBar img {
    max-height: 100px;
    padding: 30px auto;
    display: block;
    margin: 30px auto;
    max-width: 86%;
}
img.homeHPELogo {
    max-height: 130px;
}
img.homeFordLogo {
    max-height: 86px;
} 

@media (max-width:991px) {
    .home .webAssuranceCenteredImg {
        margin-top: 0;
        padding: 0;
    }   
    .home .productsApp1 {
        margin-top: 0;
    }
    .home .productsApp2 {
        margin-bottom: 0;
    }
    .home .webAssuranceTextCenteredOnlyOnTablet {
        padding-bottom: 60px;
    }
}
@media (min-width:768px) {
    .logosBar {
        display: flex;
        align-items: center;
    }
    .logosBar img {
        margin: 60px auto;
    }
}


/*==========================================================================================================
-------------------------------------------HOMEPAGE STYLES--------------------------------------------------
===========================================================================================================*/
.companyFounders .maxWidth800 { 
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
}

.footerRegBar {
    background-color: #F2CD14;
    padding: 41px 0 35px 0;
}
.regBarTxt {
    text-align: center;
}
.regBarTxt h2 {
    margin: 0;
    font-size: 38px;
}
.regBarBtn {
    text-align: center;
    margin: 30px 0 15px 0;
}
.footerRegBox {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: block;
}
#footerRegBtn {
    margin-top: 6px;
}
@media (max-width:768px) {
    .regBarTxt {
        margin-bottom: 25px;
    }
}



/*==================================================================================================================
----------------------------------------------HOMEPAGE MEDIA QUERIES------------------------------------------------
===================================================================================================================*/
@media (min-width:480px) {
    .homepageDataPic {
        background-size: cover;
    }
    .homepageDataQualityPic {
        height: 380px;
    }
}
@media (min-width:768px) and (max-width:1366px) {
    .homepageDataPic {   
        background-image: url("/wp-content/themes/observepoint-2016/img/observepoint-data-moves-fast-1366.jpg");
        height: 450px;
    }

}
@media (min-width:992px){
    .homepageDataQualityPic {
        height: 400px;
    }
    .homepageDataPic {   
        height: 530px;
    }
}
@media (min-width:1367px){
    .homepageDataPic {
        background-image: url("/wp-content/themes/observepoint-2016/img/observepoint-data-moves-fast-full.jpg");
        height: 800px;
    }
}
@media (min-width:2200px){
    .homepageDataPicText h3 {
        background-color: rgba(251,218,1,0.8);
        padding-top: 1%;
    }
}
@media (min-width:2560px){
    .homepageDataPic {
        height: 1000px;
    }
}




/*==========================================================================================================
--------------------------------------------PRODUCT PAGES---------------------------------------------------
===========================================================================================================*/
/*------------------------------products main page------------------------------*/

.productsMainHeroText {
    width: 80%;
    margin: 0 10%;
    position: absolute;
    top: 130px;
    max-width: 400px;
}
.productsMainHero {
    background-image: url("/wp-content/themes/observepoint-2016/img/ObservePoint-products-main-hero.jpg");
    height: 385px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    left: 18%;
}
.productsWeb1 {
    position: relative;
    display: inline-block;
    margin: 10% 0;
    left: -8%;
}
.productsWeb2 {
    position: relative;
    display: inline-block;
    margin-top: -95%;
    left: 61%;
}
.productsApp1 {
    width: 68%;
    position: relative;
    margin-top: 7%;
    right: -12%;
}
.productsApp2 {
    width: 80%;
    position: relative;
    left: -4%;
    margin-top: -42%;
    margin-bottom: 7%;
}
@media (min-width:768px){
    .productsMainHero {
        height: 436px;
        left: 20%;
    }
}
@media (min-width: 992px){
    .productsMainHeroText {
        top: 0px;
    }
}
@media (min-width: 1200px){
    .productsMainHero {
        height: 800px;
        left: 10%;
    }
}
@media (min-width: 1500px){
    .productsMainHero {
        left: 0%;
    }
    .productsApp1 {
        margin-top: 0;
    }
}
@media (min-width: 2200px){
    .productsWeb2 {
        margin-top: -1050px;
        max-width: 1120px;
        left: 61%;
    }
}
@media (min-width: 2560px){
    .productsMainHero {
        height: 1000px;
    }
}
/*------------------------------general webAssurance page styles------------------------------*/
.webAssuranceLinks, .webAssuranceLinks:visited {
    color: #CE9B2D;
    display: block;
    padding-bottom: 14%;
    text-align: left;
}
.paragraphLeftAlign {
    text-align: left;
}
.webAssuranceCenteredImg {
    padding: 5% 0;
}
.webAssuranceTextBlock{
    padding-bottom: 30px;
    padding-top: 3%;
}
.appAssuranceTextBlock {
    max-width: 600px;
    margin: 0 auto;
    width: 90%;
}
.appAssuranceHero {
    max-height: 800px;
}
.appScrnBgImg {
    float: left;
    width: 80%;
    margin-top: 150px;
    max-width: 1000px;
    margin-left: 10%;
}
.laptopScrnBgImg {
    width: 60%;
    margin-right: -10%;
    margin-top: -40%;
    max-width: 950px;
    position: relative;
    right: -40%;
    display: none;
}
.webAssurancePageHero {
    background-color: #f5f5f5;
}
.webAssurancePageHeroImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/webassurance-tag-presence.jpg");
    height: 385px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 8% -15px;
    position: relative;
    right: 0%;
}
.webSitePerformance {
    padding: 5%;
}
.webSitePerformance h4 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;   
    font-size:  2.2rem;
}
.webSitePerformance a {
    margin-top: 1.5rem;
}
.webAssuranceHeroText headerOne {
    font-size: 3.4rem;
}
.webAssuranceHeroText {
    margin: 50px 7%;
    max-width: 530px;
    text-align: center;
}
.webAssuranceDials .col-xs-4 {
    padding: 5%;
}
.webAssuranceDials img {
    margin: 0 auto;
    display: block;
}
.webAssuranceDials h4 {
    font-size:  2.2rem;
    text-align: center;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*video assurance*/
.videoAssurancePageHeroImg img, videoAssuranceVideo {
    width: 90%;
    margin: 0 auto;
    display: block;
}
.videoAssuranceHeroText {
    margin: 8% auto;
    text-align: center;
    padding: 0 35px;
}
.videoROI {
    background-image: url("/wp-content/themes/observepoint-2016/img/ROI.jpg");
    height: 385px;
    background-size: cover;
    background-repeat: no-repeat;
}
.videoIncreaseEfficiency {
    background-image: url("/wp-content/themes/observepoint-2016/img/Efficiency.jpg");
    height: 385px;
    background-size: cover;
    background-repeat: no-repeat;
}
.videoAssuranceVideo {
    display: none;
}
.videoAssuranceVideo::-webkit-media-controls {
    display: none;
}
@media (min-width:480px) {
    .videoAssurancePageHeroImg {

    }
}
@media (min-width:992px) {
    .videoAssurancePageHeroImg img {
        display: none;
    }
    .videoAssuranceVideo {
        width: 90%;
        margin: 0 auto;
        display: block;
        margin: 30px 0;
    }
}
@media (min-width:1367px) {
    .videoROI, .videoIncreaseEfficiency {
        height: 500px;
    }
}
@media (min-width:1900px) {
    .videoROI, .videoIncreaseEfficiency {
        height: 700px;
    }
}
@media (min-width:2500px) {
    .videoROI, .videoIncreaseEfficiency {
        height: 1000px;
    }
}








/*other*/
.tagSummary {
    width: 80%;
    margin: 0 10%;
}
.tagSummaryBtn {
    top: 30px;
    position: relative;
}
.webAssuranceDemoImg {
    margin-top: 70px;
}
.webAssuranceDemoImg img {
    width: 90%;
    margin: 0 auto;
    display: block;
}
.webHeroTextBlock {
    width: 90%;
    display: block;
    margin: 0 auto;
}
.beMoreEfficient {
    background-image: url("/wp-content/uploads/2016/03/be-more-efficient.jpg");
    height: 385px;
    background-size: cover;
    background-repeat: no-repeat;
}
.verifyCustomerJourneys {
    background-image: url("/wp-content/uploads/2016/03/verify-customer-journeys.jpg");
    height: 385px;
    background-size: cover;
    background-repeat: no-repeat;
}
@media (min-width:768px) {
    .appScrnBgImg {
        margin-top: 20%;
        margin-left: 0;
    }
    .laptopScrnBgImg {
        margin-top: -50%;
        display: inline-block;
    }
    .webAssuranceDemoImg {
        margin-top: 0;
    }   
    .webSitePerformance a {
        margin-top: 30px;
    }
    .webAssurancePageHeroImg {
        right: -10%;
    }
}
@media (min-width:992px) {
    .webAssurancePageHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/webassurance-tag-presence.jpg");
        height: 385px;
        background-position: 5% 77%;
        height: 450px;
    }
}
@media (min-width:1366px) {
    .appScrnBgImg {
        margin-top: 15%;
        width: 70%
    }
    .laptopScrnBgImg {
        width: 65%;
        position: absolute;
        margin-top: 150px;
        left: 50%;
    }
    .webAssurancePageHeroImg {
        height: 800px;
    }
}
@media (min-width:1900px) {
    .webAssurancePageHeroImg {
        height: 900px;
    }
}
@media (min-width:2560px) {
    .webAssurancePageHeroImg {
        height: 1000px;
    }
}
.sensativeDataImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/secure-sensative-data.jpg");
    height: 385px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 46%;
}
.appAssuranceScreenImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/app-screen-small.png");
    height: 385px;
    background-size: contain!important;
    background-repeat: no-repeat;
    background-position: 60%;
    margin: 5% 0 5% 9%!important;
}
.productFeaturesValPropBlock .col-md-4 {
    padding-bottom: 2%!important;
}
.productFeaturesValPropBlock {
    padding: 3% 0;
    width: 90%;
    margin-left: 5%;
}
.productIcons {
    max-height: 41px;
    padding-right: 3%;
}

.col-sm-6 .productFeaturesTextBlock {
    margin: 0;
}
.appAssuranceTextBlock h1, .appAssuranceTextBlock h2 {
    color: #494842;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.appAssuranceTextBlock h3 {
    font-size: 2rem;
}
.heroTitleP {
    color: #75756C;
    font-size: 1.8rem;
    margin-top: 10px;
    padding-bottom: 25px;
    font-family: "aller";
    font-weight: 100;
}

@media (min-width:480px){
    .appAssuranceScreenImg {
        background-position: 50%;
    }
}
@media (min-width:768px){
    .productFeaturesTextBlock {
        margin: 0 auto;
        width: 90%;
        min-height: 230px;
        max-width: 740px;
        display: block;
        margin: 0 auto!important;
    }   
}
@media (min-width:992px){
    .appAssuranceTextBlock h1, .appAssuranceTextBlock h2, h2 {
        font-size: 3.8rem;
    }

    .appAssuranceScreenImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/app-screen.png");
        height: 600px;
        margin: 0!important;
    }
}
@media (min-width:1500px){
    .appAssuranceTextBlock h1, .appAssuranceTextBlock h2, h2 {
        font-size: 3.8rem;
    }
}



/*--------------------PRODUCT STYLES A-F--------------------*/
.productStyleA {
    background-color: #EEEEEE!important;
}
.productStyleB {
    background-color: #F9F9F9!important;
}
.productStyleC {
    background-color: #F9F9F9;
}
.productStyleD {
    background-color: #FFFFFF;   
}
.productStyleE {
    background-color: #F2CD14;   
}
.productStyleF {
    background-color: #EBEBEB;   
}
.productStyleG {
    background-color: #F5F5F5;   
}
.productStyleH {
    background-color: #565656;
}
.bgLightGray {
    background-color: #f2f2f2;
}
.bgMidGray {
    background-color: #e9e9e9;
}
@media (min-width:992px){
    .productStyleB {
        padding-bottom: 0;
    }
}

.webAssurancePageBtns {
    /* position: relative; */
    /* right: 30px; */
    text-align: center;
    width: 136px;
    /* padding: 11px 0; */
    /* display: block; */
    float: right;
}
.assurancePages {
    width: 100%;
    margin:98px auto 0 auto; 
}
.webAssuranceMaxWidthWrapper {
    max-width:1200px;
    display:block;
    margin: 0 auto;
}
.webAssuranceMaxWidthWrapper p, .webAssuranceMaxWidthWrapper h2, .webAssuranceMaxWidthWrapper h3 {
    padding: 0 20px;
}
.webAssuranceHero {
    background-color: #4A484E;
    color: #ffffff;
}
.heroImgFullWith {
    max-height: 1000px;
}
.heroImgFullWith img {
    width: 100%;
    position: relative;
    top: 50px;
}
.productFeaturesTextBlock h2, .productFeaturesTextBlock h3 {
    border-bottom: 1px #494842 solid;
    padding-bottom: 10px;
}
.productFeaturesTextBlock h3 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 3.8rem;
}
.heroImg img {
    float: right;
    max-height: 400px;
    display: inline-block;
}
.blogFullWidthImg img {
    height: auto;
    min-width: 600px;
}

@media (min-width:992px) {
    .heroImgFullWith img {
        top: -100px;
    }
}
@media (min-width:1200px) {
    .heroImgFullWith {
        max-height: 600px;
    }
    .heroImgFullWith img {
        top: -160px;
    }
}
@media (min-width:1500px){
    .heroImgFullWith {
        max-height: 800px;
    }
}
@media (min-width: 2560px){
    .heroImgFullWith {
        max-height: 1000px;
    }
}

/*------------------------------webAssurance------------------------------*/
/*webAssuranceSectionStyleA*/
.webAssuranceSectionStyleA {
    background-color:#ffffff;
    padding-bottom: 50px;
}
.webAssuranceCenteredImg {
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 60px;
}
.webAssuranceHero2 {
    background-image: url("/wp-content/themes/observepoint-2016/img/webassurance-tag-presence.jpg");
    height: 300px;
    background-size: cover;
    background-position: 8%;
    background-repeat: no-repeat;
}
@media (min-width:992px) {
    .webAssuranceHero2 {
        height: 400px;
        margin-top: 8%;
    }
}
@media (min-width:1367px) {
    .beMoreEfficient, .verifyCustomerJourneys, .sensativeDataImg {
        height: 500px;
    }
    .webAssuranceHero2 {
        height: 500px;
    }
}
@media (min-width:1900px) {
    .beMoreEfficient, .verifyCustomerJourneys, .sensativeDataImg {
        height: 700px;
    }
    .webAssuranceHero2 {
        height: 600px;
    }
}
@media (min-width:2500px) {
    .beMoreEfficient, .verifyCustomerJourneys, .sensativeDataImg {
        height: 1000px;
    }
}
/*------------------------------appAssurance------------------------------*/
.appAssuranceHero {
    background-color: #F1F1F1;
}
.appAssuranceHeroText {
    position: absolute;
    color: #494842;
    text-align: center;
}
.appAssuranceTrustDataImg {
    background-image: url("/wp-content/uploads/2016/03/trust-your-mobile-app-data.jpg");
    height: 300px;
    background-size: cover;
    background-position: 70%;
    background-repeat: no-repeat; 
}
.increaseYourEfficiencyImg {
    background-image: url("/wp-content/uploads/2016/03/ease-of-use.jpg");
    height: 300px;
    background-size: cover;
    background-position: 70%;
    background-repeat: no-repeat; 
}
.appAssuranceVerifyImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/verify-your-app-integrations.jpg");
    height: 300px;
    background-size: cover;
    background-position: 70%;
    background-repeat: no-repeat; 
}
@media(max-width:767px){
    .appAssuranceHeroText {
        width: 100%;
    }
}
@media (min-width:768px) {
    .appAssuranceHeroText {
        left: 7%;
        top: 5%;
    }
    .appAssuranceTrustDataImg {
        height: 400px;
    }
    .appAssuranceVerifyImg {
        height: 400px;
    }
}
@media(min-width:992px){
    .appAssuranceHeroText h1 {
        font-size: 3.4rem;
    }
    .appAssuranceHeroText p {
        font-size: 1.8rem;
    }
}
@media (min-width:1367px) {
    .appAssuranceTrustDataImg, .appAssuranceVerifyImg {
        height: 500px;
    }
    .appAssuranceHeroText p {
        font-size: 2.5rem;
    }
}
@media (min-width:1900px) {
    .appAssuranceTrustDataImg, .appAssuranceVerifyImg {
        height: 700px;
    }
}
@media (min-width:2500px) {
    .appAssuranceTrustDataImg, .appAssuranceVerifyImg {
        height: 1000px;
    }
}
/*--------------------productFullWidthStyle--------------------*/
.webAssuranceFullWidthSectionText {
    background-color: rgba(239,239,239,0.9);
}
.webAssuranceFullWidthImg {
    display: inline-block;
}
.webAssuranceFullWidthImg img {
    width: 100%;
}
.webAssuranceTextCenteredOnlyOnTablet {
    text-align: left;
}
@media (min-width:480px) {
    .webAssuranceTextCenteredOnlyOnTablet {
        text-align: center;
    }
}
.webAssuranceOnlyOnDesktopImg {
    display: none;
}

@media (min-width:992px) {
    .webAssuranceOnlyOnDesktopImg {
        display: block;
    }
    .webAssuranceTextCenteredOnlyOnTablet {
        text-align: left;
    }
    .webAssuranceFullWidthSectionText {
        width: 50%;
        position: absolute;
        margin-top: 2%;
        margin-left: 5%;
        max-width: 600px;
        padding-top: 0!important;
        padding-bottom: 1%;
    }
}
.webAssuranceTextCentered {
    text-align: center;
}
.fullWidthCenterText {
    text-align: center;
    background-color: #ffffff;
    padding-bottom: 5%;
}
#fullWidthText .col-xs-12 {
    clear: both;
}
.fullWidthCenterText h1 {
    padding-top: 5%;   
}
.fullWidthCenterTextInnerWrapper {
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    width: 90%;
}
@media(min-width:1200px) {
    .webAssuranceFullWidthSectionText {
        margin-top: 2%;
        margin-left: 5%;
        width: 50%;
    }
    #improveUserExperience #centerChild4 {
        margin-top: 7%;
    }
}
@media(min-width:1500px) {
    .webAssuranceTextBlock {
        padding-top: 6%;
    }
    .webAssuranceFullWidthSectionText {
        margin-left: 7%;
    }
}



/*==========================================================================================================
----------------------------------------PRODUCT FEATURES PAGES----------------------------------------------
===========================================================================================================*/

/*features pages*/
#navbar-example2 {
    z-index:1;
    border-bottom: 1px solid #efefef !important;
    border-radius: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: -7px;
    height: 45px;
    overflow-y: hidden;
}
#menuFadeLeft, #menuFadeRight {
    width: 75px;
    height: 45px;
    position: absolute;
    z-index: 20;
    opacity: .8;
}

#menuFadeRight {
    right: 0;
    margin-top: -60px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.stuck #menuFadeRight, .stuck #menuFadeLeft {
    position: fixed;
}
.featuresNav {
    text-align: center;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*overflow-x:scroll;*/
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
    height: 100%;
}

.featuresNav li a {
    height: 100%;
}
.stuck {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 800;
    width: 100%;
}

#navbar-example2 li {
    min-width: 100px;
    height: 100%;
}

.stuckPaddingTop {
    padding-top: 60px;
}
#navbar-example2 .container-fluid {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
}
.stickyNavActive {
    background-color: #e7e7e7;
}
@media (max-width:767px){
    #navbar-example2 {
        overflow-x: auto;
        /*  white-space: nowrap;*/
    }
    #navbar-example2::-webkit-scrollbar { 
        display: none; 
    }
    #navbar-example2:after {
        display: block;
        content: " ";
        pointer-events: none;
        height: 100%;
        height: 60px;
        position: relative;
        top: -60px;
        /* for the gradients on the left and right *
        background: -moz-linear-gradient(left,  rgba(239,239,239,1) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 75%, rgba(239,239,239,1) 100%); /* FF3.6-15 *
        background: -webkit-linear-gradient(left,  rgba(239,239,239,1) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 75%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 *
        background: linear-gradient(to right,  rgba(239,239,239,1) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 75%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00efefef',GradientType=1 ); /* IE6-9 */
    }

}

@media (max-width:600px){
    #navbar-example2 li a {
        padding: 10px 6px;   
    }
}
@media (max-width:992px){
    .featuresNav>.active {
        display:block;
    }
    .featuresNav>li {
        display:none
    }
}
@media (min-width:992px){
    #navbar-example2 {
        height: 60px;
    }
    .featuresNav {
        min-width: 700px;
        font-size: 20px;
        font-size: 2rem;
        height: 100%;
    }
    .featuresNav li a {
        padding-top: 9px;
    }
}
@media (min-width:1200px){ 
    #navbar-example2 { 
        height: 43px;
    } 
}



/*==========================================================================================================
------------------------------------------TESTIMONIAL-BLOCK-------------------------------------------------
===========================================================================================================*/
.testimonialBar {
    background-color: #E9E9E9;
}
.testimonialBarText {
    padding-top: 4%;
    text-align: center;
}
.testimonialBar .webAssuranceLinks {
    padding-bottom: 0;   
}
.testimonialBar h3 {
    color: #898981;
    font-size: 3rem;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 0;
}
.testimonialBar a {
    text-align: center;
}
.testimonialBarLogos {
    margin-bottom: 4%;
    text-align: center;
    margin-top: 4%;
}
.testimonialBar img {
    padding: 6px 10px;
    max-height: 43px;
    max-width: 80px;
}

@media (min-width:480px){
    .testimonialBar img {
        padding: 12px 28px;
        max-height: 70px;
        max-width: 140px;
    } 
}
@media (min-width:768px){
    .testimonialBar img {
        margin: 10% 0%;
        padding: 12px 28px;
        max-height: 90px;
        max-width: 180px;
    }
}
@media (min-width:992px){
    .testimonialBar img {
        margin: 38% 10%;
        padding: 0 10%;
    }
    .testimonialBarLogos {
        margin-bottom: 0%;
        padding-right: 4%;
        margin-top: 0;
    }
    .testimonialBarText {
        text-align: left;
        padding-left: 10%;
    }
    .testimonialBar a {
        text-align: left;
    }
}
@media (min-width: 992px){
    .testimonialBar img {
        margin: 25% 10%;
    }
}
/*----------testimonial section----------*/
.webAssuranceTestimonialSection, .ourCustomers {
    padding: 0;
}
.testimonialBlock {
    padding: 0;

}
.ourCustomers {
    padding: 0 5%;   
}
.ourCustomersInside {
    max-width: 630px;
    margin: 2% auto;
}
.ourCustomersInside img {
    max-width: 150px;
    margin: 1% 0 3% 0;
}
@media (max-width:992px){
    .ourCustomersInside {
        margin: 2% auto;
    }
}
.ourCustomers h2 {
    color: #494842;
}
.ourCustomers h3 {
    color: #75756C;
}
.ourCustomers p {
    color: #AEAEA7;  
}
.testimonialLogos {
    padding: 20px 10px;
    height: 90px;
}
.testimonialsHidden {
    display:none;
    min-height: 280px;
    padding: 0 5%;
}
.testimonialLogos img {
    max-height: 60px;
    margin: auto;
    display: block;
    height: auto;
}
.productTestimonialSection {
    background-color: #EEEEEE;
}
.productTestimonialLogo1 {
    background-color: #B7B7B0;
}
.productTestimonialLogo2 {
    background-color: #96968E;
}
.productTestimonialLogo3 {
    background-color: #96968E;
}
.productTestimonialLogo4 {
    background-color: #B7B7B0;
}
@media (min-width:768px) {
    .productTestimonialLogo3 {
        background-color: #B7B7B0;
    }
    .productTestimonialLogo4 {
        background-color: #96968E;
    }
}
.selectedTestomonialImg img {
    max-height: 100px;
    max-width: 150px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.testimonialAuthor {
    text-align: right;
    margin-right: 15px;
}
.adobeTestimonial {
    background-image: url("/wp-content/themes/observepoint-2016/img/adobe-campus.jpg");
    height: 385px;
    background-size: cover;
    background-position: 70%;
    background-repeat: no-repeat;
}


/*==========================================================================================================
----------------------------------------FORM AT BOTTOM OF PAGE----------------------------------------------
===========================================================================================================*/
.formAboveFooter {
    background-color: #B7B7B0;
    padding-bottom: 60px;
}
.formAboveFooter h2 {
    text-align: center;
}
.formAboveFooter .footer-form {
    max-width: 800px;
    margin: 0 auto;
}
.formAboveFooter .col-md-6 {
    padding: 0 10px;
}
.bootstrap-select>.btn {
    height: 37px;
}
.webAssuranceFormBtn {
    right: 10px;
}


/*==========================================================================================================
-----------------------------------------CONTENT LIBRARY PAGE-----------------------------------------------
===========================================================================================================*/
.contentLibraryFeatured {
    margin-top: 96px;
}

.contentLibraryHero {
    background-image: url("/wp-content/themes/observepoint-2016/img/content-library-768.jpg");
    background-size: cover;
    background-position: 45%;
    height: 430px;
    text-align: center;
}
.contentLibraryHero h1 {
    color: #AEAEA7;
    margin-top: 40px;
}
.featuredContentH2 {
    color: #FFFFFF;
    font-family: "aller",sans-serif;
    font-weight: 100;
    font-size: 2.4rem;
}
.contentLibraryHero p {
    color: #DADAD5;
    padding: 5%;
    max-width: 700px;
    margin: 0 auto;
}

.contentLibraryFeaturedImg {
    background-image: url("/wp-content/uploads/2017/07/define-customer-impact-metrics-forrester-report-hero-768x595.jpg");
    background-size: cover;
    height: 280px;
    background-position: 0%;
}


.resourceItem:nth-child(odd), .resourceItem:nth-child(odd) .resourceItemText {
    background-color: #DEDEDE;
}
.resourceItem:nth-child(even), .resourceItem:nth-child(even) .resourceItemText {
    background-color: #EEEEEE;
}
.singleResourceH1 {
    width: 66%;
}
.resourceItem h2 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #494842;
    font-size: 2.8rem;
    margin: 0;
}
.resourceItem h3 {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #8C8C84;
    margin: 0;
    font-size: 2rem;
    margin-top: 3px;
}


.resourceItemText {
    padding: 3% 5%;
    height: 110px;
}
.resourceItem p {
    color: #75756C;
    margin: 0;
}
.resourceItemImg img {
    width: 100%;
    height: auto; 

}
.resourceItemImg {
    text-align: center;
}
.contentLibraryWrapper {
    background-color: #F9F9F9;
    flex-wrap: wrap;
}
.page-id-4144 .bootstrap-select>.btn {
    color: #494842!important;
}
@media (min-width:480px){
    .contentLibraryFeaturedImg {
        height: 430px;
    }

    .contentLibraryHero h1 {
        margin-top: 30px;
    }
}
@media (min-width:768px) and (max-width:1366pxpx) {
    .contentLibraryHero {
        background-image: url("/wp-content/themes/observepoint-2016/img/content-library-1366.jpg");
        background-position: 45%;
        height: 315px;
    }
}
@media (min-width:768px){


    .contentLibraryFeaturedImg {
        height: 560px;
    }
}
@media (min-width:992px){
    .resourceItem h2 {
        font-size: 2.8rem;
    }
    .contentLibraryFeaturedImg, contentLibraryHero {
        height: 350px;
    }

    .contentLibraryHero h1 {
        margin-top: 0%;
        font-size: 3.8rem;
    }
}
@media (min-width:1050px){
    .contentLibraryFeaturedImg, .contentLibraryHero {
        height: 550px; 
    }
    .contentLibraryHero {
        /* padding-top: 6%;*/
    }
    .contentLibraryFeaturedImg {
        background-position: 50%;
    }
}
@media (min-width:1367px){
    .contentLibraryFeaturedImg {
        height: 800px;
    }
    .contentLibraryHero {
        background-image: url("/wp-content/themes/observepoint-2016/img/content-library-full.jpg");
        background-position: 45%;
        height: 800px;
    }   
}

@media (min-width:2560px){
    .contentLibraryFeaturedImg {
        height: 1000px;
    }
    .contentLibraryHero {
        height: 1000px;
    }  
}
/*==========================================================================================================
-------------------------------------------TAG DEBUGGER PAGE------------------------------------------------
===========================================================================================================*/

.tagDebuggerHeroText {
    position: absolute;
    color: white;
    left: 5%;
    top: 5%;
    width: 90%;
    max-width: 530px;
    font-size: 1.4rem;
}
.tagDebuggerHeroText p {
    color: #DADAD5;   
}
.tagDebuggerHeroImg img {
    height: auto;
    min-width: 1100px;
}

.tagDebuggerHeroText .btn {
    color: rgba(0, 0, 0, 0.8);
    position: absolute;
    right: 0;
    height: 35px;
    padding-top: 12px;
    width: 150px;
}
.tagDebuggerHeroText .btn:hover {
    color: #ffffff;
}
.tagDebuggerImg {
    padding-bottom: 5%;
    max-width: 750px;
    width: 86%;
    margin: 0 auto;
}
.tagDebuggerImg1 {
    padding-bottom: 5%;
    max-width: 750px;
    width: 86%;
    margin: 0 auto;
    margin-top: 6%;
    display: block;
}
.tagCompareImg {
    padding: 5% 10%;
}
.footerStyleB {
    background: #000000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000000, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000000, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000000, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000000, #ffffff); /* Standard syntax (must be last) */
}
.footerStyleB .footer-form {
    color: #ffffff;
    max-width: 1000px;
}
.footerStyleB p {
    width: 96%;
    display: block;
    margin: 0 auto;
}
.rightAlignedLink {
    position: absolute;
    right: 0;
}
/*tagdebugger confirmation*/
.tagDebugConf {
    margin-top: 100px;
}
.tagDebugCompareOffer {
    background-color: #f2f2f2;
    padding: 50px;
    margin-top: 50px;
}
.tagDebugConfInfo {
    max-width: 96%;
    padding: 15% 10%;
}
.tagDebugConfInfo a, .tagDebugConfInfo a:visited {
    color: #daad28;
}
.tagDebugConfInfo a:hover {
    cursor: pointer;
}
#tcLabText {
    font-size: 30px;
    color: #cdcdcd;
    font-style: italic;
    margin-left: 6%;
}
@media(min-width:768px){
    .tagDebuggerFieldsA { 
        padding-right: 7px;
    }
    .tagDebuggerFieldsB {   
        padding-left: 7px;
    }   
    .page-id-8951 form {
        margin-top: 54px;
    }
}
@media(min-width:992px){
    .tagDebuggerHeroText {
        width: 50%
    }
}
@media(min-width:1500px){
    .tagDebuggerImg1 {
        margin-top: 16%;
    }
}
@media(min-width:1500px){
    .tagDebuggerHeroText {
        left: 12%;
        top: 15%;
        width: 40%;
    }
}

/*---------------------------------------TagDebugger and TagCompage Tutorial PAGE---------------------------------------------*/
#tdtcTutorialPage {

}
#tdtcTutorialPage ul {
    list-style-type: initial;
    margin-left: 30px;
}
#tdtcTutorialPage ol {
    margin-left: 30px;   
}
#tdtcTutorialPage li {
    padding-left: 5px;
}
.tagTutTopic {
    max-width: 1000px;
    margin: 0 auto;
}
.tagTutTopic a, .tagTutTopic a:visited {
    color: #D0A92B;
}




/*==========================================================================================================
---------------------------------------------SERVICES PAGE--------------------------------------------------
===========================================================================================================*/


.twelveHundredBlock {
    max-width: 900px;
    margin: 0 auto;
    width: 90%;
}
.relativePosition {
    position: relative;
}
.whiteTitle {
    font-size: 3.3em;
    margin-left: 3%;
    font-family: "acumin-pro-extra-condensed";
    bottom: 0;
    left: 2%;
    margin-bottom: -7px;
    top: 27%;
    width: 90%;
    max-width: 650px;
    margin: 0 auto;
    left: 0;
    right: 0;
    color: #494842;
    text-align: center;
}
.servicesHeroPWrapper {
    background-color: #f9f9f9;
    width: 100%;
    min-height: 100px;
    position: absolute;
    bottom: 0px;
    opacity: .8;    
}
.servicesHeroP {
    padding: 2% 0;
    bottom: 15px;
    width: 80%;
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    right: 0;
    left: 0;
    font-size: 1.4rem;
    color: #000000;
}
.servicesConsulting {
    padding-bottom: 50px;
}
.servicesConsultingTextBlock {
    padding-bottom: 8%;
}
.consultingServicesImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/services-consulting-768.jpg");
    height: 221px;
    background-size: cover;
    background-position: 70%;
    background-repeat: no-repeat; 
}
@media (min-width:480px){
    .consultingServicesImg {
        height: 330px;
    }
}
@media (min-width:768px){
    .consultingServicesImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/services-consulting-1366.jpg");
    }
}
@media (min-width: 992px) {
    .servicesConsultingTextBlock {
        padding-bottom: 0;
    }
    .servicesHeroP {
        font-size: 1.6rem;
    }
}
@media (min-width: 1200px) {
    .consultingServicesImg {
        height: 510px;
    }
}
@media(min-width:1367px){
    .consultingServicesImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/services-consulting-full.jpg");
    }
}
@media (min-width: 1500px) {
    .consultingServicesImg {
        height: 550px;
    }
}
/*-------------------------------------------EDUCATION PAGE----------------------------------------------*/


.educationHeroText {
    position: absolute;
    color: white;
    left: 5%;
    top: 22%;
    width: 90%;
    max-width: 530px;
    font-size: 1.4rem;
}
.educationHeroText h1 {
    font-size: 3.8rem;
}
.rememberMeText {
    display: inline-block;
    margin-left: 20px
}
.forgotLogin, .forgotLogin:hover, .forgotLogin:visited {
    color: #FDE051;
    cursor: pointer;
}
.educationTextBlock {
    padding: 0 2%;
}
.educationTextBlock ol {
    margin-left: 1.6rem;
}
@media (max-width:500px){
    .educationTextBlock .rightAlignedLink {
        width: 100%;
        margin-top: 4.5rem;
    }
}
.educationImage {
    background-image: url("/wp-content/themes/observepoint-2016/img/education-first-time.jpg");
    height: 370px;
    background-size: cover;
    background-position: 70%;
    margin-top: 50px;
    background-repeat: no-repeat;
}
@media (min-width:480px){
    .educationImage {
        background-position: 66%;
    }
}
@media (min-width:768px){
    .educationHeroText {
        font-size: 1.6rem;
    }
}

@media (min-width:992px){
    .educationImage {
        height: 570px;
        background-position: 76%;
        margin-top: 0;
    }
    .educationHeroText {
        width: 50%;
    }
}
@media (min-width:1500px){
    .educationImage {
        background-position: 100%;
    }
}

/*---------------------------------------CUSTOMER SUCCESS PAGE--------------------------------------------*/

.servicesCustomerSuccessImage {
    background-image: url("/wp-content/themes/observepoint-2016/img/services-customer-success.jpg");
    height: 380px;
    background-size: cover;
    background-position: 46% 0;

}
.customerSuccessImage {
    background-image: url("/wp-content/themes/observepoint-2016/img/customer-success1.jpg");
    height: 370px;
    background-position: 46% 0;
    margin-top: 40px;
}
.servicesEducationImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/services-education.jpg");
    height: 324px;
    background-size: cover;
    background-position: 90% 0px;
}
.customerSuccessHeroText {
    max-width: 800px;
    margin: 0 auto;
    width: 84%;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    top: 11%;
    font-size: 1.4rem;
}
.customerSuccessHeroText h1 {
    text-align: center;
}
.customerSuccessHeroText form {
    max-width: 550px;
    margin: 0 auto;
}
@media (min-width:480px){
    .servicesCustomerSuccessImage {
        background-position: 2% 0;
    }
    .servicesEducationImg {
        height: 360px;
    }
    .customerSuccessHeroText {
        top: 20%;
    }
}

@media (min-width:992px){
    .customerSuccessImage, .servicesCustomerSuccessImage {
        background-position: 30% 0;
        margin-top: 0;
        height: 630px;
    }
    .servicesCustomerSuccessImage {
        height: 400px;
    }
}
@media (min-width:1200px){
    .customerSuccessImage, .servicesCustomerSuccessImage {
        height: 600px;
    }
}
@media (min-width:1376px){ 
    .customerSuccessHeroText {
        top: 30%;
    }
}
@media (min-width:1500px){
    .customerSuccessImage, .servicesCustomerSuccessImage {
        background-position: 0 0;
    }
    .servicesEducationImg {
        height: 500px
    }
}



/*---------------------------------------PROFESSIONAL SERVICES PAGE------------------------------------------*/
.implementationImg {
    background-image: url("/wp-content/uploads/2016/03/implementation.jpg");
    height: 370px;
    background-size: cover;
    background-position: 30%;
}
.releaseValidationImg {
    background-image: url("/wp-content/uploads/2016/03/release-validation.jpg");
    height: 370px;
    background-size: contain!important;
    background-position: 50%;
}
.professionalServicesHeroText {
    position: absolute;
    color: #494842;
    left: 5%;
    top: 22%;
    width: 90%;
    max-width: 530px;
    font-size: 1.4rem;
    background-color: #f9f9f9;
    opacity: .8;
    color: #000000;
    padding: 2%;
}

@media (min-width:992px){
    .managedServicesImg {
        background-image: url("/wp-content/uploads/2016/03/managed-services.jpg");
        height: 370px;
        background-size: cover;
        background-position: 30%;
    }
}
@media (min-width:1200px){
    .implementationImg {
        height: 480px;
    }
}
@media (min-width:1500px){
    .implementationImg {
        height: 550px;
    }
}
/*==========================================================================================================
---------------------------------------------RESOURCES PAGE-------------------------------------------------
===========================================================================================================*/
.contentLibraryImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/resources-hero.jpg");

    background-size: cover;
    background-repeat: no-repeat;
    background-position: 45%;
}
.resourceSearchBar {
    background-color: #ffffff;
    height: 60px;
    width: 100%;
}
#searchBtn {
    position: absolute;
    left: 3%;
    top: 10px;
}
.resourcesSearchBox {
    position: absolute;
    border: none!important;
    height: 80%;
    top: 10%;
    left: 20%;
    width: 90%;
    padding-left: 1%;
    font-size: 1em;
}
.refreshBtnContainer {
    height: 100%;
    width: 60px;
    background-color: #CE9B2D;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
#refreshBtn {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    width: 26px;
}
.icon-refresh-animate {
    animation-name: rotateThis;
    animation-duration: .7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotateThis {
    from { transform: scale( 1 ) rotate( 0deg );   }
    to   { transform: scale( 1 ) rotate( 360deg ); }
}
.resourceSortBar {
    background-color: #EEEEEE;
    height: 50px;
    width: 100%;
}
.resourceBtns {
    color: #8D8D85;
    height: auto;
    line-height: 1;
    padding: 11px 25px;
    font-style: normal;
    text-transform: uppercase;
    border: none;
    background: #EEEEEE;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "aller",sans-serif;
    width: 15%;
    text-align: left;
    min-width: 137px;
}

.resourceBtns:hover, .resourceBtns:focus, .resourceBtns.focus, .resourceBtns:active, .resourceBtns.active, .open>.dropdown-toggle.resourceBtns {
    background-color: #EEEEEE;
}
.sortBtn {
    position: absolute;
    left: 0;
    width: 50%;
    text-align: right;
    top: 10px;
    padding-right: 2%;
}
.resourceTypeBtn {
    position: absolute;
    right: 0;
    width: 50%;
    top: 10px;
}

.sortByDropdown {
    position: absolute;
    left: 35%;
    top: 40px;
    float: right;
    top: 40px;
    width: 15%;
    background-color: #000000;
    opacity: .85;
}
.resourceTypeDropdown {
    position: absolute;
    right: 35%;
    top: 40px;
    width: 15%;
    float: right;
    left: auto;
    background-color: #000000;
    opacity: .85;
}
.resourceTypeDropdown>li>a,
.sortByDropdown>li>a {
    color: #F9F9F9;
}
.resourcesFullWidthSectionText {
    width: 80%;
    position: absolute;
    margin-top: 15%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    right: 0;
    left: 0;    max-width: 350px;
    padding-top: 0!important;
    padding-bottom: 1%;
    background-color: rgba(239,239,239,0.9);
    min-height: 220px;
}
.resourcesHeroText {
    padding: 7% 0 13% 0;
}

.resourcesTagDebuggerHeroText {
    padding-bottom: 30px;
}
.resourcesTagDebuggerHeroTextInner {
    width: 80%;
    max-width: 500px;
    margin: 0 auto;
}
.resourcesTagDebuggerHeroText h2, .resourcesTagDebuggerHeroText h3 {
    color: #494842;
}
.resourcesTagDebuggerHeroText p {
    color: #75756C;   
}
.resourcesTagDebuggerHeroImg img {
    height: auto;
    min-width: 1100px;
}

.resourcesTagDebuggerFieldsA { 
    padding-right: 7px;
}
.resourcesTagDebuggerFieldsB {   
    padding-left: 7px;
}
.resourcesTagDebuggerHeroText .btn {
    color: rgba(0, 0, 0, 0.8);
    float: right;
    height: 35px;
    padding-top: 12px;
    width: 150px;
}
.resourcesTagDebuggerHeroText .btn:hover {
    color: #ffffff;
}
.resourcesTagDebuggerImg {
    padding-right: 10%;
    padding-bottom: 5%;
}


@media(min-width:768px){
    .resourcesFormImg {
        margin-top: 13%;
    }
}
@media(min-width:992px){
    .resourcesTagDebuggerHeroText {
        width: 50%
    }
    .resourcesHeroText {
        padding-bottom: 0%!important;
    }
}
@media (min-width: 1050px) {
    .resourcesFormImg {
        margin-top: 5%;
    }
}
@media (min-width: 1200px) {
    .resourcesFormImg {
        margin-top: 0;
    }
}
@media (min-width: 1367px) {
    .resourcesTagDebuggerHeroText {
        margin-top: 2%;
    }
}
@media (min-width:480px){
    .resourcesSearchBox {
        left: 15%;
    }
}
@media (min-width:768px){
    .resourcesSearchBox {
        left: 10%;
    }
    .resourcesFullWidthSectionText {
        width: 50%;
        position: absolute;
        margin-top: 15%;
        margin-left: 8%;
        max-width: 450px;
    }
}
@media (min-width:768px){

    .resourcesHeroText {
        padding: 4% 0 8% 0;
    }
}
@media (min-width:1700px){

    .resourcesHeroText {
        padding: 9% 0 8% 0;
    }
}
/*==========================================================================================================
----------------------------------------ObservePoint Labs page----------------------------------------------
===========================================================================================================*/


.opLabsLogo {
    position: absolute;
    margin: 0 auto;
    top: 74px;
    left: 0;
    right: 0;
    max-height: 200px;
}
.opLabsH1 {
    text-align: center;
    margin-top: 50px;
    font-size: 40px;
    color: #494841;
}
.opLabsSubheader {
    text-align: center;
    font-family: "aller";
    font-weight: 100;
    font-size: 20px;
    font-style: italic;
    margin-top: -5px;
    margin-bottom: 15px;
}
.opLabsStyleBlock {
    padding-bottom: 10px;
}
.opLabsDisclaimer {
    margin-bottom: 20px;
}
.opLabsDisclaimer p {
    font-family: "aller";
    font-weight: 100;
    font-size: 13px;
    font-style: italic;
    margin-top: 20px;
}
@media (min-width:480px){
    .opLabsHeroText {
        top: 20%;
    }
}
@media (min-width:1376px){ 
    .opLabsHeroText {
        top: 30%;
    }
}




/*==========================================================================================================
--------------------------------------CUSTOMER ADVISORY BOARD PAGES------------------------------------------
===========================================================================================================*/
.customerBoardPage .twelveHundredBlock {
    max-width: 800px;
}
.customerBoardPage .lpContainer {
    max-width: 500px;
}
.customerBoardPage #formStart {
    margin-bottom: 10%;
}

.customerBoardConf {
    text-align: center;
}
.customerBoardConf a {
    margin: 15px;
    display: inline-block;
    width: 145px;
}

/*==========================================================================================================
----------------------------------------------LEGAL PAGES---------------------------------------------------
===========================================================================================================*/

.legalPageWrapper {
    padding-top: 100px;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    width: 90%;
}
.legalHeader {
    text-align: center;
}
.legalPage {
    padding: 0 20px;
}
.legalListTitle {
    margin-bottom: .5em;
}

.legalPageHeader {
    margin-top: 50px;
    text-align: center;
    padding: 37px 0;
}
.legalPageHeader h2 {
    font-size: 2.6rem;
}
/*==========================================================================================================
--------------------------------------------------BLOG------------------------------------------------------
===========================================================================================================*/

.blogMain {
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
    display: block;
}

.blogSearchBarInner {
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
    display: block;
}
/* ------------------------Blog Modal--------------------*/
#blog-modal .modal-content{
    width:95%;
    margin:160px auto 0;
}
#blog-modal .modal-content .modal-header button.close{
    padding-top:0;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
#blog-modal .modal-content .modal-header button.close:hover{
    background:rgba(0,0,0,0.5);
}
#blog-modal .modal-content .modal-header button.close span{
    color:#fff;
}
#blog-modal .modal-trial-form{
    height:200px;
    background-image:url("/wp-content/themes/observepoint-2016/img/modal-bg.jpg");
    background-position:50% 50%;
    background-size:cover;
    background-repeat:no-repeat;
}
#blog-modal .modal-trial-form form{
    width:95%;
    margin:0 auto;
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
#blog-modal .modal-trial-form form input{
    background:transparent
}

/*changes the section below the pic*/
#blog-modal .modal-trial-info{
    position:relative;
    background:#ffffff;
    color:#4A4942;
    padding-bottom:10px;
}
#blog-modal .modal-trial-info p {
    margin-top: 30px;
    text-align: center;
    background: #F2CD19;
    height: 40px;
    padding-top: 8px;
}
#blog-modal .modal-trial-form form{
    width:90%;
}
#blog-modal .modal-content{
    width:70%;
    max-width: 600px;
}
.modal-confirmation p {
    padding: 30px;
    margin: 0 auto;
}
#closeBtn {
    margin: 0 auto 20px auto;
    display: block;
}

.tags a {
    color: #D0A92B;
}
.related-posts {
    margin-bottom: 30px;   
}
.related-posts h3 {
    margin-bottom: 10px;   
}
.related-posts li {
    margin-bottom: 5px;   
}
.related-posts a {
    color: #118699;
}
.postCTA {
    margin-top: 40px;
    margin-bottom: 50px;
}
.blogQuoteBox {
    margin: 0 0 30px; 
    padding: 20px; 
    background-color: #ffffff;
}
.blogQuoteBox p {
    margin: 0; 
    font-style: italic;
    font-size: 15px; 
}
@media (min-width:768px) {
    .blogQuoteBox {
        margin: 0 30px 30px; 
        width: 300px; 
    }   
    .blogQuoteBox p {
        line-height: 32px; 
        font-size:20px;
    }
}


/*blog posts commetns*/
.comments-container {
    margin-bottom: 40px;
}
#commentsToggle {
    text-align: center;
    border: gray solid 1px;
    width: 150px;
    margin: 0 auto;
    height: 45px;
    padding-top: 4px;
    margin-bottom: 20px;
}
#commentsToggle:hover {
    cursor: pointer;
}
#commentsToggle .caret {
    background-image: url("/wp-content/themes/observepoint-2016/img/select-arrow.png");
    border: none;
    width: 26px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}
.hideBlock {
    display: none;
}
.displayBlock {
    display: block;
}
.comment {
    margin-bottom: 40px;
}
.comment footer {
    padding: 0;
}
.comment .fn {
    position: relative;
    top: -5px;
}
.comment .says {
    position: relative;
    top: -5px;
}
.comment .comment-author {
    margin-bottom: 10px;
}
.comment .comment-metadata {
    font-size: 12px;
    margin-bottom: 6px;
}
.comment-form-comment input, .comment-form-comment textarea {
    color: #4A4942;
    font-size: 1.6rem;
}
.comment .reply {
    margin-bottom: 20px;
}
.blog input#email, input#author,
.blogMain input#email, input#author {
    width: 100%;
    color: #4A4942;
    font-size: 1.4rem;
    padding: 6px;
}

.comment-form-email label, .comment-form-author label {
    margin-top: 7px;
}
.comment #submit {
    width: 100%;
    max-width: 100%;
}
@media(min-width:768px) {
    input#author {
        width: 95%;
    }
}


/*blog author bio*/
/*--------------Author Bios-------------*/

/*this is a hack, to make the background white, so that it shows up decently... but it would be better to put this div in the content div*/
.blogAuthorWrapper {
    width: 107%;
    margin: 0 auto;
    margin-left: -3.5%;
}
.blogAuthorBox {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 30px 0;
    padding: 5px 10px;
    background-color: #fff;
    display: inline-block;
}
.authorRightCol {
    display: inline-block;
}
.authorRightCol p {
    font-size: 14px;
}
.authorLeftCol {
    text-align: center;
}
.authorName {
    font-size: 24px;
    color: #494841;
    margin: 0 auto 5px auto;
}
.authorPic {
    display: block;
    height: auto;
    margin: 4% auto;
}
.authorPic img {
    width: 120px;
    height: auto;
}
.authorSocialBlock {
    text-align: right;
}
.authorSocial {
    max-width: 30px;
    height: auto;
}
/*social buttons*/
.blogAuthorSocialIconsBlock {
    text-align: center;
    margin-bottom: 10px;
}

.blogAuthorSocialIcons img {
    width: 100%;
    max-width: 30px;
    height: auto;
    margin: 0 1%;
}
.custom_images {
    margin-bottom: 20px;   
}
.custom_images img {
    width: 40px;
    margin: 0 7px 14px 0;
}
/*blog offers*/
.blogOfferDiv {
    background-color: #494842;
    width: 85%;
    margin-left: 7%;
    margin-top: 5%;
    margin-bottom: 6%;
    padding: 1%;
    border-radius: 10px;
}
.blogOfferDiv h3 {
    color: white;
}
.blogOfferImage img {
    margin-left: 40px;
    height: 300px;
    margin-top: 15px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}
.blogOfferForm {
    width: 90%;
    margin: -8px auto 0 auto;
}
.blogOfferForm .yellowBtn {
    margin-bottom: 36px!important;
}

@media (min-width:480px) {
    .authorPic {
        float: left;
        margin: 16px 20px 5px 0;
    }
    .authorRightCol {
        display: block;
    }
    .authorRightCol p {
        margin-top: 20px
    }
    .authorLeftCol {
        text-align: left;
    }
    .blogAuthorSocialIconsBlock {
        right: 3%;
        position: absolute;
        top: 10px;
        width: 50%;
        text-align: right;
    }
}
@media (min-width:992px) {
    .blogAuthorBox {
        margin: 40px 0 30px 0;
        padding: 15px 33px;
    }
    .blogOfferImage img {
        margin-left: 40px;
        height: 300px;
        margin-top: 15px;
    }
    .authorName {
        margin-bottom: 10px;
        padding: 0;
    }
    .authorPic {
        margin-left: 0px;
    }
    .authorRightCol p {
        font-size: 16px;
    }
    .blogOfferForm {
        margin-right: 40px;
    }
}

/*main page with all posts*/


.heroSection {
    margin-top: 84px;
    text-align: center;
    padding-top: 52px;
}
.heroSection h1 {
    margin-top: 30px;
    color: #E5CB23;
    font-size: 4rem;
}
/*blog search bar*/
.blogSearchBar {
    border-bottom: 1px #B7B7B0 solid;
    margin-bottom: 30px;
}
/*main blog pag styles*/

.postImage img {
    margin-top: 10px;
    padding-right: 20px;
    margin-bottom: 20px;
}
.blogSidebar li {
    margin-bottom: 10px;
}
.blogSidebar a {
    color: #118699;
}

.sidebarSocialBtns {
    margin-top: 30px;
}
.externalPromotion {
    margin-top: 40px;
}
.externalPromotion p {
    margin-bottom: 10px;
}
@media(min-width:992px){
    .blogSidebar {
        padding-left: 50px;
        margin-top: 6px;
    }
    .blog .blogSidebar {
        margin-top: 34px;
    }
}
/*pagination*/
.blogMain .navigation {
    margin-bottom: 50px;
    text-align: center;
}
.blogMain .webAssuranceLinks {
    padding-bottom: 50px;
    margin-top: -6px;
}

.pagination {
    margin: 0 0 40px 0;
}
.pagination .page-numbers {
    border: 1px solid #67665D;
    padding: 7px 12px;
}
.pagination span.page-numbers.current {
    background: #EEEEEE;
}

/*search bar*/
#wp-advanced-search {
    width: 100%;
}
.searchBar {
    background-color: #eee!important;
}
.searchBar .bootstrap-select>.btn {
    color: #494842!important;
}
.blogSearchBarInner .wpas-field {
    display: inline-block;
    margin: 10px 0;
}
#wpas-search_query {
    width: 100%;
}
#wpas-tax_category {
    width: 100%;
}
#wpas-submit {
    width: 100%;
}
#wpas-submit .btn {
    margin: 0 auto;
    display: block;
}
@media(min-width:480px) {
    #wpas-tax_category {
        width: 50%;
        padding-right: 20px;
    }
    #wpas-submit {
        width: 50%;
    } 
    #wpas-submit .btn {
        margin: 0 0 0 auto;
    }
}
@media(min-width:992px) {
    .blog #wpas-search_query {
        width: 50%;
        padding-right: 20px;
    }
    #wpas-search_query {
        width: 40%;
        padding-right: 20px;
    }
    .blogSearchBar #wpas-tax_category {
        width: 25%;
    }
    #wpas-submit {
        width: 25%;
    } 
}


/*footer*/
.blogFooterWrapper {
    background-color: #eee;
    padding-top: 10px;
    padding-bottom: 20px;
}
.blogFooter {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
}
.footerColumn {
    padding-right: 40px;   
}

#atftbx2 p {
    margin-bottom: 15px;
}
.sidebarSubscribe {
    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 20px;
}
.sidebarSubscribe input {
    font-size: 14px;
    width: 100%;
    margin-bottom: 13px;
    display: block;
    padding: 5px;
}
.sidebarSubscribe p {
    margin-bottom: 10px;   
}
.sidebarSubscribe .btn {

}

.blogPostSubscribe {
    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 20px;
}
.blogPostSubscribe input {
    font-size: 14px;
    width: 100%;
    margin-bottom: 13px;
    display: block;
    padding: 5px;
}
.blogPostSubscribe p {
    margin-bottom: 10px;   
}
.blogPostSubscribe .btn {
    width: 80%;
    margin: 0 auto;
    display: block;
}
/*blog social share*/
.at-resp-share-element .at-share-btn {
    margin-right: 10px!important;
}
/*styles from single-blog.php*/
/*new as of august 26, 2016*/
span.at-label {
    font-family: aller!important;
    font-size: 14px!important;
}


/* Blog Modal*/

#blog-modal .modal-content{
    width:95%;
    margin:160px auto 0;
}
#blog-modal .modal-content .modal-header button.close{
    padding-top:0;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
#blog-modal .modal-content .modal-header button.close:hover{
    background:rgba(0,0,0,0.5);
}
#blog-modal .modal-content .modal-header button.close span{
    color:#fff;
}
#blog-modal .modal-trial-form{
    height:200px;
    background-image:url("img/modal-bg.jpg");
    background-position:50% 50%;
    background-size:cover;
    background-repeat:no-repeat;
}
#blog-modal .modal-trial-form form{
    width:95%;
    margin:0 auto;
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
#blog-modal .modal-trial-form form input{
    background:transparent
}

#blog-modal .modal-trial-info p {
    margin-top: 30px;
    text-align: center;
}
#blog-modal .modal-trial-form form{
    width:90%;
}
#blog-modal .modal-content{
    width:70%;
    max-width: 600px;
}
.modal-confirmation p {
    padding: 30px;
    margin: 0 auto;
}
#closeBtn {
    margin: 0 auto 20px auto;
    display: block;
} 

.container {
    max-width: 1024px;
}

/*takes off footer background on blog posts*/
.comment-meta {
    background: none;
}
/*==========================================================================================================
--------------------------------------------PAGE NOT FOUND--------------------------------------------------
===========================================================================================================*/
.pageNotFoundBlock {
    margin-top: 100px;
    text-align: center;
    background-color: #fff;
}
.pageNotFoundBtnBlock {
    margin-top: 50px;
    text-transform: uppercase;
    font-family: "aller",sans-serif;
    margin-bottom: 150px;
}
.pageNotFoundBtnBlock a {
    margin: 15px;
}
.pageNotFoundBtnBlock a:hover  {
    color: #fff;
}
@media (min-width: 768px) {
    .pageNotFoundBlock {
        margin-top: 200px;
        text-align: center;
        background-color: #fff;
    }
    .pageNotFoundBtnBlock {
        margin-top: 100px;
    }
}




/*==========================================================================================================
---------------------------------------REFER AND PARTNER PAGES----------------------------------------------
===========================================================================================================*/

.contactForm2 {
    width: 80%;
    display: block;
    margin: 30px auto 50px auto;
    max-width: 900px;
}
.formPrivacyStatement {
    margin-top: 15px;
}
.contactForm {
    width: 80%;
    max-width: 800px;
    margin: 130px auto 0px auto;
    display: block;
}
.large-form {
    border:  1px solid #F2CD14;
    color: #96968E;
    margin-bottom: 20px;
    resize: vertical;
}
.privacy {
    margin-top: 20px;
}
.formSelectBox {
    width: 100%;
    margin-bottom: 20px;
    height: 40px;
    border: 1px solid #F2CD14;
    color: #b8b9b2;
    background-color: #fff;
    font-size: 14px;
}

.lp-form.partnerForm {
    min-height: 500px;
}
.contactForm2 button {
    width: 100%;    
}

.partnerTitle {
    width: 80%;
    margin: 100px auto 0 auto;
    max-width: 900px;
}
.referWrapper {
    margin: 120px auto;
    max-width: 1200px;
    padding: 0 30px;
    display: block;
}
.referWrapper h1 {
    margin-top: 0;
}
.formBtn {
    width: 50%;
}
.referForm button {
    margin-top: 20px;
    width: 100%;  
}
.sidebar {
    z-index: 5;
    display: block;
    margin-bottom: 30px;
}
.referForm {
    display: block;
}
@media (max-width:992px) {
    .sidebar {
        float: none;
    }
}
@media (min-width:992px) {
    .sidebar {
        padding-right: 27px;
    }
}

/*==========================================================================================================
--------------------------------------------CONTACT PAGE----------------------------------------------------
===========================================================================================================*/
.contactUsWrapper {
    margin-top: 130px;
    width: 90%;
    max-width: 800px;
}
.contactInfo {
    float: none;
}
.phoneNumbers {
    margin-bottom: 20px;
}
.contactInfo h3 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}
.contactInfo p {
    margin-bottom: 0;
}
.contactForm {
    margin: 30px auto 50px auto;
    width: 100%;
    max-width: 100%;
}
.contactForm .large-form {
    border: 1px solid #ccc;
}
@media (min-width:768px) and (max-width:1200px) {
    .contactFormCol1 {
        padding-right: 2%;
    }
    .contactFormCol2 {
        padding-left: 2%;
    }
}
@media (min-width:1200px) {
    .contactFormCol1 {
        padding-right: 0;
    }
    .contactFormCol2 {
        padding-left: 0;
    }
}
@media (min-width:1200px) {
    .contactInfo {
        width: auto;
        margin-bottom: 60px;
        float: left;
    }
    .contactForm {
        margin-top: 10px;
        max-width: 400px;
    }
}
.contacUsForm {
    padding: 0px 20px 20px 20px; 
    border-top: 5px solid #F2CD14; 
    border-left: none; 
    border-right: none; 
    border-bottom: none; 
    background-color: #efefef;
    min-height: 450px;
}


/*==========================================================================================================
-------------------------------------------CUSTOMERS PAGE---------------------------------------------------
===========================================================================================================*/

.customersHeroImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/customers-hero-768.jpg");
    height: 221px;
    background-size: cover;
    background-position: 70%;
    background-repeat: no-repeat; 
}
.customersShowcase {
    text-align: center;
}
.customersShowcase img {
    max-height: 100px;
}
.customersShowcase .testimonialText {
    width: 90%;
    margin: 0 auto 5% auto;
    max-width: 530px;
}
.customersShowcase .testimonialAuthor {
    text-align: center;
    margin-right: 0;
    color: #3C3C3B;
    font-size: 2.6rem;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.customerBgImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/customers-extra-bg-768.jpg");
    height: 385px;
    background-size: cover;
    background-position: 70%;
    background-repeat: no-repeat;
}


.customerFullWidthSectionText {
    width: 90%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 11%;
    background-color: rgba(239,239,239,0.9);
}

.bpaTestimonial {
    background-image: url("/wp-content/themes/observepoint-2016/img/people-around-table.jpg");
    height: 385px;
    background-size:cover;
    background-position: 70%;
    background-repeat: no-repeat;
}



@media (min-width:480px){
    .customersHeroImg {
        height: 330px;
    }
}
@media (min-width:768px){
    .customersHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/customers-hero-1366.jpg");
    }
    .customerBgImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/customers-extra-bg-1366.jpg");
    }
    .customerFullWidthSectionText {
        width: 50%;
        margin-top: 7%;
    }
}
@media (min-width: 1200px) {
    .customersHeroImg {
        height: 510px;
    }
}
@media(min-width:1367px){
    .customersHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/customers-hero-full.jpg");
    }
    .customerBgImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/customers-extra-bg-full.jpg");
    }
}
@media (min-width: 1500px) {
    .customersHeroImg {
        height: 550px;
    }
}

/*==========================================================================================================
-----------------------------------------FULL WIDTH IMAGES--------------------------------------------------
===========================================================================================================*/

.bgImg {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
}
.blogFullWidthImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/AppAssurance-hero-768.jpg");
    background-size: cover;
}
.webHeroImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/WebAssurance-hero-768.jpg");
    background-position: 54% 10%;
    background-size: cover;
}
.webAssuranceFullWidthImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/improve-user-experience-768.jpg");
    background-position: 65% 0;
    background-size: cover;
}
.appAssuranceFullWidthImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/monitor-your-success-768.jpg");
    background-size: cover;
    background-position: 60%;
}
.dataGovernanceWidthImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/data-governance-768.jpg");
    background-size: cover;
    background-position: 20%;
}
.dataLayerPageWidthImg {
    background-image: url("/wp-content/uploads/2017/07/woman-with-laptop.jpg");
    background-size: cover;
    background-position: 0 0;
}
.consultingHeroImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/services-consulting-768.jpg");
    background-size: cover;
    background-position: 20% 20%;
}
.educationHeroImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/education-hero-768.jpg");
    background-size: cover;
    background-position: 70%;
    height: 430px;
}
.tagDebuggerHeroImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/tag-debugger-hero-768.jpg");
    background-size: cover;
    background-position: 35%;
    height: 500px;
}
.tagDebuggerFooter {
    background-image: url("/wp-content/themes/observepoint-2016/img/tag-debugger-footer-768.jpg");
    background-size: cover;
    background-position: 70%;
}
.customerSuccessHeroImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/customer-success-hero-768.jpg");
    background-size: cover;
    background-position: 0px 75%;
}
.servicesHeroImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/services-hero-768.jpg");
    background-size: cover;
    background-position: 45%;
}
.opLabsHeroImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/observepoint-labs-hero.jpg");
    background-size: cover;
    background-position: 0px 75%;
    height: 350px;
}
.customerBoardHeroImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/hero-press.jpg");
    background-size: cover;
    background-position: 0px 75%;
    height: 200px;
}
.fullWidthShortImg {
    height: 400px;
    background-repeat: no-repeat;
}
@media (min-width:480px) and (max-width:767px) {
    .blogFullWidthImg {
        background-position: 45%;
    }
    .consultingHeroImg {
        background-position: 20% 20%;
    }
    .tagDebuggerHeroImg {
        background-position: 20%;
    }
    .servicesHeroImg {
        background-position: 50%;
    }
}
@media (min-width:768px) and (max-width:1366px) {
    .bgImg {
        height: 450px;
        background-repeat: no-repeat;
    }

    .blogFullWidthImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/AppAssurance-hero-1366.jpg");
        background-position: 80%;
    }
    .webHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/WebAssurance-hero-1366.jpg");

        background-position: 50% 0;
    }
    .webAssuranceFullWidthImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/improve-user-experience-1366.jpg");

        background-position: 70%;
    }
    .appAssuranceFullWidthImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/monitor-your-success-1366.jpg");
        background-position: 60%;

    }
    .dataGovernanceWidthImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/data-governance-1366.jpg");
    }
    .consultingHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/services-consulting-1366.jpg");

    }
    .educationHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/education-hero-1366.jpg");
    }
    .tagDebuggerHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/tag-debugger-hero-1366.jpg");
        background-position: 0;
    }
    .tagDebuggerFooter {
        background-image: url("/wp-content/themes/observepoint-2016/img/tag-debugger-footer-1366.jpg");
    }
    .customerSuccessHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/customer-success-hero-1366.jpg");
    }
    .servicesHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/services-hero-1366.jpg");
    }

}

@media (min-width:1050px) and (max-width:1366px) {
    .bgImg {
        height: 550px;
    }

    .customerSuccessHeroImg {
        height: 550px;   
    }
}

@media (min-width:1367px){
    .bgImg {
        height: 800px;
        background-repeat: no-repeat;
    }

    .blogFullWidthImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/AppAssurance-hero-full.jpg");
        background-position: 63%;
    }
    .webHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/WebAssurance-hero-full.jpg");

    }
    .webAssuranceFullWidthImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/improve-user-experience-full.jpg");
    }
    .appAssuranceFullWidthImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/monitor-your-success-full.jpg");
    }
    .dataGovernanceWidthImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/data-governance-full.jpg");
    }
    .consultingHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/services-consulting-full.jpg");
        background-position: 0 10%;
    }
    .educationHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/education-hero-full.jpg");
        background-position: 92%;
    }
    .tagDebuggerHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/tag-debugger-hero-full.jpg");
    }
    .tagDebuggerFooter {
        background-image: url("/wp-content/themes/observepoint-2016/img/tag-debugger-footer-full.jpg");
    }
    .customerSuccessHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/customer-success-hero-full.jpg");
        height: 800px;
    }
    .servicesHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/services-hero-full.jpg");
    }

}



@media (min-width:2560px){
    .bgImg {
        height: 1000px;
    }
}


/*==========================================================================================================
------------------------------------------HEADER NAVIGATION-------------------------------------------------
===========================================================================================================*/
header .navbar .topbar+.menubar {
    padding: 0 20px;
    margin: 25px 0;
    position: fixed; 
}
.topbar {
    background-color: #efefef;
    z-index: 51;
    display: block;
    font-family: "aller", sans-serif;
    font-size: 14px;
    text-align: center;
    /*hide for now
    //display: none!important;*/
}
.topbar ul li.login a:visited {
    color: #7e7e7e;
}
.topbar ul li.login a {
    color: #7e7e7e;
}
.dropdownMenuSection a,
.dropdownMenuSection a:visited {
    color: #A0A099;
    font-weight: 300;
}
.dropdownMenuSection a:active {
    color: #494842;   
}

/* attempts at getting the top menu active state to work
.dropdownMenuSection .active {
color: #494842;   
}
.dropdownMenuSection.current-menu-parent .dropdownHeader {
color: #494842;  
}
.current-menu-item > a {
color: red;
}*/

.dropdownMenuSection a:hover {
    color: #F2CD14;
    cursor: pointer;
}
.menubar {
    height: 60px;
}
.topbar ul li a {
    font-weight: 300;
}
.topbar ul li {
    border-right: 1px solid #7e7e7e;
    padding: 0 10px;
    margin: 0;
    line-height: 1;
}
header .dropdown-menu hl {
    font-size: 12px;
    color: #555;
}
header .dropdown-menu .enterprise-solutions {
    margin-bottom: 10px;
}
.navbar-nav.navbar-main>li .dropdown-menu a {
    color: #888;
    margin: 0 !important;
    padding: 0;
    display: block;
    font-size: 16px;
    line-height: 1.42857;
    font-weight: 300;
}
header .navbar {
    min-height: 72px;
    background-color: #ffffff !important;
}
.topbar {
    background-color: #efefef!important;
}
.topbar .container {
    width: 100% !important;
    max-width: none !important;
}

.topbar ul li.login a:visited {
    color: #7e7e7e;
}

.topbar ul li.login a {
    color: #7e7e7e;
}
.topbar ul li.login a:hover {
    color: #F2CD14;
}

.top-pad{
    padding-top: 50px;
}
.bottom-pad{
    padding-bottom: 50px;
}
header .navbar .topbar {
    padding: 8px 0;
}
header .navbar .topbar+.menubar {
    margin: 0;
}
header .logo-observepoint {
    margin: 5px 0;
}
.btn, button, input[type="button"], input[type="reset"], input[type="submit"] {
    color: #fff;
}
.navbar-nav.navbar-right .demo-request button.btn:hover {
    background-color: #2c2c2c;
    color: #fff !important;
}
header .navbar {
    min-height: 50px;
}
header .navbar-header {
    padding-left: 0px;
}
.menubar {
    height: 60px;
}
.topbar ul li a {
    font-weight: 300;
}
.topbar ul li {
    border-right: 1px solid #7e7e7e;
    padding: 0 10px;
    margin: 0;
    line-height: 1;
}
header .dropdown-menu hl {
    font-size: 12px;
    color: #555;
}
header .dropdown-menu .enterprise-solutions {
    margin-bottom: 10px;
}
.navbar-nav.navbar-main>li .dropdown-menu a {
    color: #888;
    margin: 0 !important;
    padding: 0;
    display: block;
    font-size: 16px;
    line-height: 1.42857;
    font-weight: 300;
}
header .navbar {
    min-height: 72px;
    background-color: #ffffff !important;
}
.topbar {
    background-color: #efefef;
    height: 38px;
}
.topbar .container {
    width: 100% !important;
    max-width: none !important;
}

.topbar ul li.login a:visited {
    color: #7e7e7e;
}

.topbar ul li.login a {
    color: #7e7e7e;
}
.topbar ul li.login a:hover {
    color: #F2CD14;
}

.top-pad{
    padding-top: 50px;
}
.bottom-pad{
    padding-bottom: 50px;
}
header .navbar .topbar {
    padding: 8px 0;
}
header .navbar .topbar+.menubar {
    margin: 0;
    border-bottom: 1px solid #efefef !important;
    background-color: #ffffff;

}
header .logo-observepoint {
    margin: 5px 0;
}
.btn, button, input[type="button"], input[type="reset"], input[type="submit"] {
    color: #fff;
}
.navbar-nav.navbar-right .demo-request button.btn:hover {
    background-color: #2c2c2c;
    color: #fff !important;
}
header .navbar {
    min-height: 50px;
}
header .navbar-header {
    padding-left: 0px;
}
navbar navbar-fixed-top {
    margin-bottom: 0;
}
@media (max-width: 479px) {
    .topbar ul li {
        padding: 0 5px;
    }
}
@media (min-width: 480px) {
    .topbar .container {
        padding-right: 25px;
    }

    .topbar {
        text-align: right;
    }
}






/*==================================================================================================================
--------------------------------------------------COMPANY PAGES-----------------------------------------------------
===================================================================================================================*/

.companyHeroImg {
    background-image: url("/wp-content/themes/observepoint-2016/img/company-hero-768.jpg");
    background-position: 84% 86%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
}
.companyHero {
    text-align: center;   
}
.companyHeroText {
    position: absolute;
    top: 15%;
    width: 90%;
    max-width: 650px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.companyHero h1 {
    color: #F2CD14;
    font-size: 4rem;
}
.companyHeroText p {
    color: #FFFFFF;
    font-size: 1.4rem;
    line-height: 2rem;
}
.video-play-btn:before {
    content: "";
}
.mtTimp {
    position: absolute;
    bottom: 0;
    color: #F2CD14;
    font-size: 1.1rem;
    right: 20px;
    font-style: italic;
    color: #ffffff;
    margin-bottom: 1px;
}
@media (min-width:768px) and (max-width:1366px) {
    .companyHeroImg {   
        background-image: url("/wp-content/themes/observepoint-2016/img/company-hero-1366.jpg");
        height: 450px;
    }
}
@media (min-width:992px){
    .companyHeroText p {
        font-size: 1.6rem;
    }
}
@media (min-width:1367px){
    .companyHeroImg {
        background-image: url("/wp-content/themes/observepoint-2016/img/company-hero-full.jpg");
        height: 800px;
    }
    .companyHeroText {
        top: 30%;
    }
}
@media (min-width:2560px){
    .companyHeroImg {
        height: 1000px;
    }
}




.companyMission {
    padding-top: 5%;
    padding-bottom: 12%;
}
.companyMission p {
    max-width: 500px;
    margin: 0 auto;
}
.technologyProducts img {
    margin: 7% auto;
    display: block;
}
.technologyProducts p {

}
.companyFounders {
    height: 300px;
    background-repeat: no-repeat;
    background-image: url("/wp-content/themes/observepoint-2016/img/company-founders.jpg");
    background-position: 32% 0;
    background-size: contain;
}
.companyFounders p {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.meetFounders {
    margin: 8% 0 13% 0;
    padding-top: 26%;
}
.companyEmployees {
    background-repeat: no-repeat;
    background-image: url("/wp-content/themes/observepoint-2016/img/company-employees.jpg");
    background-size: cover;
    height: 500px;
}
.employeeTextBlock {
    padding-top: 22%
}
.employeeQuote {
    font-style: italic;
    font-size: 1.8rem;
}
.founderBios {
    text-align: center;   
}

.founderBios img {
    margin: 5% auto 2% auto;
}
@media (min-width:480px){
    .companyFounders {
        background-position: 26% 0;
        height: 220px;
        background-size: cover;
    }
    .meetFounders {
        padding-top:0%;
    }
    .companyTechnology {
        background-repeat: no-repeat;
        background-image: url("/wp-content/themes/observepoint-2016/img/company-technology.png");
        height: 500px;
        background-size: 220%;
        background-position: -54%;
    }
}

@media (min-width:768px){
    .technologyProducts p {
        margin-left: 2rem;
    }
    .companyFounders {
        height: 390px;
        background-position: 34%;
    }
    .meetFounders {
        margin-top: 12%;
    } 

    .companyTechnology {
        height: 480px;
        background-position: -68%;
        background-size: 158%;
    }
}
@media (min-width:992px){
    .founderBios .col-md-6 {
        min-height: 620px;
    }
    .employeeTextBlock {
        padding-top: 96px;
    }
    .companyTechnology {
        height: 659px;
        background-position: -36%;
        background-size: 130%;
    }
    .companyMission {
        padding-top: 13%;
    }
    .companyFounders {
        height: 400px;
        background-position: 34%;
    }
    .founderBios p {
        text-align: left;   
    }
}
@media (min-width:1050px){
    .companyFounders {
        height: 550px;
        background-position: 35%;
    }
    .meetFounders {
        margin-top: 18%;
    }

}
@media (min-width:1367px){
    .companyFounders {
        height: 575px;
    }
    .companyTechnology {
        background-position: -240%;
        background-size: 110%;
    }
    .companyMission {
        padding-top: 18%;
    }
}
@media (min-width:1367px){
    .companyMission {
        padding-top: 26%;
    }
}
@media (min-width:1900px){
    .companyFounders {
        height: 590px;
    }
}
@media (min-width:2560px){
    .companyFounders {
        height: 780px;
    }


}
.careerLeftColumn .careerColumnsInner, .careerRightColumn .careerColumnsInner {
    margin: 0 auto;
    max-width: 500px;
}
/*==========================================================================================================
------------------------------------------HEADER NAVIGATION-------------------------------------------------
===========================================================================================================*/
@media (min-width:992px){
    .careerLeftColumn {
        padding-right: 2rem;
    }
    .careerRightColumn {
        padding-left: 2rem;
    }
}


/*==================================================================================================================
--------------------------------------------------LANDING PAGES-----------------------------------------------------
===================================================================================================================*/


/*-------------------------------------------NEW STYLE LANDING PAGE------------------------------------------------*/
.newLp {
    background-color: #ffffff;
}

.newLp #habla_both_div {
    display: none;
}
.newLp .hero {
    z-index: 5;
}
.newLpCol1 {
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
}

.newLpFooter {
    background-color: #75756C;
    padding: 0px;
    margin-top: 40px;
    color: #b7b7b0;
    margin-top: -30px;
}
.newLpFooter ul li a {
    color: #b7b7b0;
}
.newLpFooter p {
    padding: 20px 60px;
    margin-bottom: 0;
    font-size: 1.2rem;
}
.newLpFeaturedImage {
    background-size: cover;
    height: 500px;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-top: 30px;
}
.newLp form {
    margin-bottom: 60px;
    margin-top: 5px;
}
.lpContainer {
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
    float: none;
}
.newLpImgContainer {
    padding-top: 20px;
}
.newLpImgContainer img {
    max-height: 400px;
    margin: 0 auto;
    display: block;
}
.lp .yellowBtn {
    max-width: 1200px;
}
.skipToFormBtn {
    margin-top: 20px;
    margin-bottom: 10px;
}
.newLp ul {
    list-style: initial;
    margin-left: 30px;
}
@media (min-width:768px) {
    .skipToFormBtn {
        display: none;
    }
    .newLpCol1 {
        padding-right: 5%;
    }
}
@media (min-width:992px) {
    .newLpImgContainer {
        padding-top: 50px;
        margin-bottom: 40px;
    }
    .newLpFeaturedImage {
        height: 610px;
        margin-top: 0;
    }
    .newLpFooter {
        margin-top: 50px;
    }
}
@media (min-width: 1376px) {
    .newLpFeaturedImage {
        height: 1000px;
        margin-top: -16%;
        max-width: 600px;
    }

}
@media (min-width: 1700px) {
    .newLpFeaturedImage {
        height: 1170px;
        margin-top: -10%;
    }

}
@media (min-width: 2500px) {
    .newLpFeaturedImage {
        height: 1400px;
    }
}
/*---------------------------------------OP OVERVIEW VIDEO LANDING PAGE-------------------------------------------*/
.videoLPContainer {
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
    float: none;
    margin-top: 50px;
}
.videoLPContainer h1 {
    margin-top: 40px;
}
.overviewVideoCont {

}
#overviewVideo {
    padding-top: 50px;
    margin-bottom: 40px;
    margin-top: 208px;
    width: 90%;
}
#overviewVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 992px) {
    #overviewVideo iframe {
        width: 96%;
        height: 110%;
    } 
    .videoLPContainer h1 {
        margin-top: -1px;
    }
}
@media (min-width: 1200px) {
    #overviewVideo iframe {
        height: 145%;
    }
}

@media (min-width: 1600px) {
    #sessionVideo iframe {
        height: 600px;
    }
}




/*--------------------------------------------RESOURCE LANDING PAGE------------------------------------------------*/
.resourceFormSection {
    width: 80%;
    margin: 0 auto;
    padding-top: 8%;
    max-width: 400px;

}

.resourceLpImg {
    width: 300px;
    margin: 0 auto;
    display: block;
}

.resourcesLPtext {
    top: 14%;
    max-width: 680px;
    margin: 0 auto;
    padding: 0 5%;
}
.resourcesLPtext p {
    text-align: left;
}
.resourcesLPtext ul {
    list-style: initial;
    text-align: left;
    padding-left: 12%;
}


@media (min-width:992px) {
    .resourceLpImg {
        margin: 0;
        margin-top: 76px;
    }
    .resourcesLPtext {
        margin: 0;
        position: relative;
        left: 320px;
        margin-top: -382px;
        width: inherit;
        padding: 0 16% 0 0%;
    }

}
@media (min-width:1366px) {
    .resourcesLPtext {
        left: 345px;
        padding: 0 10% 0 0%;
    }

}

/*==================================================================================================================
------------------------------------------------CONFIRMATION PAGES--------------------------------------------------
===================================================================================================================*/
.confirmationPages {
    margin: 100px auto 500px auto;
    padding: 5%;
    max-width: 1100px;
}
.confPageOffer {
    text-align: center;
    background-color: #f9f9f9; 
    padding: 20px;
}
.confPageText {
    padding-bottom: 48px; 
    padding-right: 3%;
}
.confPageRelatedResources {
    text-align: center;
    font-weight: bold;
}
.confPageImg {
    margin: 0 auto;
    display: block;
    padding: 10px 0;
    max-width: 500px;
    width: 90%;
}
/*-----tag debugger----*/
.chromeTagDebugImg {
    margin: 10px 0 20px 0; 
}
/*--------------------------------------------RESOURCE CONFIRMATION PAGE------------------------------------------------*/
.resourceConfirmationPage {
    margin-top: 70px;
    padding: 5%;
}
.resourceConfirmationPage h1 {
    line-height: 3.6rem;
}
.resourceConfTextCol {
    text-align: center;
}
.viewPDFbtn {
    margin-bottom: 5%;
}
.resourceConfImg {
    margin: 0 auto 60px auto!important;
    display: block;
    width: 90%;
    max-width: 600px;
}

@media (min-width:992px) {
    .resourceConfirmationPage .confPageOffer {
        margin-top: 96px;
    }
}


/*==================================================================================================================
------------------------------------------------TAG DATABASE PAGES--------------------------------------------------
===================================================================================================================*/
/*main page*/
.dbSearchWrapper {
    background-color: #eeeeee;   
}

.tabDBcontainer {
    max-width: 1400px;
}
.dbSearch {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    display: block;
    padding: 15px 0;
}
.dbRow {
    display: inline-block;
}
.tag-title {
    color: #cd9b2d!important;
    font-family: "aller",sans-serif!important;
    font-size: 18px!important;
    font-weight: 100!important;
}
.tag-item {
    min-height: 0!important;
}
.tag-list ul .tag-item {
    border-bottom: none!important;
    padding: 10px 3%!important;
}


/*main page search*/
.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/wp-content/themes/observepoint-2016/img/select-arrow.png);
    border: none;
    width: 40px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}
.tag-database .search form .wpas-submit-field input {
    height: 37px!important;
}
@media(min-width:768px) {
    .dbSearchWrapper .wpas-taxonomy-field {
        max-width: 49%;
        display: inline-block;
    }
}

@media(min-width:768px) and (max-width:992px) {
    #wpas-tax_tagdb-categories {
        margin-right: 2%!important;
    }
}

@media(min-width:992px) {
    .dbSearchWrapper #wpas-search_query {
        max-width: 40%
    }
    .dbSearchWrapper .wpas-taxonomy-field {
        max-width: 20%;
    }
    .dbSearchWrapper #wpas-submit {
        max-width: 15%;
    }
}




/*single page*/
.singleTagDBpage {
    margin-top: 80px;
    padding: 5%;
}
.singleTagDBpage p {
    font-size: 1.6rem;
}
.tagWrapper {
    max-width: 1055px;
    display: block;
    margin: 0 auto;
    width: 90%;
}
.tagCol1 {
    padding-right: 2%;
}

.tagLearnMoreLink {
    word-break: break-all;
}
@media (min-width:768px) {
    .tagCol2 {
        margin-top:30px;
    }
}


/*==================================================================================================================
-------------------------------------------ORGANIC SEARCH LANDING PAGE----------------------------------------------
===================================================================================================================*/
.organicLP {
    width: 100%;
    margin: 98px auto 0 auto;
}
.organicLP h1 {
    position: relative;
    top: -60px;
    margin: 0 auto;
    text-align: center;
}
.organicLP h2 {
    margin-top: 0;
}
.organicLPtext {
    margin: 0 10%;
}
.organicLPhero {
    height: 80px;
}
.organicLPofferImg img {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}
.organicLPmw {
    max-width: 1382px;
    margin: 0 auto;
}
@media (min-width:768px) {
    .organicLPtext {
        margin-bottom: 100px;
    }
}
@media (min-width:992px) {
    .organicLPhero {
        height: 130px;
    }
    .organicLP h1 {
        top: -90px;
    }
}

/*===========================================TAG MANAGEMENT PAGE==================================================*/
#dataLayerPageBgImg {
    display: none;
}

@media(min-width:992px) {
    #dataLayerPageBgImg {
        display: block;
    }
}
/*===========================================TAG MANAGEMENT PAGE==================================================*/
.tagManagementPage h1 {
    margin-top: 120px;   
}
.tagManagementPage img {
    max-width: 350px;
    margin: auto;
    margin-bottom: 8%;
    margin-top: 8%;
}
.tagManagementPage .mw425px {
    max-width: 425px;
}
.tagManagementPage a {
    padding-bottom: 30px!important;
}
@media(min-width:992px) {
    .tagManagementPage h1 {
        margin-top: 150px;
        margin-bottom: -26px;
    }
}

/*==================================================================================================================
---------------------------------------------------TWEET THIS-------------------------------------------------------
===================================================================================================================*/
.tm-click-to-tweet {
    border: #dadad5 solid 1px;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.tm-ctt-text a {
    color: #afafa7;
    font-size: 26px;
    font-style: italic;
}
.tm-click-to-tweet p {
    position: relative;
    right: 16px;
    text-align: right;
}
.tm-click-to-tweet p a {
    color:#67665d;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 26px;
    background-size: 18px;
    background-image: url('/wp-content/themes/observepoint-2016/img/tweetThis.png');
}

/*================================================================================================================
----------------------------------------THREE OFFER SECTION ON HOMEPAGE-------------------------------------------
=================================================================================================================*/

.offersOuterWrapper {
    text-align: center;   
}
.offersWrapper {
    display: inline-block;
    width: 100%;
    max-width: 1900px;
    margin: 60px auto 40px auto;
}
.offer {
    text-align: center;
}
.offer {
    padding: 8px;
}
.offerIn img {
    width: 100%;
}
#offer2, #offer3 {
    display: none;
}
.offerText {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
}
/*analytics summit offer*/

.asDesc {
    color: #b7b7b0;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 100;
    padding: 0 20px;
}
/*tagdebugger offer*/
.tagDebuggerText {
    color: #eeeeee;
    font-size: 35px;
    font-family: "acumin-pro-extra-condensed", sans-serif;
    margin-bottom: 10px;
    margin-top: -24px;
}
.btn160w {
    max-width: 160px;
}
/*third offer*/

@media (min-width:480px) {
    .tagDebuggerText {
        margin-top: 13px;
    }
    .asDesc {
        font-size: 14px;
    }
}
@media (min-width:768px) {
    #offer2 {
        display: block;
    }

    .tagDebuggerText {
        margin-top: -2px;
    }
    .offerText {
        top: 30px;
    }
}
@media (min-width:992px) {
    #offer3 {
        display: block;
    }


    .asDesc {
        font-size: 12px;
    }
    .tagDebuggerText {
        margin-top: -13px;
    }
}
@media (min-width:1200px) {

    .analyticsSummitText {
        font-size: 35px;
        margin-top: 8px;
    }
    .asDesc {
        font-size: 14px;
    }
    .tagDebuggerText {
        margin-top: 13px;
    }

}
@media (min-width:1500px) {
    .offerText {
        top: 60px;
    }
}


/*==================================================================================================================
-----------------------------------------------HOMEPAGE REDESIGN----------------------------------------------------
===================================================================================================================*/
/**--------homepage hero----**/
html{
    font-family: 'open Sans', sans-serif;
    font-weight: 300;
    color: #222;
    width: 100%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    padding: 0px;
    margin: 0px;
}
.container-backup {
    margin-right: auto;
    margin-left: auto;
}
@media(min-width:430px) {
    #homepageHero h1, #homepageHero h2 {
        font-size: 45px!important;
    }
}

.auditdataviz {
    margin-right: auto;
    margin-left: auto;
}
.hero-text {
    width: 90%;
    max-width: 340px;
    color: #75756C; 
    text-align: center;
    font-size: 2.6rem;
    margin: 0 auto;
    margin-bottom: 45px;
}
.hero-text h1 {
    font-size:3.4rem;
}

.auditsummary .header {
    width: 100%;
    font-size: 2.4vw;
    float: left;
}

.metric-number {
    width: 100%;
    text-align: center;
    font-size: 4vw;
}

.box-container{
    padding: 2.5px;
    position: relative;
}
.container-backup {
    height: 100px;
}
.box{
    width: 100%;
    float: left;
    //idth: 90%;
    margin: 0 auto;
    padding: 10px 4% 0 4%;
}
.box-number{
    text-align:center; 
    font-size: 24px;
}
.box-label{
    text-align:center; 
    font-size: 12px;
    opacity: 1;
    margin-bottom: 15px;
}

.tag_type_image{
}
.personalizedScreenshot {
    width: 100%;
    max-width: 408px;
}
.heroimg {
    margin: 0 auto;
    display: block;
    height: auto;
}
.herolaptopimg {
    width: 72%;
    max-width: 300px;
    margin: 0 auto;
    display: block;
    top: 20px;
    position: absolute;
    left: 2px;
    right: 0;
}
.hideLoadingScreenshot {
    //display: block!important;
    z-index: -2;
}
.toptags {
    margin-top: 10px;
}
.bar-container{
    float: left;
    width: 105%;
    position: relative;
    padding: 3px 0px;
}
.bar-container p {
    margin-bottom: 5px;
    font-size: 14px;
    width: 100%;
    max-width: 320px;
}
.tag-image{
    width: 30px;
    margin: 0px;
    padding: 0px;
    opacity: 1;
    margin-top: 11px;
    margin-bottom: 2px;
}
.bar{
    position: absolute;
    width: 80%;
    left: 43px;
    margin: 0;
    padding: 0;
    height: 24px;
    margin-top: 3px;
}
.bar-text {
    top: 7px;
    height: 20px;
    font-size: 12px;
    line-height: 12px;
    width: 100%;
    z-index: 2;
    opacity: 1;
    color: #96968E;
}
.singleTagName {
    font-size: 13px;
    font-weight: 300;
}
.singleTagPercent {
    font-size: 18px;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.bar-percent-bg {
    background-color: #eeeeee!important;
    width: 100%!important;
}
.bar-percent{
    height: 21px;
    background-color: #b7b7b0;
    position: absolute;
    z-index: 1;
    width: 0px;
    -webkit-transition: width 2s;
    -moz-transition: width 2s;
    -o-transition: width 2s;
    transition: width 2s;
    opacity: 1;
}
.tag-image-container{
    float: left;
    display: inline-block;
    width: 15%;
}
.infoIcon {
    width: 14px;
    margin: 0 7px;
}
.infoIcon:hover {
    cursor: pointer;
}
.warningIcon {
    width: 18px;
    display: inline-block;
    margin-top: -2px;
    margin-right: 30px;
}
.warningIcon:hover {
    cursor: pointer;
}
@media (min-width:992px) {
    .hero-text {
        top: 120px;
        position: relative;
    }

}
/*new style for homepage hero*/

#desktopHeroImg img {
    display: none;
    margin-top: 100px;
}
#mobileHeroImg img {

}
@media(min-width:992px) {
    #desktopHeroImg img {
        display: block;
    }
    #mobileHeroImg img {
        display: none;
    }
}
#homeHeroBgImg {
    background-image:url("/wp-content/uploads/2017/05/observepoint-home-hero-tag-hierarchy.jpg");
    background-position: 45% 25%;
    background-size: cover;
    height: 400px;
    overflow: hidden;
    display: none;
}

@media(min-width:320px) {
    #homepageHero .newYelBtn {
        padding: 11px 16px!important;
    }
}
@media(min-width:1200px) {
    #homepageHero .newYelBtn {
        padding: 11px 25px!important;
    }
}
@media(min-width:992px) {
    #homeHeroText {
        text-align: left;
        margin-top: 240px;
    }
    a.yellowBtn.newYelBtn.hollowYelBtn.video-play-btn.fa.fa-play {
        margin: 0!important;
    }
    .homeHeroBtns {
        text-align: left;
    }
    #homeHeroBgImg {
        display: block;
        position: absolute;
        right: 0;
        background-position: 45% 0%;
        background-size: cover;
        height: 446px;
    }
    #centerParent2 {
        // margin-bottom: 70px;
    }
}
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    .container-backup{
        padding: 40px 59px 0px 59px;
        width: 320px;
    }

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    .container-backup{
        padding: 96px 96px 0px 96px;
        width: 480px;
    }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .container-backup{
        padding: 150px 150px 0px 150px;
        width: 768px;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .container-backup{
        padding: 200px 200px 0px 200px;
        width: 992px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .container-backup{
        padding: 175px 0px 0px 0px;
        margin: 0px;
        width: 1100px;

    }
    .auditSummary .section-header {
        text-align: right;
    }

}

.container-backup {
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

div {
    display: block;
}
.hero {
    position: relative;
}
.blog .hero {
    margin-top: 0;
}
@media (min-width: 992px) {
    .blog .hero-text {
        top: 20px;
    }
}
.tagsummary{
    width: 90%;
    margin: 0 auto;
    top: 25px;
    right: 400px;
    max-width: 200px;;
}

.totaltags{
    padding: 20px 0;
    width: 100%;

}

.sitestats{
    max-width: 420px;
    height: 130px;
    top: 10px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
}

.criticalpaths{
    width: 90%;
    margin: 0 auto;
    top: 25px;
    right: 400px;
    max-width: 200px;
}


.progress-bar-bg{
    background-color: #fff;
    height: 10px;
    width: 100%;
    border-radius: 10px;
    opacity: 1;
}
.progress-bar{
    height: 10px;
    border-radius: 10px;
    width: 0px;
    -webkit-transition: width 2s;
    -moz-transition: width 2s;
    -o-transition: width 2s;
    transition: width 2s;
}
.pltransition{
    width: <?php echo($average_page_load_percent) ?>;
}
.yellow{
    color: #f8be1c;
    opacity: 1;
}
.green{
    color: #99CC33;
    opacity: 1;
}
.red{
    color: #ee0000;
    opacity: 1;
}
.bg-yellow{
    background-color: #f8be1c;
    opacity: 1;
}
.bg-green{
    background-color: #99CC33;
    opacity: 1;
}
.bg-red{
    background-color: #ee0000;
    opacity: 1;
}
.section-header{
    font-size: 18px;
    width: 100%;
    color: #96968E;
    border-bottom: 1px solid #DADAD5;
    opacity: 1;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
}
.tagPresenceHeader {
    margin-left: 20px;
}
.auditSummaryHeader {
    margin: auto 20px;
}
.totalTagsText {
    padding-left: 53px;
}
.btn{
    color: rgba(0, 0, 0, 0.8);
    height: auto;
    line-height: 1;
    padding: 11px 25px;
    font-style: normal;
    text-transform: uppercase;
    border: 1px solid;
    border-color: transparent;
    background: #F2CD14;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none
}

canvas {
    display: block;
}

input {
    width: 200px;
}
@media (max-width:767px) {
    .hideOnMobile {
        display: none;
    }
}
@media (min-width:992px) {
    .sitestats{
        right: -25px;
    }
}










.homeHeroHeaderWrapper {
    top: 56px;
    padding: 10px;
    margin-bottom: -30px;
}
.homeHeroHeader {
    text-align: center;
    padding: 10px;
}
.homeHeroHeader h1 {
    font-size: 2.9rem;
    margin-bottom: 5px;
    margin-top: 10px;
}
@media (min-width:1200px) {
    .homeHeroHeader h1 {
        font-size: 4rem;
        margin-bottom: 8px;
    }
}
@media (min-width:2000px) {
    .homeHeroHeader h1 {
        font-size: 4.2rem;
    }
}
.homeHeroHeader h2 {
    padding-bottom: 0;
}
.homeHeroHeader .btn {
    padding: 11px 14px;
    display: inline-block;
    width: auto;
    letter-spacing: 1px;
    font-weight: 700;
    height: 33px;
}
.personalizedScreenshotWrapper {
    top: 88px;
    z-index: 2;
}
.personalizedScreenshot {
    margin: 0 auto;
}
.screenshotText {
    text-align: center;
    font-style: italic;
    padding: 0 10px;
    line-height: 13px;
    color: #75756C;
    margin-top: 15px;   
    font-size: 11px;
    font-weight: 400;
    display: block;
}
.homeHeroDescWrapper {
    background-color: #eeeeee;
    position: relative;
    padding: 10px;
    text-align: center;
}
.homeHeroDesc {
    font-size: 13px;
    color: #3E3934;
    padding: 20px 30px;
    text-align: left;
}
.tagPresenceWrapper {
    top: 115px;
}
.tagPresence {
    margin: 0 30px;
}
.auditSummaryWrapper {
    margin-top: 115px;
}
.auditSummary {
    margin: 0 30px;
    margin-top: 40px;
    margin-bottom: 0;
    height: 400px;
    position: relative;
    z-index: 3;
}

.auditInfoDesktop {
    display: none;
}
.totalTags {
    margin-top: 30px;
    border-top: 1px #DADAD5 solid;
    padding-top: 15px;
    margin-bottom: 20px;
}
.smallHeader {
    font-size: 13px;
    color: #75756C;
    font-weight: 300;
    font-family: aller, sans-serif;
    margin: 0;
}
.totalTagsNumber {
    color: #F77A52;
    font-weight: 400;
    line-height: 28px;
    font-size: 23px;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    right: 40px;
    position: absolute;
}
.userJourney {
    margin-top: 20px;
}
.userJourney .smallHeader {
    min-width: 220px;
}



/*IE 8,9,10*/
@media screen\0 {
    /* IE 8,9,10  */
    .whiteScreenBG {
        background-color: #ffffff;
        height: 300%;
        width: 400%;
        position: absolute;
        z-index: 10;
        top: -300px;
        left: -151px;
    }
}
@media screen\9 {
    /* IE 6,7  */
    .whiteScreenBG {
        background-color: #ffffff;
        height: 300%;
        width: 400%;
        position: absolute;
        z-index: 10;
        top: -300px;
        left: -151px;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE 10+  */
    .whiteScreenBG {
        background-color: #ffffff;
        height: 300%;
        width: 400%;
        position: absolute;
        z-index: 10;
        top: -300px;
        left: -151px;
    }
}
/*@supports (-ms-ime-align:auto) {
// Edge 12+  
.whiteScreenBG {
background-color: #ffffff;
height: 300%;
width: 400%;
position: absolute;
z-index: 10;
top: -300px;
left: -151px;
}
}*/
@media (min-width:480px) {
    .ie .heroimg {
        width: 400px;
        top: 115px;
    }
}
@media (min-width:768px)  {
    .ie .progBar {
        top: 272px;

    }
}
@media (min-width:992px) {
    .ie .progBar {

    }
}
@media (min-width:1200px) {
    .ie .progBar {
        top: 178px;
    }
}


#loadingBG {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 5;
    animation: loadbgfade 2.5s ease-in;
    -webkit-animation: loadbgfade 2.5s ease-in;
    -moz-animation: loadbgfade 2.5s ease-in;
    -ms-animation: loadbgfade 2.5s ease-in;
    -o-animation: loadbgfade 2.5s ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}



@keyframes loadbgfade {
    0%, 90% {
        opacity: 1;
        z-index: 5;
    }
    100% {
        opacity: 0;
        z-index: -1;
    }
}
@-webkit-keyframes loadbgfade {
    0%, 90% {
        opacity: 1;
        z-index: 5;
    }
    100% {
        opacity: 0;
        z-index: -1;
    }
}
@-moz-keyframes loadbgfade {
    0%, 90% {
        opacity: 1;
        z-index: 5;
    }
    100% {
        opacity: 0;
        z-index: -1;
    }
}
@-o-keyframes loadbgfade {
    0%, 90% {
        opacity: 1;
        z-index: 5;
    }
    100% {
        opacity: 0;
        z-index: -1;
    }
}



.loadingLaptop  {
    z-index: 6;
}
#progBarWrapper {
    z-index: 50;
}

.progBar {
    background-color: #ffffff;
    text-align: center;
    width: 73%;
    margin: auto;
    display: block;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: absolute;
    left: 0px;
    right: 0px;
    max-width: 302px;
    z-index: 20;
    top: 44%;
    height: 60%;
    animation: modalFade 2.5s ease-in;
    -webkit-animation: modalFade 2.5s ease-in;
    -moz-animation: modalFade 2.5s ease-in;
    -ms-animation: modalFade 2.5s ease-in;
    -o-animation: modalFade 2.5s ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}
@media(max-width:420px) {
    .progBar {
        max-height: 65%;
        top: 38%;
    }
}
.progBarInside {
    height: 3px;
}

@keyframes modalFade {
    0%, 90% {
        opacity: 1;
        width: 73%;
        height: 74%;
    }
    100% {
        opacity: 0;
        width: 0%;
        height: 0%;
    }
}
@-webkit-keyframes modalFade {
    0%, 90% {
        opacity: 1;
        width: 73%;
        height: 74%;
    }
    100% {
        opacity: 0;
        width: 0%;
        height: 0%;
    }
}
@-moz-keyframes modalFade {
    0%, 90% {
        opacity: 1;
        width: 73%;
        height: 74%;
    }
    100% {
        opacity: 0;
        width: 0%;
        height: 0%;
    }
}
@-o-keyframes modalFade {
    0%, 90% {
        opacity: 1;
        width: 73%;
        height: 74%;
    }
    100% {
        opacity: 0;
        width: 0%;
        height: 0%;
    }
}

@media(min-width:420px){
    @keyframes modalFade {
        0%, 90% {
            height: 194px;
            width: 73%;
            opacity: 1;
            top: 41%;
        }
        100% {
            height: 0px;
            width: 0%;
            opacity: 0;
        }
    }
    @-webkit-keyframes modalFade {
        0%, 90% {
            height: 194px;
            width: 73%;
            opacity: 1;
            top: 41%;
        }
        100% {
            height: 0px;
            width: 0%;
            opacity: 0;
        }
    }
    @-moz-keyframes modalFade {
        0%, 90% {
            height: 194px;
            width: 73%;
            opacity: 1;
            top: 41%;
        }
        100% {
            height: 0px;
            width: 0%;
            opacity: 0;
        }
    }
    @-o-keyframes modalFade {
        0%, 90% {
            height: 194px;
            width: 73%;
            opacity: 1;
            top: 41%;
        }
        100% {
            height: 0px;
            width: 0%;
            opacity: 0;
        }
    }
}

@media(min-width:768px){
    @keyframes modalFade {
        0%, 90% {
            height: 462px;
            width: 734px;
            opacity: 1;
            top: 277px;
            margin-left: 0px;
        }
        100% {
            height: 0px;
            width: 0%;
            opacity: 0;
            top: 77px;
            margin-left: 50px;
        }
    }
    @-webkit-keyframes modalFade {
        0%, 90% {
            height: 462px;
            width: 734px;
            opacity: 1;
            top: 277px;
            margin-left: 0px;
        }
        100% {
            height: 0px;
            width: 0%;
            opacity: 0;
            top: 77px;
            margin-left: 50px;
        }
    }
    @-moz-keyframes modalFade {
        0%, 90% {
            height: 462px;
            width: 734px;
            opacity: 1;
            top: 277px;
            margin-left: 0px;
        }
        100% {
            height: 0px;
            width: 0%;
            opacity: 0;
            top: 77px;
            margin-left: 50px;
        }
    }
    @-o-keyframes modalFade {
        0%, 90% {
            height: 462px;
            width: 734px;
            opacity: 1;
            top: 277px;
            margin-left: 0px;
        }
        100% {
            height: 0px;
            width: 0%;
            opacity: 0;
            top: 77px;
            margin-left: 50px;
        }
    }
}
@media(min-width:1200px){
    @keyframes modalFade {
        0%, 90% {
            height: 288px;
            width: 734px;
            opacity: 1;
            margin-top: 144px;
        }
        100% {
            height: 0px;
            width: 0px;
            opacity: 0;
            margin-top: 144px;
        }
    }
    @-webkit-keyframes modalFade {
        0%, 90% {
            height: 288px;
            width: 734px;
            opacity: 1;
            margin-top: 144px;
        }
        100% {
            height: 0px;
            width: 0px;
            opacity: 0;
            margin-top: 144px;
        }
    }
    @-moz-keyframes modalFade {
        0%, 90% {
            height: 288px;
            width: 734px;
            opacity: 1;
            margin-top: 144px;
        }
        100% {
            height: 0px;
            width: 0px;
            opacity: 0;
            margin-top: 144px;
        }
    }
    @-o-keyframes modalFade {
        0%, 90% {
            height: 288px;
            width: 734px;
            opacity: 1;
            margin-top: 144px;
        }
        100% {
            height: 0px;
            width: 0px;
            opacity: 0;
            margin-top: 144px;
        }
    }
}
@media(min-width:2000px){
    @keyframes modalFade {
        0%, 90% {
            height: 536px;
            width: 858px;
            opacity: 1;
        }
        100% {
            height: 0px;
            width: 0px;
            opacity: 0;
        }
    }
    @-webkit-keyframes modalFade {
        0%, 90% {
            height: 536px;
            width: 858px;
            opacity: 1;
        }
        100% {
            height: 0px;
            width: 0px;
            opacity: 0;
        }
    }
    @-moz-keyframes modalFade {
        0%, 90% {
            height: 536px;
            width: 858px;
            opacity: 1;
        }
        100% {
            height: 0px;
            width: 0px;
            opacity: 0;
        }
    }
    @-o-keyframes modalFade {
        0%, 90% {
            height: 536px;
            width: 858px;
            opacity: 1;
        }
        100% {
            height: 0px;
            width: 0px;
            opacity: 0;
        }
    }
}
.analyzing {
    color: #aeaea7;
    padding-top: 40px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
}
@media(min-width:420px) {
    .analyzing {
        margin-top: 30px;
    }
}
@media(min-width:768px) {
    .analyzing {
        margin-top: 140px;
    }
}
.siteName {
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;   
    color: #494842;
    font-size: 3rem;
    margin-bottom: 24px;
}
#myProgress {
    position: relative;
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
    display: block;
    height: 6px;
    background-color: #ddd;
    z-index: 30;
    background-color: #ffffff;
}
#myBar {
    position: absolute;
    width: 0;
    height: 100%;
    background-color: #ffc95e;
    animation: myBarWidth 2.5s ease;
    -webkit-animation: myBarWidth 2.5s ease;
    -moz-animation: myBarWidth 2.5s ease;
    -ms-animation: myBarWidth 2.5s ease;
    -o-animation: myBarWidth 2.5s ease;
}
@keyframes myBarWidth {
    from { width: 0%; }
    to   { width: 100%; }
}
@-webkit-keyframes myBarWidth {
    from { width: 0%; }
    to   { width: 100%; }
}
@-moz-keyframes myBarWidth {
    from { width: 0%; }
    to   { width: 100%; }
}
@-o-keyframes myBarWidth {
    from { width: 0%; }
    to   { width: 100%; }
}

.hideProgBarWrapper {
    // position: relative;
    top: -50%;
    animation: hideprogbar 2.5s ease-in;
    -webkit-animation: hideprogbar 2.5s ease-in;
    -moz-animation: hideprogbar 2.5s ease-in;
    -ms-animation: hideprogbar 2.5s ease-in;
    -o-animation: hideprogbar 2.5s ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}


@keyframes hideprogbar {
    0%, 90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes hideprogbar {
    0%, 90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes hideprogbar {
    0%, 90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-o-keyframes hideprogbar {
    0%, 90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


.hideProgBar {
    margin-top: 13%;
    animation-name: slideDown;
    -webkit-animation-name: slideDown;	
    -moz-animation-name: slideDown;	
    -ms-animation-name: slideDown;	
    -o-animation-name: slideDown;	

    animation-duration: 1s;	
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;

    animation-timing-function: ease;	
    -webkit-animation-timing-function: ease;	
    -moz-animation-timing-function: ease;	
    -ms-animation-timing-function: ease;	
    -o-animation-timing-function: ease;	

    visibility: visible !important;		

    transform: translateY(-33%);
    -webkit-transform: translateY(-33%);
    -moz-transform: translateY(-33%);
    -ms-transform: translateY(-33%);
    -o-transform: translateY(-33%);
}
.hideScreenshotText {
    // display: none;
}
@media(min-width:768px and max-width:1200px){
    .analyzing {
        padding-top: 160px;
    }
}

@media(min-width:1200px){
    .analyzing {
        margin-top: 60px;
    }
}
@media(min-width:2000px){
    .progBar {
        width: 100%!important;
        left: 10%!important;
    }
    .analyzing {
        padding-top: 140px;
    }
}
@media (min-width:768px) and (max-width:1200px) {
    .homeHeroHeader {
        margin-left: 53px;
        display: inline-block;
    } 
    .progBarInside {
        text-align: left;
        margin-left: -42%;
        display: inline-block;
    }
}

@media (min-width:768px) {
    .tagPresenceWrapper {
        top: -380px;
    }
    .screenshotText {
        font-size: 12px;
        line-height: 14px;
    }
    .personalizedScreenshotWrapper {
        margin-left: -100px;
    }
    .personalizedScreenshot {
        width: 966px;
        max-width: 966px;
    }
    .heroimg {
        margin: 0;
        width: 966px;
        max-width: 966px;
        margin-top: 80px;
    }
    .herolaptopimg { 
        left: 132px!important;
        width: 720px!important;
        top: 44px;
        max-width: 720px;
        margin-top: 80px;
    }
    .auditSummaryWrapper {
        margin-top: -330px;
        top: 0;
    }
    .tagPresence {
        width: 107%;    
    }
    .homeHeroDesc {
        font-size: 14px;
        text-align: center;
        padding: 20px 100px;
    }
}

@media (min-width:1200px) {
    .homeHeroHeaderWrapper {
        left: 12px;   
    }
    .tagPresenceWrapper {
        top: 70px;
    }
    .tagPresence {
        margin-right: -27%;    
    }
    .personalizedScreenshotWrapper {
        margin-left: 0;
    }
    .personalizedScreenshot {
        width: 607px;
        max-width: 607px;
    }
    .heroimg {
        margin: 0 auto;
        width: 628px;
        max-width: 628px;
    }
    .herolaptopimg { 
        left: 22px!important;
        width: 456px!important;
        max-width: 456px;
        top: 30px;
        margin-top: 0;
    }
    .homeHeroDescWrapper {
        margin-top: 40px;
    }
    .auditSummaryWrapper {
        margin-top: 30px;
        padding-right: 25px; 
    }
    .auditSummary {
        width: 108%;
        margin-left: -8%;
    }
    .auditInfoMobile {
        display: none;
    }
    .auditInfoDesktop {
        display: inline-block
    }
    .homeHeroDesc { 
        padding: 20px 300px;
    }
}


@media (min-width:1440px) {
    .homeHeroDescWrapper {
        margin-top: 50px;
    } 
}
@media (min-width:1920px) {
    .homeHeroDescWrapper {
        margin-top: 90px;
    } 
    .herolaptopimg {
        /* max-width: 846px;*/
    }
}
@media (min-width:2000px) {
    .personalizedScreenshotWrapper {
        margin-bottom: 130px;
    }
    .personalizedScreenshot {
        width: 1164px;
        max-width: 1064px;
        left: -93px;
        position: relative;
    }
    .heroimg {
        width: 1164px;
        max-width: 1164px;
    }
    .herolaptopimg { 
        max-width: 840px;
        width: 840px!important;
        left: 105px!important;
        top: 8%!important;
    }
    .progBar {
        top: 46%!important;
        height: 90%;
    }
    .tagPresenceWrapper {
        top: 145px;
    }
    .auditSummaryWrapper {
        margin-top: 106px;
    }

}
@media (min-width:2100px) {
    .personalizedScreenshot {
        left: -46px;
    }
}

/*IE 8,9,10*/
@media screen\0 {
    .progBar {
        top: 92px;
    }
}

/*----------------------------------AUDIT SUMMARY SECTION---------------------------------*/
/*switch btn*/
.onoffswitch {
    position: relative; 
    cursor: pointer;
    top: -4px;
}
.onoffswitch img {
    width: 50px;
    height: auto;
}
.auditSummary .onoffswitch {
    right: 8px;
    position: absolute;
}
@media (min-width:360px) {
    .onoffswitch img {
        width: 56px;
    }
}
@media (min-width:2000px) {
    .auditSummary .onoffswitch {
        right: 114px;   
    }
    .totalTagsNumber {
        right: 147px;
    }
}

/**-----------------------dials-----------------------**/
.dialsWrapper {
    margin-bottom: 80px;
}
.singleDial {
    margin-top: 40px;
}
.dialTitles {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 0;
    line-height: 16px;
    color: #96968E;
    font-size: 13px;
    position: relative;
    top: 114px;
}

.countNumber, .countNumber2, .countNumber3, #jsErrors, #missingTags, #duplicateTags {
    font-size: 22px!important;
    font-family: "acumin-pro-extra-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif!important;

}
.demo {
    margin-bottom: 25px;
    pointer-events: none;
}
.demo canvas {
    width: 100px!important;
    height: 100px!important;
    margin: 0 auto;
}
.demo input {
    margin-top: -88px!important;
    margin-left: 0px!important;
    width: 100%!important;
    color: #3E3934!important;
}
.dialPerc {
    margin-top: 23px;
    text-align: center;
}
@media(min-width:1200px) {
    .dialsWrapper {
        margin-left: 10px;
    }
}
@media(min-width:1500px) {
    .dialsWrapper {
        margin-left: -20px;
    }
}


/*total tags section*/
.totalTags {
    margin-top: 20px;
}


/*---------------------Audit Modal-----------------------*/
/* The Modal (background) */
#auditModalBoxBg {
    display: none; /* Hidden by default */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.85098); /* Black w/ opacity */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    position: fixed;
    top: 0;
    z-index: 1049;
}
#auditModalBox, #tagModalBox {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1050; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
}
.auditModalContent {

}
.showAuditModal { 
    -moz-opacity: 1;
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s;
}

.hideAuditModal {
    -moz-opacity: 0;
    opacity: 0;
    -moz-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -o-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    transition: all 0.3s;
}
/* Modal Content */
.auditModalContent, .tagModalContent {
    margin: auto;
    padding: 20px;
    width: 90%;
    max-width: 630px;
    color: white;
    position: relative;
    top: 35%;
    transform: translateY(-50%);
}

/* The Close Button */
.modalClose, .tagModalClose {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.modalClose img, .tagModalClose img {
    width: 20px;       
}

.modalClose:hover,
.modalClose:focus,
.tagModalClose:hover,
.tagModalClose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.auditModalContent h2, .tagModalContent h2 {
    font-weight: 200;
    font-family: acumin-pro-extra-condensed, sans-serif;
    color: #FFFFFF;
    border-bottom: 1px solid white;
    padding-bottom: 8px;
    line-height: 37px;
    font-size: 31px;
}
.auditModalContent h3, .tagModalContent h3 {
    font-weight: 300;
    line-height: 16px;
    color: #FFFFFF;
    font-family: aller, sans-serif;
    margin-bottom: 5px;
    font-size: 13px;
}
.auditModalContent p, .tagModalContent p {
    font-weight: 300;
    color: #96968E;
    font-family: aller, sans-serif;
    font-size: 11px;
    line-height: 13px;
}
.auditModalContent .onoffswitch {
    display: inline-block;
}
#userJournalModal {
    position: absolute;
    margin-left: 20px;
}
.percentageTagPresModal {
    color: #AEAEA7;
    font-size: 18px;
    font-family: acumin-pro-extra-condensed, sans-serif;
}
@media (min-width:992px) {
    /* Modal Content */
    .auditModalContent, .tagModalContent {
        margin-top: -100px;
        top: 50%;
        transform: translateY(-50%);
    }
    .auditModalContent h3, .tagModalContent h3 { 
        margin-bottom: 10px;
    }
    .auditModalContent p, .tagModalContent p { 
        font-size: 13px;
        line-height: 16px;
    }
}


/**/
.radial-container {
    height: 100px;
    width: 100px;
    position: relative;
    margin: 0 auto;
}
.radial-wrapper {
    width: 100px;
    height: 100px;
    position: absolute;
}
.radial-right-section {
    left: 50px;
}
.radial-section {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 50px;
}
.radial-left-section {
    left: 0;
}
.radial-right-section {
    left: 50px;
}
.wedge {
    height: 100px;
    width: 50px;
    background: #eff0f1;
} 
.radial-progress{           
    background: #b7b7b0;
}
.radial-right-section .wedge {
    border-radius: 0 180px 180px 0;
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}
.radial-left-section .wedge {
    border-radius: 180px 0 0 180px;
    -webkit-transform-origin: 50px 50px;
    -moz-transform-origin: 50px 50px;
    -ms-transform-origin: 50px 50px;
    transform-origin: 50px 50px;
}
.radial-background{
    width: 100px;
    height: 100px;
    position: absolute;
    background: #dbdbdb;
    border-radius: 180px;
}
.radial-inner-container{
    position: absolute;
    background: #ffffff;
    width: 68px;
    height: 68px;
    border-radius: 140px;
    top: 16px;
    left: 16px;
}





/*code for loading screen changes*/
#myBar {
    animation-fill-mode: forwards;
}