@charset "UTF-8";
/* CSS Document */

/* Fonts */


@font-face {
    font-family: "Museo Sans" ;
    src: url('/fonts/museosans_300-minlatin.eot');
    src: url('/fonts/museosans_300-minlatin.eot?#iefix') format('embedded-opentype'),
         url('/fonts/museosans_300-minlatin.woff') format('woff'),
         url('/fonts/museosans_300-minlatin.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto/Roboto-Light.woff2') format('woff2'),
       url('../fonts/roboto/Roboto-Light.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
       url('../fonts/roboto/Roboto-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto/Roboto-Italic.woff2') format('woff2'),
       url('../fonts/roboto/Roboto-Italic.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'),
       url('../fonts/roboto/Roboto-Bold.woff') format('woff');
}

/* Document Body and Semantic */
html {
    overflow-x: hidden !important;
}

body {
    overflow-x: hidden !important;
    padding-top: 80px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

@media only screen {
    #timebase-print-logo {
        display: none !important;
    }
}

@media only print {
    #timebase-print-logo {
        display: block !important;
    }

    #header-main {
        display: none !important;
    }
}

#header-main {
    margin-top: 0 !important;
}

/* Display and hide respecctive buttons */
@media only screen and (max-width: 991px) {
    .mobile-sub {
        display: block important;
    }

    .desktop-sub {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .mobile-sub {
        display: none !important;
    }

    .desktop-sub {
        display: block;
    }
}

/* Positioning of mobile and desktop subscriber buttons */
@media only screen and (min-width: 320px) and (max-width: 364px) {
    .mobile-sub {
        margin-right: 15px !important;
        margin-top: 0 !important;
    }
}


#mobile-menu-sub {
    width: 51px;
    height: 88px;
    top: 0;
    position: absolute;
    right: 16px;
}

@media only screen and (min-width: 365px) and (max-width: 767px) {
    .mobile-sub {
        margin-right: 15px !important;
    }
}

@media only screen and (max-width: 767px) {
    body {
        padding-top: 134px;
    }

    #subscribers-legal-research {
        width: 100% !important;
    }

    #subscribers-pit-research {
        width: 100% !important;
    }

    #userEmail {
        margin-left: 10px;
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 8px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body {
        padding-top: 100px;
    }

    .navbar-right {
        margin-top: -35px !important;
    }

    .navbar-header {
        width: 100% !important;
    }

    .mobile-sub {
        margin-right: 25px !important;
        margin-top: 10px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #header-container {
        height: 90px !important;
    }
}

main {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: 0;
}

/* General Styles */

.news-active {
    font-weight: 700 !important;
    color: #133353 !important;
}

.news-active::before {
    content: "\00BB";
    margin-left: -9px;
    font-size: 18px;
}

.news-no-activity {
    font-size: 13px !important;
}

.article-active {
    font-weight: 700 !important;
    color: #133353 !important;
}

.article-active::before {
    content: "\00BB";
    margin-left: -9px;
    font-size: 18px;
}

.alt-icon-text {
    position: absolute;
    top: 0;
    left: -99999px;
}

.hide-me {
    display: none;
}

.no-top-bottom-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.no-top-padding {
    padding-top: 0;
}

.no-bottom-padding {
    padding-bottom: 0;
}

.remove-padding-left {
    padding-left: 4px;
}

.remove-padding-right {
    padding-right: 4px;
}

.no-padding-left {
    padding-left: 0px;
}

.no-padding-right {
    padding-right: 0px;
}

.btn-padding-left {
    padding-left: 6px;
}

.btn-padding-right {
    padding-right: 6px;
}

#nav-toolbar .loginlink {
    color: #ffffff !important;
    text-decoration: none;
}

#nav-toolbar .loginlink:hover {
    color: #b8c1cc !important;
    text-decoration: none;
}

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

    .rnd-btn-padding-left {
        padding-left: 2px;
    }

    .rnd-btn-padding-right {
        padding-right: 2px;
    }

    .rnd-btn-padding-left .btn {
        padding-left: 5px;
        padding-right: 5px;
    }

    .rnd-btn-padding-right .btn {
        padding-left: 5px;
        padding-right: 5px;
    }

}

.tb-standard-vert-padding {
    padding-top: 15px;
    padding-bottom: 0;
}

.tb-extra-vert-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.tb-add-padding-bottom {
    padding-bottom: 30px;
}

.remove-all-padding {
    padding: 0;
}


@media only screen and (max-width: 767px) {
    .remove-padding-left {
        padding-left: 15px;
    }

    .remove-padding-right {
        padding-right: 15px;
    }
}

.add-top-margin {
    margin-top: 40px;
}

.add-top-padding {
    padding-top: 40px;
}

.tb-auto-margins {
    margin-left: auto;
    margin-right: auto;
}

.font-size-lg,
.font-size-lg p {
    font-size: 1.4rem;
}

.chart {
    display: inline-block;
    height: 120px;
    margin-bottom: 10px;
    margin-top: 30px;
    position: relative;
    text-align: center;
    width: 120px;
}

.chart canvas {
    left: 0;
    position: absolute;
    top: 0;
}

.percent {
    display: inline-block;
    line-height: 120px;
    z-index: 2;
    font-size: 1.6em;
}

.percent svg {
    width: 40%;
    margin-top: 35px;
}

/*.percent:after {
    content: "%";
    font-size: 0.8em;
    margin-left: 0.1em;
}
*/


@media only screen and (min-width: 768px) {
    .percentage-number {
        font-size: 56px;
        line-height: 60px;
    }
}


/* 5 Column Layout */

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

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

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

@media only screen and (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media only screen and (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* Buttons */

.btn {
    font-size: 14px;
    line-height: 16px;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 15px;
    font-weight: 700;
}

.btn-go {
    padding: 9px 6px 7px;
}

.btn-search {
    padding-right: 15px;
    background-color: rgb(0, 0, 0, 0) !important;
    border-color: rgb(0, 0, 0, 0) !important;
}

.btn-transparent {
    background-color: transparent !important;
}

.btn-default {
    color: #ffffff;
    background-color: #97be47;
    border-color: #97be47;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #97be47;
    border-color: #97be47;
    opacity: 0.75;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #97be47;
    border-color: #97be47;
}

.btn-default .badge {
    color: #97be47;
    background-color: #FFFFFF;
}

.btn-info {
    color: #ffffff;
    background-color: #009bb2;
    border-color: #009bb2;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #009bb2;
    border-color: #009bb2;
    opacity: 0.75;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #009bb2;
    border-color: #009bb2;
}

.btn-info .badge {
    color: #009bb2;
    background-color: #FFFFFF;
}

.btn-primary {
    color: #ffffff;
    background-color: #133353;
    border-color: #133353;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #133353;
    border-color: #133353;
    opacity: 0.75;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #133353;
    border-color: #133353;
}

.btn-primary .badge {
    color: #133353;
    background-color: #FFFFFF;
}


.high-width .btn-warning {
    color: #ffffff;
    background-color: #889ba9;
    border-color: #889ba9;
    background-image: none;
}

.low-width .btn-warning {
    color: #ffffff;
    background-color: #889ba9 !important;
    border-color: #889ba9 !important;
    background-image: none;
}

.btn-warning:hover {
    color: #ffffff !important;
    background-color: #677681 !important;
    border-color: #677681 !important;
    background-image: none;
}

.btn-warning:active,
.btn-warning.active,
.btn-warning a.active,
.open>.dropdown-toggle.btn-warning {
    color: #ffffff !important;
    background-color: #677681 !important;
    border-color: #677681 !important;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
    color: #ffffff !important;
    background-color: #677681 !important;
    border-color: #677681 !important;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-image: none;
    background-color: #889ba9 !important;
    border-color: #889ba9 !important;
}

.btn-warning.active,
.btn-warning:active {

    background-color: #677681 !important;
    border-color: #677681 !important;
    background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warningt,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #889ba9 !important;
    border-color: #889ba9 !important;
}

.btn-warning .badge {
    color: #889ba9 !important;
    background-color: #FFFFFF !important;
}

.low-width ul.nav>li {
    margin-top: 2px;
}

.more-list-btn {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.btn-mobile {
    width: 100%;
}

/* Buttons for Subscriber */

.navbar .navbar-primary .login #subscriberlink {
    margin-left: 10px;
}

.navbar .navbar-primary .login .btn {
    color: #ffffff;
    width: 100px;
    text-align: left;
    margin-bottom: 0;
}

.navbar .navbar-primary .login a {
    height: 25px;
    padding: 0;
}

.navbar .btn,
.navbar .btn-group {
    margin-top: 0px;
}

#hamburger-icon[aria-expanded="true"] {
    background-color: #97be47;
}

#hamburger-icon[aria-expanded="false"] {
    background-color: #133353;
}

.btn.mobile-sub,
.btn.desktop-sub,
.btn[id="btn-logout"],
.btn[id="btn-my-account"] {
    -webkit-border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-image: none;
    background-color: #96c03d;
    background-repeat: repeat-x;
    border: 1px solid #96c03d;
    color: white;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 8px 12px;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: middle;
}

.btn[id="btn-logout"],
.btn[id="btn-my-account"] {
    display: inline-block;
}

.btn[id="subscriberlink"] {
    margin-left: 10px !important;
    margin-right: 25px;
    margin-top: 1px !important;
}

.btn[id="subscriberlink"]:hover,
.btn[id="btn-logout"]:hover,
.btn[id="btn-my-account"]:hover {
    background-color: #b6d376;
}

.pull-right {
    float: right;
}


/* Modals */


.modal-open .modal {
    overflow-y: unset;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modal-backdrop.fade.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal {
    z-index: 1050;
    max-height: 200px;
    margin: 0 10px;
    background-clip: padding-box;
    outline: none;
}

.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%;
}

.modal.fade.in {
    top: 10%;
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

.modal-header .close {
    margin-top: 2px;
}

.modal-header h3 {
    margin: 0;
    line-height: 30px;
}

.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px 9px;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    *zoom: 1;
}

.modal-footer:before,
.modal-footer:after {
    display: table;
    content: "";
    line-height: 0;
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.popover .popover-title {
    display: none !important;
}

/* Start: Search Modal */

#tb-search.in {
    display: block !important;
}

.modal.search-modal {
    margin: 0 auto;
    width: 560px;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    .modal.search-modal {
        width: 94vw;
        margin-left: 9px;
    }

    /*	#main-splash {
		margin-left: -4px;
	}*/
}

@media screen and (min-width: 374px) and (max-width: 399px) {
    .modal.search-modal {
        width: 94.5vw;
        margin-left: 10px;
    }
}

@media screen and (min-width: 400px) and (max-width: 449px) {
    .modal.search-modal {
        width: 95vw;
        margin-left: 10.5px;
    }
}

@media screen and (min-width: 450px) and (max-width: 499px) {
    .modal.search-modal {
        width: 95.5vw;
        margin-left: 11px;
    }
}

@media screen and (min-width: 500px) and (max-width: 549px) {
    .modal.search-modal {
        width: 96vw;
        margin-left: 11.5px;
    }
}

@media screen and (min-width: 550px) and (max-width: 599px) {
    .modal.search-modal {
        width: 96.25vw;
        margin-left: 12px;
    }
}

@media screen and (min-width: 600px) {
    .modal.search-modal {
        width: 560px;
        margin-left: calc((100vw - 560px) / 2);
        margin-left: -o-calc((100vw - 560px) / 2);
        margin-left: -webkit-calc((100vw - 560px) / 2);
        margin-left: -moz-calc((100vw - 560px) / 2);
    }
}

.search-modal .modal-dialog {
    margin: 0 auto;
    width: inherit;
    background-color: unset;
}


.search-modal .modal-dialog .modal-content {
    border-radius: 0;
    border: none;
    background-color: rgb(19, 51, 83);
}

.search-modal .modal-dialog .modal-content .modal-header {
    background-color: rgb(19, 51, 83);
    border-bottom: unset;
}

.search-modal .modal-dialog .modal-content .modal-header .close {
    color: rgb(255, 255, 255);
    opacity: 1;
}

.search-modal .modal-dialog .modal-content .modal-header .close:hover {
    color: rgb(255, 255, 255);
    opacity: 0.5;
}

.search-modal .modal-dialog .modal-content .modal-header .modal-title {
    color: rgb(255, 255, 255);
    opacity: 1;
    margin-left: 9px;
    font-weight: 600;
}

.search-modal .modal-dialog .modal-content .modal-body {
    border-bottom: unset;
    background-color: rgba(19, 51, 83);
    margin-bottom: -1px;
}

.search-modal .modal-dialog .modal-content .modal-footer {
    border-radius: 0;
    background-color: rgba(19, 51, 83);
    border: none;
    border-top: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

/* End Search Modal */

/* Start: Newsletter Modal */

.modal.newsletter-modal {
    border-radius: 0;
    width: calc(100vw - 30px);
    width: -webkit-calc(100vw - 30px);
    width: -o-calc(100vw - 30px);
    width: -moz-calc(100vw - 30px);
    max-width: 545px;
    min-height: 270px !important;
    background: unset;
    opacity: 1 !important;
    top: 5% !important;
    border: none;
    /* overflow-y: hidden; */
    overflow: unset !important;
    margin: 0 auto;
}

.newsletter-modal .modal-dialog {
    margin: 0 auto;
    width: 100%;

}

.newsletter-modal .modal-dialog .modal-content {
    border-radius: 0;
    border: none;
}

.newsletter-modal .modal-dialog .modal-content .modal-header {
    background-color: rgb(19, 51, 83);
    border-bottom: unset;
}

.newsletter-modal .modal-dialog .modal-content .modal-header .close {
    color: rgb(255, 255, 255);
    opacity: 1;
}

.newsletter-modal .modal-dialog .modal-content .modal-header .close:hover {
    color: rgb(255, 255, 255);
    opacity: 0.5;
}

.newsletter-modal .modal-dialog .modal-content .modal-header .modal-title {
    color: rgb(255, 255, 255);
    opacity: 1;
}

.newsletter-modal .modal-dialog .modal-content .modal-body {
    border-bottom: unset;
    background-color: rgba(19, 51, 83);
    margin-bottom: -1px;
}

.newsletter-modal .modal-dialog .modal-content .modal-body #news-newsletter-signup {
    margin-top: -10px;
}

.newsletter-modal .modal-dialog .modal-content .modal-body #mc_messagebox {
    margin-top: -5px;
}

.newsletter-modal .modal-dialog .modal-content .modal-body #mc_messagebox p {
    color: rgb(255, 255, 255) !important;
}

.newsletter-modal .modal-dialog .modal-content .modal-body #mc_messagebox .btn[data-dismiss] {
    color: #ffffff;
    background-color: #97be47;
    border-color: #97be47;
}



.newsletter-modal .modal-dialog .modal-content .modal-body .modal-subtitle {
    color: rgb(255, 255, 255);
    opacity: 1;
    font-size: 19.5px;
    margin: 0 0 10px 0;
}

.newsletter-modal .modal-dialog .modal-content .modal-body .mc-field-group {
    margin: 0 0 10px 0;
}

.newsletter-modal .modal-dialog .modal-content .modal-body .mc-field-group .modal-formtext {
    color: rgb(255, 255, 255);
    opacity: 1;
    margin-right: 10px;
}

.newsletter-modal .modal-dialog .modal-content .modal-body .mc-field-group input[type="email"] {
    width: calc(100% - 20px);
    max-width: 300px;
    color: rgb(0, 0, 0);
}

@media screen and (max-width: 479px) {
	.newsletter-modal .modal-dialog .modal-content .modal-body .mc-field-group .g-recaptcha {
        transform: scale(0.89);
        -webkit-transform: scale(0.89);
        -o-transform: scale(0.89);
        -moz-transform: scale(0.89);
		position: relative;
        left: -14px;
	}
	.newsletter-modal .modal-dialog .modal-content .modal-body .mc-field-group {
		float: left;
    }
    .subscribe-container {
    	margin-left: 5px;
    }
}
@media screen and (min-width: 480px) {
    .subscribe-container input {
	   	float: right;
	}
	.newsletter-modal .modal-dialog .modal-content .modal-body .mc-field-group input[type="email"] {
 	   width: 300px !important;
	}
    .newsletter-modal .modal-dialog .modal-content .modal-body .mc-field-group .g-recaptcha {
        transform: scale(0.99);
        -webkit-transform: scale(0.99);
        -o-transform: scale(0.99);
        -moz-transform: scale(0.99);
        position: relative;
        left: 3px;
    }
}

.newsletter-modal .modal-dialog .modal-content .modal-footer {
    border-radius: 0;
    background-color: rgba(19, 51, 83);
    border: none;
    border-top: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}


/* End Newsletter Modal */

/* Start: Terms and Conditions Modal */
#tb-tandcs.in {
    display: block !important;
}

.modal.tandcs-modal {
    border-radius: 0;
    width: 545px;
    max-height: 90%;
    height: 90%;
    background: unset;
    opacity: 1 !important;
    top: 5% !important;
    border: none;
    overflow-y: unset;
}

.tandcs-modal .modal-dialog {
    margin: 0 auto;
    width: 545px;
}

.tandcs-modal .modal-dialog .modal-content {
    border-radius: 0;
    border: none;
}

.tandcs-modal .modal-dialog .modal-content .modal-header {
    background-color: rgb(19, 51, 83);
    border-bottom: unset;
}

.tandcs-modal .modal-dialog .modal-content .modal-header .close {
    color: rgb(255, 255, 255);
    opacity: 1;
    margin-right: 15px;
}

.tandcs-modal .modal-dialog .modal-content .modal-header .close:hover {
    color: rgb(255, 255, 255);
    opacity: 0.5;
}

.tandcs-modal .modal-dialog .modal-content .modal-header .modal-title {
    color: rgb(255, 255, 255);
    opacity: 1;
}

.tandcs-modal .modal-dialog .modal-content .modal-body {
    border-bottom: unset;
    background-color: #ffffff;
    padding: 10px 30px 0 15px;
    max-height: 100%;
}

.tandcs-modal .modal-dialog .modal-content .modal-body p {
    color: #133353 !important;
    font-weight: 700;
}

.tandcs-modal .modal-dialog .modal-content .modal-body .modal-subtitle {
    color: rgb(255, 255, 255);
    opacity: 1;
    font-size: 19.5px;
    margin: 0 0 10px 0;
}

.tandcs-modal .modal-dialog .modal-content .modal-body .mc-field-group {
    margin: 0 0 10px 0;
}

.tandcs-modal .modal-dialog .modal-content .modal-body .mc-field-group .modal-formtext {
    color: rgb(255, 255, 255);
    opacity: 1;
    margin-right: 10px;
}

.tandcs-modal .modal-dialog .modal-content .modal-body .mc-field-group input[type="email"] {
    width: 300px;
    color: rgb(0, 0, 0);
}

.tandcs-modal .modal-dialog .modal-content .modal-footer {
    border-radius: 0;
    background-color: rgba(19, 51, 83);
    border: none;
    border-top: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.tandcs-modal .modal-dialog .modal-content .modal-footer .btn-accepted {
    margin-right: 15px;
}

.tandcs-modal .modal-dialog .modal-content .modal-footer .close {
    float: right;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    text-shadow: unset;
    filter: unset;
    opacity: unset;
}

.tandcs-modal .modal-dialog .modal-content .modal-footer #tandcs-view,
.tandcs-modal .modal-dialog .modal-content .modal-footer #tandcs-accepted {
    height: 36px;
    float: left;
    margin: 0 10px 0 0;
    padding: 10px 15px;
}

@media only screen and (min-width: 400px) and (max-width: 599px) {
    .modal.tandcs-modal {
        width: 90%;
        margin: unset;
        left: 5%;
    }

    .tandcs-modal .modal-dialog {
        margin: 0 auto;
        width: 100%;
    }

    .tandcs-modal .modal-dialog .modal-content .modal-footer {
        padding: 15px;
    }

    .tandcs-modal .modal-dialog .modal-content .modal-footer #tandcs-view {
        padding: 8px 15px !important;
    }

    .tandcs-modal .modal-dialog .modal-content .modal-footer #tandcs-accepted {
        margin: 0 auto;
    }

    .tandcs-modal .modal-dialog .modal-content .modal-footer #tandcs-accepted:before {
        content: "I Accept TimeBase's T & C's";
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .tandcs-modal .modal-dialog .modal-content .modal-footer #tandcs-accepted:before {
        content: "I Accept TimeBase's Terms and Conditions";
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tandcs-modal .modal-dialog .modal-content .modal-footer #tandcs-accepted:before {
        content: "I Accept TimeBase's Terms and Conditions";
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tandcs-modal .modal-dialog .modal-content .modal-footer #tandcs-accepted:before {
        content: "I Accept TimeBase's Terms and Conditions";
    }
}

@media only screen and (min-width: 1200px) {
    .tandcs-modal .modal-dialog .modal-content .modal-footer #tandcs-accepted:before {
        content: "I Accept TimeBase's Terms and Conditions";
    }
}

/* End Terms and Conditions Modal */


/* Form Controls */

.form-control {
    border-radius: 0px;
    border: 1px solid #eeeeee;
}

.form-group {
    margin-bottom: 8px;
}

.input-lg {
    height: 40px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.3333333;
}

input,
select,
textarea {
    font-size: 16px !important;
    border-radius: 0px;
}


.form-control:focus {
    border-color: rgba(151, 190, 71, 0.8) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(151, 190, 71, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(151, 190, 71, 0.6) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(151, 190, 71, 0.6) !important;
    outline: 0 none !important;
}


/* Horizontal Rules */

hr {
    width: 100%;
    height: 1px;
    background: #dbe0e5;
    margin-top: 14px;
}

.column-rule {
    width: 100%;
    height: 2px;
    background: #dbe0e5;
    margin-top: 10px;
    margin-bottom: 10px;
}

.list-base-rule {
    width: 100%;
    height: 2px;
    background: #97be47;
    margin-bottom: 0;
}

.tb-column-padding {
    padding: 20px 20px 20px 20px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 991px) {
    .row-eq-height {
        display: inline;
    }
}

.teal-circle {
    background: #009bb2;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    padding: 18px;
    margin-bottom: 10px;
}

.green-circle {
    background: #97be47;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    padding: 18px;
    margin-bottom: 10px;
}

.dark-blue-circle {
    background: #133353;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    padding: 18px;
    margin-bottom: 10px;
}

.red-circle {
    background: #d43e42;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    padding: 18px;
    margin-bottom: 10px;
}

/* Button reactions */
.teal-bg {
    background: #009bb2;
}

.teal-bg.btn-default {
    color: #ffffff;
    background-color: #009bb2;
    border-color: #009bb2;
}

.teal-bg.btn-default:hover,
.teal-bg.btn-default:focus,
.teal-bg.btn-default:active,
.teal-bg.btn-default.active {
    color: #ffffff;
    background-color: #009bb2;
    border-color: #009bb2;
    opacity: 0.75;
}

.green-bg {
    background: #97be47;
}

.green-bg.btn-default {
    color: #ffffff;
    background-color: #97be47;
    border-color: #97be47;
}

.green-bg.btn-default:hover,
.green-bg.btn-default:focus,
.green-bg.btn-default:active,
.green-bg.btn-default.active {
    color: #ffffff;
    background-color: #97be47;
    border-color: #97be47;
    opacity: 0.75;
}

.dark-blue-bg {
    background: #133353;
}

.dark-blue-bg.btn-default {
    color: #ffffff;
    background-color: #133353;
    border-color: #133353;
}

.dark-blue-bg.btn-default:hover,
.dark-blue-bg.btn-default:focus,
.dark-blue-bg.btn-default:active,
.dark-blue-bg.btn-default.active {
    color: #ffffff;
    background-color: #133353;
    border-color: #133353;
    opacity: 0.75;
}

.red-bg {
    background: #d43e42;
}

.red-bg.btn-default {
    color: #ffffff;
    background-color: #d43e42;
    border-color: #d43e42;
}

.red-bg.btn-default:hover,
.red-bg.btn-default:focus,
.red-bg.btn-default:active,
.red-bg.btn-default.active {
    color: #ffffff;
    background-color: #d43e42;
    border-color: #d43e42;
    opacity: 0.75;
}

.teal-circle img {
    width: 100%;
}

.dark-circle {
    background: #133353;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.twitter-grey:hover {
    fill: #009bb2;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none
}

/* Carousel INdicators Override */
.carousel-indicators li {
    border: 1px solid #133353;
}

.carousel-indicators li.active {
    background-color: #133353;
}

/* Panel Colors Global */

.light-grey-background {
    background: #eeeeee;
}

.teal-background {
    background: #009bb2;
    color: #fff;
}

.dark-blue-background {
    background: #133353;
}

.green-background {
    background: #97be47;
}

.red-background {
    background: #d43e42;
}

.grey-background {
    background: #889ba9;
}

/* Text Styles */

h1,
h2 {
    color: #133353;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 15px;
    text-align: center;
}

h3 {
    color: #133353;
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 2px;
}

h4 {
    color: #133353;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

p {
    line-height: 20px;
    margin-bottom: 15px;
}

.small-text-red {
    color: #d43e42;
    font-size: 12px;
    line-height: 14px;

}

.small-text-grey {
    color: #889ba9;
    font-size: 12px;
    line-height: 14px;
}

.make-uppercase {
    text-transform: uppercase;
}

a {
    color: #009bb2;
}

.grey-links>a {
    color: #889ba9;
    font-size: 12px;
    line-height: 14px;
}

.tb-text-left {
    padding-left: 12px;
}

.teal-background h1,
.teal-background p {
    color: #ffffff;
}

.dark-blue-background h1,
.dark-blue-background h2,
.dark-blue-background P {
    color: #ffffff;
}

/* Bootstrap Navbar */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    main {
        margin-top: -10px;
    }
}

.navbar-inverse {
    background-color: #133353 !important;
    border-color: #133353;
    height: 90px;
}

.navbar-brand {
    height: 77px;
    padding: 12px 5px 5px 5px;
}

/* Recent Legislation Activity */

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

    /*.navbar-inverse {

	height: 60px;	
}*/

    .navbar-brand {
        padding: 12px 5px 9px 5px;
    }

}

.navbar-brand>img {
    height: 73px !important;
}

.navbar-inverse .navbar-nav>li>a {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
    letter-spacing: 1px;
    padding-left: 10px;
}

@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav>li>a {
        margin-right: 16px !importantR;
    }
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    opacity: 0.75;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #97BE47;
    background-color: transparent;
    padding-bottom: 0;
}

#notch {
    display: block;
    color: #ffffff !important;
    background-color: transparent;
    width: 100%;
    text-align: center;
}

#page-home.active>a>#notch {
    margin-top: -1px;
}

.page-premium>main {
    padding-bottom: 0;
}

.navbar-right {
    margin-top: 42px;
}

.navbar-collapse {
    background: #133353;
    border-top: none;
}

/* Start: TimeBase Activity */

#timebase-activity .full-width-header {
    background: #ffffff;
}

.timebase-activity-tabs.row {
    margin-left: 0;
    margin-right: 0;
}

.nav-tabs.timebase-activity-tabs>li>a {
    border-radius: 0 !important;
}

.nav-tabs.timebase-activity-tabs>li:hover>a {
    color: #ffffff;
    border-radius: 0 !important;
    background-image: none;
    background-color: #677681;
    border-color: #677681;
}

.nav-tabs.timebase-activity-tabs>li.active>a {
    color: #ffffff;
    border-radius: 0 !important;
    background-image: none;
    background-color: #677681;
    border-color: #677681;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.timebase-activity-content .row>div>strong>a {
    margin-right: 5px;
}

/* Use for 5 columns only */
.col-md-20pc {
    width: 20%;
}

/* End: TimeBase Activity */
@media only screen and (max-width: 767px) {

    .navbar-inverse .navbar-nav>li>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>.active>a:hover {
        background: #ffffff;
        color: #133353;
    }

    .navbar-right {
        margin-top: 0;
    }

}

.navbar-toggle {
    margin-top: 5px;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #97be47;
}

#nav-toolbar {
    width: auto;
    text-align: right;
    margin-top: -85px;
    float: right;
}


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

    #nav-toolbar {
        width: 115%;
        margin-top: 0px;
        text-align: left;
        background: #133353;
        padding-top: 6px;
        padding-bottom: 15px;
        padding-left: 15px;
        margin-left: -24px;
        margin-right: -15px;
        float: none;
    }

}

/* Home Page */

#home-engage {
    padding-top: 140px;
    padding-bottom: 140px;
    background-color: #efefef;
    background-image: url(../images/timebase-hero-image.jpg);
    background-size: cover;
    margin-top: auto;
    margin-bottom: auto;
}

@media only screen and (max-width: 364px) {
    .hidden-xxs {
        display: none !important;
    }
}

@media only screen and (max-width: 991px) {
    #home-engage {
        padding-top: 80px;
        padding-bottom: 80px;
        background-color: #efefef;
        background-image: url(../images/timebase-hero-image.jpg);
        background-size: cover;
        margin-top: auto;
        margin-bottom: auto;
    }
}

@media only screen and (max-width: 991px) {
    .low-width {
        display: block;
    }

    .high-width {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .low-width {
        display: none;
    }

    .high-width {
        display: block;
    }
}

#find-out-more {
    width: 100%;
    background-color: rgba(19, 51, 83, 0.9);
    padding: 20px 40px 20px 40px;
    min-height: 300px;
}

@media only screen and (max-width: 767px) {
    #find-out-more {
        padding: 20px 20px 20px 20px;
    }
}

#find-out-more h1 {
    color: #ffffff;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px;
}

#home-search {
    margin-top: 26px;
}

#home-modal-search {
    margin-top: -13px;
}

#home-search a.legis-tooltip {
    position: absolute;
    top: 7px;
    right: 45px;
    color: #133353;
    z-index: 10;
}

.legis-tooltip+.tooltip {
    opacity: 1;
    filter: alpha(opacity=100);
}

.legis-tooltip+.tooltip .tooltip-inner {
    max-width: 315px;
    border: 1px solid #133353;
    background-color: #fff;
    color: #133353;
    text-align: left;
}

#legis-results-list.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0 -1px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 0;
    width: 100%;
}

ul#legis-results-list li a {
    width: inherit;
    white-space: pre-line;
}

ul#legis-results-list li a:hover {
    text-decoration: none;
}

.number-and-year {
    white-space: nowrap;
}

#we-heart-home {
    padding-top: 30px;
}

#we-heart {
    padding-bottom: 38px;
}

@media screen and (min-width: 992px) {
    .whl-news {
        width: 303px !important;
    }
}

#carousel-features .carousel-caption {
    text-shadow: none;
}

#carousel-features h2 {
    font-size: 22px;
    line-height: 26px;
}

#carousel-features p {}

#about-timebase {
    padding-top: 60px;
    padding-bottom: 30px;
}

.full-width-header {
    background: #889ba9;
    border-bottom: 1px solid #fff;
}

.full-width-data-row {
    background: #eeeeee;
    border-bottom: 1px solid #fff;
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (max-width: 767px) {

    .full-width-data-row {
        text-align: center;
    }

}

.tb-square-box {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.tb-square-box:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.tb-square-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
    text-align: center;
    vertical-align: center;
}

.tb-square-content h4 {
    margin-bottom: 5px;
}


.tb-active-box {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.tb-active-box:before {
    content: "";
    display: block;
}

.tb-active-content {
    /*position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
    text-align: center;
	vertical-align: center;*/
}

.tb-active-content h4 {
    margin-bottom: 5px;
}

/* Features */

#all-the-tools,
#point-in-time {
    padding-top: 50px;
    min-height: 340px;
}

#all-the-tools-image,
#point-in-time-image {
    padding-bottom: 30px;
}

#all-the-tools-image img,
#point-in-time-image img {
    margin-top: -140px;
}

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

    #all-the-tools,
    #point-in-time {
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: 200px;
    }

    #all-the-tools-image,
    #point-in-time-image {
        padding-bottom: 30px;
    }

    #all-the-tools-image img,
    #point-in-time-image img {
        margin-top: -30px;
    }

}

#reasons-to-love {
    padding-bottom: 40px;
}

/* Carousel for Features in Home */
@media only screen and (min-width: 400px) and (max-width: 599px) {
    #carousel-features .item {
        padding: 40px 70px 60px 70px;
        text-align: center;
        height: 570px !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    #carousel-features .item {
        padding: 40px 70px 60px 70px;
        text-align: center;
        height: 480px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #carousel-features .item {
        padding: 40px 95px 60px 95px;
        text-align: center;
        height: 405px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #carousel-features .item {
        padding: 40px 120px 60px 120px;
        text-align: center;
        height: 385px !important;
    }
}

@media only screen and (min-width: 1200px) {
    #carousel-features .item {
        padding: 40px 145px 60px 145px;
        text-align: center;
        height: 360px !important;
    }
}

/* Carousel for Testimonials in Features */
@media only screen and (min-width: 400px) and (max-width: 599px) {
    #carousel-testimonial .item {
        padding: 40px 55px 60px 55px;
        text-align: center;
        height: 450px !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    #carousel-testimonial .item {
        padding: 40px 70px 60px 70px;
        text-align: center;
        height: 360px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #carousel-testimonial .item {
        padding: 40px 95px 60px 95px;
        text-align: center;
        height: 285px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #carousel-testimonial .item {
        padding: 40px 120px 60px 120px;
        text-align: center;
        height: 265px !important;
    }
}

@media only screen and (min-width: 1200px) {
    #carousel-testimonial .item {
        padding: 40px 145px 60px 145px;
        text-align: center;
        height: 240px !important;
    }
}

#carousel-testimonial .carousel-caption {
    text-shadow: none;
}

#carousel-testimonial h2 {
    font-size: 22px;
    line-height: 26px;
}

#carousel-testimonial p {}

#try-timebase-for-free {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: -30px;
    margin-top: 30px;
}

/* Pricing */

.price-dollar {
    font-weight: 700;
    font-size: 26px;
    baseline-shift: -50px;
}

.price-number,
.percentage-number,
.activity-number {
    color: #333333;
    font-weight: 700;
    font-size: 52px;
    line-height: 40px;
    letter-spacing: -2px;
}

.price-number:before {
    content: '$';
    font-size: 24px;
    line-heigh: 40px;
    vertical-align: text-top;
    letter-spacing: 1px;
}

.price-per-month {
    font-weight: 700;
}

.price-contact {
    font-weight: 700;
    font-size: 24px;
    line-height: 52px;
}

/* DEBUG */
div {
    /*outline: 1px dotted orange;*/
}

.pricing-background-3 .how-billed p {
    margin-top: 18px !important;
}

@media only screen and (min-width: 768px) {

    .how-billed {
        min-height: 40px;
    }

    .pricing-background-3 .how-billed p {
        margin-top: 3px;
    }

}

@media only screen and (min-width: 991px) {

    .how-billed {
        min-height: 20px;
    }
}

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

    .pricing-background-1 {
        padding-top: 20px;
        background: #ffffff;
    }

    .pricing-background-2 {
        padding-top: 20px;
        background: #ffffff;
    }

    .pricing-background-3 {
        padding-top: 20px;
        background: #ffffff;
    }

}

@media only screen and (max-width: 1199px) {
    .pricing-background-3 .how-billed p {
        margin-top: 18px !important;
    }

    .pricing-background-3 form#ctct-form p button.btn.btn-default.dark-blue-bg {
        margin-top: 20px;
    }
}

.top-button-row .btn {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    width: 100%;
}

.bottom-button-row .btn {
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    width: 100%;
}

@media screen and (min-width: 768px) {
	.top-button-row .btn,
	.bottom-button-row .btn {
		width: calc(100% + 10px) !important;
		width: -webkit-calc(100% + 10px) !important;
		width: -o-calc(100% + 10px) !important;
		width: -moz-calc(100% + 10px) !important;
		padding: 10px 1px !important;
	}
}

/* Premium */

.products-specific.iclr,
.products-specific.singapore_lawnet {
    margin-top: 20px;
    margin-bottom: 10px;
}

.products-specific .col1 {
    margin-top: 20px;
}

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

    #point-in-time,
    #ICLR-online,
    #singapore-lawnet {
        text-align: center;
    }
}


/* News Styles */

#tb-left-column {
    background: #ffffff;
    padding-top: 80px;
    padding-bottom: 60px;
    display: table-cell;
}

#tb-left-column.tb-news-article {
    padding-top: 0;
    padding-bottom: 0;
}

#tb-left-column.support {
    padding-top: 0;
    padding-bottom: 0;
}


#tb-left-column h1 {
    /*margin-bottom: 0;*/
}

.tb-news-article h1 {
    margin-bottom: 10px !important;
}

#tb-left-column h2 {
    font-size: 18px;
    line-height: 20px;
    margin-top: 30px;
}

#tb-left-column li {
    margin-bottom: 15px;
}

#tb-left-column blockquote {
    color: #333333;
    font-weight: 100;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
}

/* Additional changes */
#tb-left-column .row {
    margin-right: unset !important;
    margin-left: unset !important;
}

#tb-right-column {
    padding-top: 80px;
    padding-bottom: 30px;
    height: inherit;
}

#tb-right-column .tb-dark-link a {
    font-size: 13px;
    line-height: 15px;
    color: #333;
    display: block;
    margin-bottom: 8px;
}

#tb-right-column h4 {
    margin-top: 40px;
}

.tb-text-left h3 {
    font-size: 18px;
    line-height: 20px;
    margin-top: 4px;
}

/* Support */

#tb-left-column h2,
#left-support-column h2 {
    font-size: 18px;
    line-height: 20px;
}

#browse-support .teal-circle {
    padding: 12px 6px 6px 6px;
}

#browse-support .teal-circle img {
    width: 40px;
}

#get-in-touch-form {
    padding-top: 20px;
    padding-bottom: 50px;
}

.tb-support-topic h1 {
    margin-bottom: 10px !important;
}

#tb-left-column,
#left-support-column {
    background: #ffffff;
    padding-top: 80px;
    padding-bottom: 60px;
    display: table-cell;
}

#tb-right-column,
#right-support-column {
    padding-top: 80px;
    padding-bottom: 30px;
    height: inherit;
}

#tb-right-column .tb-dark-link a,
#right-support-column .tb-dark-link a {
    font-size: 13px;
    line-height: 15px;
    color: #333;
    display: block;
    margin-bottom: 8px;
}

#tb-right-column h4,
#right-support-column h4 {
    margin-top: 40px;
}

.support-search {}

.support-search .row {
    margin-right: unset;
    margin-left: -20px;
}

.support-search h4 {
    font-size: 16px;
    line-height: 18px;
    text-transform: unset;
    font-weight: bold;
    color: #113254;
}

.support-search .span8 {
    width: 620px;
}

.support-search .span4 {
    width: 300px;
}

.support-search [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

.support-search a {
    text-decoration: none;
    color: #0088cc;
}

.support-search p {
    margin: 0 0 9px;
}

.support-search.main .col1 .search2 p.category {
    font-weight: bold;
    color: #555;
    margin: 9px 0 0 0;
}

.support-search.main .col1 .search2 p.date {
    font-size: 12px;
}

.support-search hr {
    margin: 0 0 9px 0;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ffffff;
}

/*.support-search #support-search {
    width: 60%;
    margin-bottom: 20px;
}*/

/* Standard Search */

.search {}

.search .row {
    margin: 0;
}

.search h4 {
    font-size: 16px;
    line-height: 18px;
    text-transform: unset;
    font-weight: bold;
    color: #113254;
}

.search .span8 {
    width: 620px;
}

.search .span4 {
    width: 300px;
}

.search [class*="span"] {
    float: left;
    min-height: 1px;
}

.search a {
    text-decoration: none;
    color: #0088cc;
}

.search p {
    margin: 0 0 9px 0;
    width: calc(100vw - 30px);
    width: -webkit-calc(100vw - 30px);
    width: -o-calc(100vw - 30px);
    width: -moz-calc(100vw - 30px);
}

.search.main .col1 .search2 p.category {
    font-weight: bold;
    color: #555;
    margin: 9px 0 0 0;
}

.search.main .col1 .search2 p.date {
    font-size: 12px;
}

.search hr {
    margin: 0 0 9px 0;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ffffff;

}

/*.search #support-search {
    width: 60%;
    margin-bottom: 20px;
}*/

.search .span12 {
    width: 96vw;
}

@media screen and (max-width: 767px) {
    .search-result-row {
        width: calc(100vw - 32px);
        width: -o-calc(100vw - 32px);
        width: -webkit-calc(100vw - 32px);
        width: -moz-calc(100vw - 32px);
    }

    .search-result-row-hr {
        width: calc(100vw - 32px);
        width: -o-calc(100vw - 32px);
        width: -webkit-calc(100vw - 32px);
        width: -moz-calc(100vw - 32px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .search-result-row {
        width: calc(100vw - 32px);
        width: -o-calc(100vw - 32px);
        width: -webkit-calc(100vw - 32px);
        width: -moz-calc(100vw - 32px);
    }

    .search-result-row-hr {
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .search-result-row {
        width: calc(100vw - 60px);
        width: -webkit-calc(100vw - 60px);
        width: -o-calc(100vw - 60px);
        width: -moz-calc(100vw - 60px);
    }

    .search-result-row-hr {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .search1 {
        width: 75.2vw;
        padding-right: 1vw;
        display: table-cell;
    }

    .search2 {
        width: 18.8vw;
        padding-left: 1vw;
        display: table-cell;
    }
}

.search1 p {
    width: 100% !important;
}

.search2 p {
    width: 100% !important;
}

@media screen and (min-width: 992px) {
    .page-search .container.main.search {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        width: calc(100vw - 60px);
        width: -webkit-calc(100vw - 60px);
        width: -o-calc(100vw - 60px);
        width: -moz-calc(100vw - 60px);
    }
}

.search .pagination-centered {
    text-align: center;
}

.search.main .col1 a.btn {
    color: #ffffff;
    margin-bottom: 20px;
    text-transform: unset;
    font-weight: unset;
}

.search .btn {
    -webkit-border-radius: 0px;
    -webkit-box-shadow: none;
    text-shadow: none;
    background-image: none;
    background-color: #96c03d;
    border: 1px solid #96c03d;
}

@media screen and (max-width: 639px) {
    #search-results .nav-pills>li>a {
        position: relative;
        display: block;
        padding: 10px 0;
        margin-right: 4.6vw
    }

    #search-results .nav-pills>li.supp-default>a {
        margin-right: 0
    }
}

@media screen and (min-width: 640px) {
    #search-results .nav-pills>li.supp-product>a {
        padding-left: 0
    }
}

.page-search #tb-search.in {
    top: 20% !important;
}

@media screen and (max-width: 991px) {
    .page-search>main#main {
        padding-left: 0;
        padding-top: 0;
    }

    .page-search .container.main.search {
        margin: 0;
    }
}

@media screen and (min-width: 992px) {
    .page-search main#main {
        margin: 30px;
        width: 100%;
    }
}

/* About */

#meet-the-team h3 {
    margin-top: 0px;
}


/* Footer Styles */

footer {
    background-color: #133353 !important;
    overflow-x: hidden;
}

#footer {
    padding-top: 30px;
    color: #ffffff;
}

#footer h4 {
    color: #97BE47;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-shadow: none;
    text-transform: uppercase;
}


#footer a:link,
#footer a:visited,
#footer a:active {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-weight: 100 !important;
    font-size: 14px;
    line-height: 18px;
    margin-top: 0px;
    margin-bottom: 6px;
}

#footer a:hover {
    color: #ffffff;
}

#footer-hashtag {
    padding-top: 40px;
    padding-bottom: 10px;
    color: #ffffff;
    font-weight: 700;
    font-size: 26px;
}

#footer-social {
    padding-top: 15px;
    padding-bottom: 15px;
}

#footer-social a.social-icon:link,
#footer-social a.social-icon:visited,
#footer-social a.social-icon:active {
    width: 30px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
}

a.social-icon svg {
    fill: #ffffff;
}

a.social-icon:hover svg:hover path {
    fill: #97BE47;
}

.social-blob-icon {
    height: 25px;
    width: 25px;
    border-radius: 3px;
    margin-right: 5px;
    float: left;
}

.social-blob-icon+span {
    float: left;
    margin-top: 5px;
}

.social-blob li {
    padding: 5px;
}

.social-blob li:hover {
    background-color: #eeeeee;
}

/*.social-blob-icon */
.twitter-bg {
    background-color: #1da1f2;
}

.facebook-bg {
    background-color: #3b5998;
}

.linkedin-bg {
    background-color: #0077b5;
}

.social-blob>li>a {
    padding: 0;
    width: 100px;
}

.social-blob>li>a:hover {
    text-decoration: none;
    background-color: #eeeeee;
}


#footer-copyright {
    padding-top: 10px;
    padding-bottom: 20px;
    color: #ffffff;
    font-weight: 100;
    font-size: 12px;
}

/* checkout and pricing */
.centered-title {
    margin: 0 auto;
    text-align: center;
}

.centered-content {
    margin: 0 auto;
    width: 88%;
}

.centered-button-row {
    text-align: center;
}

.centered-button {
    display: inline-block;
    float: none;
}

.payment-type {
    border: #607D8B solid 1px;
    border-radius: 12px 1px;

    margin: 20px 6px;
    padding: 8px 16px;

    background: #FAFAFA;
    font-size: 16px;

    display: inline-block;
}

.payment-type.active {
    font-weight: 600;
    background: #E8EAF6;
}

.payment-type:hover {
    background: #284564;
    color: #cbd0c9;

    font-weight: bold;
    cursor: pointer;
}

.pricing-item {
    border: rgb(234, 233, 233) solid 8px;
    border-radius: 4px;

    text-align: center;

    margin: 50px 30px;
    padding: 18px 10px;

    background: rgb(6, 57, 88);
    background: rgba(6, 57, 88, 0.72);

    color: #eee;
}

.plan-details {
    margin-bottom: 30px;
    list-style-type: none;
}

.plan-details li {
    margin-bottom: 3px;
}

.plan-amount {
    font-size: 28px;
    margin: 18px;
    color: rgb(150, 192, 61);
}

.green-tick {
    color: rgb(150, 192, 61);
    font-size: 28px;
}

.red-cross {
    color: rgb(255, 0, 0);
    font-size: 28px;
}

.transaction-details {
    margin: 20px 0;
}

.transaction-details td {
    padding: 10px 25px;
}

.transaction-details tr :first-child {
    font-weight: bold;
}

.transaction-details.table>tbody>tr>td,
.transaction-details.table>tbody>tr>th {
    border-top: none;
    padding: 8px 8px 0 0;
}

.transaction-details.table>tbody>tr>th {
    width: 160px !important;
}

.error {
    color: #D8000C;
}

.success {
    color: #4F8A10;
}

form.stripe .stripe-button-el {
    display: none;
}

div.pricing-plan {
    padding-top: 22px;
    padding-bottom: 15px;
    position: relative;
}

div.pricing-plan>form {
    display: block;
    position: absolute;
    bottom: 15px;
    height: 38px;
    width: 100%;
    text-align: center;
}

div.pricing-plan>form>button {
    width: 165px;
    display: inline-block;
    margin-left: -33px;
}

@media screen and (max-width: 300px) {
    div.pricing-plan {
        height: 441px;
    }

    div.pricing-plan-purchased {
        margin-top: 15px;
    }
}

@media screen and (min-width: 301px) and (max-width: 400px) {
    div.pricing-plan {
        height: 420px;
    }

    div.pricing-plan-purchased {
        margin-top: 15px;
    }
}

@media screen and (min-width: 401px) and (max-width: 500px) {
    div.pricing-plan {
        height: 400px;
    }

    div.pricing-plan-purchased {
        margin-top: 15px;
    }
}

@media screen and (min-width: 501px) and (max-width: 767px) {
    div.pricing-plan {
        height: 380px;
    }

    div.pricing-plan-purchased {
        margin-top: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    div.pricing-plan {
        height: 497px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    div.pricing-plan {
        height: 427px;
    }
}

@media screen and (min-width: 1201px) {
    div.pricing-plan {
        height: 417px;
    }
}

div.pricing-plan-purchased {
    border: 1px solid #97be47;
    padding-top: 0px;
}

div.pricing-plan-purchased::before {
    content: "SUBSCRIBED";
    color: #97be47;
    position: relative;
    top: -20px;
}

/* Password meter */
.ps-passwordmeter {
    width: 100%;
    margin-bottom: 10px;
}

.ps-passwordmeter .bar {
    border: 1px solid #ffffff;
    height: 12px;
    background: #cccccc;
}

.ps-passwordmeter .bar .val {
    height: 10px;
}

.ps-passwordmeter .level {
    text-transform: capitalize;
}

.ps-passwordmeter .weak {
    background: #c20000;
}

.ps-passwordmeter .medium {
    background: #35c4f3;
}

.ps-passwordmeter .good {
    background: #099bd5;
}

.ps-passwordmeter .strong {
    background: #016ebc;
}

.ps-passwordmeter .admin .medium {
    background: #ff1100;
}

.ps-passwordmeter .admin .good {
    background: #fb8600;
}

.bold {
    font-weight: 700 !important;
}

.dropdown-menu>li.bold>a {
    font-weight: 700 !important;
}

/* New Login/Register account */


form#form_register .row label {
    display: block;
    width: 100%;
    margin-bottom: 3px;
    font-weight: 400;
    text-align: left;
}

form#form_register .row {
    margin-right: 15px;
}

form#form_register .row input[type=text],
form#form_register .row input[type=email],
form#form_register .row input[type=password],
form#form_register .row input {
    margin-left: 15px !important;
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
    width: 100%;
}

form#form_register .row div#meter {
    margin-left: 15px;
}

form#form_register div#submit {
    margin-left: 0px;
}

.join-box {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    padding: 15px;
    margin: 2px;
}

.make-100pc {
    width: 100% !important;
}

.size-16 {
    font-size: 16px !important;
}

.make-center {
    text-align: center;
}

.img-make-center {
    margin: 0 auto;
    display: block;
}

.space-right {
    margin-right: 15px;
}

.btn-login {
    width: 100px;
}

.tab-content>.tab-pane {
    margin-top: 10px !important;
}

h1>span,
h2>span,
h3>span {
    display: block;
    margin-right: 50px;
    width: unset;
    float: left;
}

h1+p,
h2+p,
h3+p {
    clear: both;
}

#receipt-print {
    float: right !important;
    margin-right: 90px;
}

#receipt-print-btn {
    padding: 8px 15px;
}

@media only screen and (min-width: 0px) and (max-width: 599px) {
    .login-register-col {
        width: 100%;
        height: unset;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

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

@media only screen and (min-width: 1200px) {}

ul#messages {
    list-style-type: none;
}

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

.invoice-success {
    padding: 10px;
}

.invoice-success h3 {
    font-size: 18px !important;
}

/* Role from PSML. 
currently used on table rows
*/
[data-role="heading"] {
    font-weight: 700;
    background-color: #dbe0e5;
    color: #133353;
    font-size: 1.2em;
}

[data-role="centered"] {
    text-align: center;
}

/* Features section */
.features .label-heading {
    color: #133353;
    font-weight: 700;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 20px;
}

/* nav-tabs */
.nav-tabs {
    border-bottom: 1px solid #fff;
    margin-bottom: 1px;
}

.nav-tabs>li {}

.nav-tabs>li>a {
    background-color: #879ba9;
    border-radius: 10px 10px 0 0;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: .5;
}

.nav-tabs>li>a:hover {
    background-color: #dbe0e5;
    color: #fff;
}

.nav-tabs>li.active>a {
    background-color: #133353;
    color: #fff;
}

.tab-pane.container {
    padding-left: 0;
}

.label-tab-name {
    display: none;
}

.tab-content>.tab-pane {
    margin-top: 0 !important;
}

.tab-content>.tab-pane.container .table {
    background-color: #ededed;
}

.tab-content>.tab-pane.container.active .table>tbody>tr>td {
    padding: 10px 10px 10px 15px !important;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.tab-content>.tab-pane.container.active .table p {
    margin-bottom: 2px;
}

.tab-content>.tab-pane.container.active .table li>p {
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .footer-row {
        display: block;
        height: 255px;
    }

    .footer-col {
        display: block;
        width: 100%;
        float: left;
    }
}

@media screen and (min-width: 768px) {
    .footer-row {
        display: table;
        height: 255px;
    }

    .footer-col {
        display: table-cell;
        width: 25% !important;
        min-width: 180px !important;
        float: left;
    }
}

@media only print {
    .screen-only {
        display: none;
    }

    body,
    main {
        padding-top: 20px;
    }

    h1,
    h2,
    h3 {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: left;
    }

    p {
        text-align: left;
    }


    #timebase-print-logo {
        display: block !important;
        margin: 0 auto !important;
    }

    /* Standard elements */
    button,
    a.btn {
        display: none;
    }

    /* Home Page */
    #home-engage,
    #features-slider,
    #what-people-are-searching,
    #timebase-news,
    #timebase-activity,
    #activity-this-year,
    #activity-areas,
    #social-squares {
        display: none !important;
    }

    .pricing-heading {
        width: 90%;
        left: 5%;
        padding-top: 0;
        text-align: left;
    }

    .pricing-heading+div {
        background-color: #eeeeee !important;
        width: 90%;
        left: 5%;
    }

    .pricing-heading ul {
        list-style-type: none;
        display: inline-block;
        margin: 0 auto;
        text-align: left;
    }

    .tb-auto-margins {
        display: none !important;
    }

    .tb-standard-vert-padding {
        padding: 0;
    }

    img[src$="placeholder.png"] {
        display: none;
    }

    section {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    #all-the-tools,
    #point-in-time {
        min-height: unset;
    }

    #all-the-tools-image,
    #point-in-time-image,
    #testimonials-slider {
        display: none;
    }

    #footer {
        display: none;
    }

    hr {
        display: none;
    }

    main {
        margin-left: 30px;
        margin-right: 30px;
    }

    #products-specific-link {
        margin-left: 15px;
    }

    .products-specific.iclr,
    .products-specific.singapore_lawnet {
        margin-top: 0;
        margin-bottom: 10px;
    }

    #tb-left-column {
        padding-top: 0;
    }

    #tb-left-column section {
        padding: 20px;
    }

    #news-list #tb-right-column,
    #news-list .social-blob {
        display: none;
    }

    #we-heart,
    #we-heart+.row {
        display: none;
    }

    a[href="news.html"] {
        font-size: 24px;
        font-weight: 700;
    }

    a:after {
        content: "" !important;
    }

    a[href="support-topic.php"] {
        display: none;
    }

    .add-top-padding {
        padding-top: 10px;
    }

    #support-form p.error,
    #support-form input,
    #support-form textarea,
    #support-form iframe,
    #support-form button[type="submit"] {
        display: none;
    }

    #contact-heading,
    #contact-form {
        display: none;
    }

    .breadcrumb {
        display: none;
    }

    div.container.main.support>div.row div.span12>div.row {
        padding: 20px 30px;
    }

    /* Modals not to appear in print mode */
    .modal {
        display: none !important;
    }

    .modal-backdrop {
        display: none !important;
    }

    #tb-tandcs.in,
    #tb-search.in,
    #mailchimp-modal.in {
        display: none !important;
    }

    /* Remove excessive spacing in print mode */

    #tb-right-column {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Contact form */
    /* >> reCaptcha */
    .rc-anchor-normal {
        height: 74px;
        width: 295px !important;
    }

    /*
	@media screen and (max-width: 767px) {
		.page-using-timebase-effectively .container.main > div.row > div.span12 {
			padding-left: 10px;
			padding-right: 10px;
		}
	}
	
	@media screen and (max-width: 767px) {
		.page-information-resource-centre .container.main > div.row > div.span12 {
			padding-left: 10px;
			padding-right: 10px;
		}
	}	
	@media screen and (max-width: 767px) {
		.page-training .container.main > div.row > div.span12 {
			padding-left: 10px;
			padding-right: 10px;
		}
	}
	
	#container-subscribers > div.row > h2 {
		text-align: left !important;
	}

	@media screen and (max-width: 767px) {
		#container-subscribers > div.row {
			padding-left: 10px;
			padding-right: 10px;
		}
	}
*/
}

.blurb {
    position: relative;
    top: 55px;
    float: left;
    left: 0;
}

.navbar-text-white {
    color: #ffffff !important;
    margin-left: 15px;
    margin-right: 15px;
    font-family: "Museo Sans";
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    .blurb {
        display: none !important;
    }
}

a:hover {
    cursor: pointer !important;
}

@media screen and (max-width: 767px) {
    #notch {
        /* Make notch invisible */
        color: rgba(0, 0, 0, 0) !important;
    }

    #mobile-menu-sub {
        top: -3px !important;
        right: calc((100vw / 34.38462) + 1.693px) !important;
        right: -o-calc((100vw / 34.38462) + 1.693px) !important;
        right: -webkit-calc((100vw / 34.38462) + 1.693px) !important;
        right: -moz-calc((100vw / 34.38462) + 1.693px) !important;
    }

    .btn[id="subscriberlink"] {
        margin-top: -6px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-sub {
        margin-right: calc((100vw / 44.6) + 6.78px) !important;
        margin-right: -o-calc((100vw / 44.6) + 6.78px) !important;
        margin-right: -webkit-calc((100vw / 44.6) + 6.78px) !important;
        margin-right: -moz-calc((100vw / 44.6) + 6.78px) !important;
        margin-top: 6px;
    }

    #nav-toolbar.auth {
        margin-right: 0 !important;
    }

    #nav-toolbar.auth {
        margin-right: calc(498.5px - (100vw / 2.0841)) !important;
        margin-right: -o-calc(498.5px - (100vw / 2.0841)) !important;
        margin-right: -webkit-calc(498.5px - (100vw / 2.0841)) !important;
        margin-right: -moz-calc(498.5px - (100vw / 2.0841)) !important;
    }

    #mobile-menu-sub.auth .mobile-sub {
        margin-top: 6px !important;
    }
}

@media screen and (min-width: 992px) {
    #nav-toolbar {
        margin-right: 0 !important;
    }

    .desktop-sub {
        margin-right: 0 !important;
    }
}

a#openBtn {
    width: 128.891px;
    height: 36px;
    padding: 8px 12px;
    margin-top: -2px;
}

@media screen and (max-width: 767px) {
    .page-home #nav-toolbar {
        margin-top: -4px;
    }

    .full-width-data-row.activity-new div.container div.row div:nth-child(1),
    .full-width-data-row.activity-amended div.container div.row div:nth-child(1),
    .full-width-data-row.activity-commenced div.container div.row div:nth-child(1),
    .full-width-data-row.activity-bill-draft div.container div.row div:nth-child(1),
    .full-width-data-row.activity-repealed div.container div.row div:nth-child(1) {
        width: 100% !important;
        text-align: left;
    }

    .full-width-data-row.activity-new div.container div.row div:nth-child(2),
    .full-width-data-row.activity-amended div.container div.row div:nth-child(2),
    .full-width-data-row.activity-commenced div.container div.row div:nth-child(2),
    .full-width-data-row.activity-bill-draft div.container div.row div:nth-child(2),
    .full-width-data-row.activity-repealed div.container div.row div:nth-child(2) {
        width: 100% !important;
        text-align: left;
    }

    .footer .row.footer-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .page-home #nav-toolbar {
        margin-top: -83px;
    }

    .full-width-data-row.activity-new div.container div.row div:nth-child(2),
    .full-width-data-row.activity-amended div.container div.row div:nth-child(2),
    .full-width-data-row.activity-commenced div.container div.row div:nth-child(2),
    .full-width-data-row.activity-bill-draft div.container div.row div:nth-child(2),
    .full-width-data-row.activity-repealed div.container div.row div:nth-child(2) {
        width: 80% !important;
    }

    .footer .row.footer-row {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

.full-width-data-row.activity-new div.container div.row div:nth-child(2) a,
.full-width-data-row.activity-amended div.container div.row div:nth-child(2) a,
.full-width-data-row.activity-commenced div.container div.row div:nth-child(2) a,
.full-width-data-row.activity-bill-draft div.container div.row div:nth-child(2) a,
.full-width-data-row.activity-repealed div.container div.row div:nth-child(2) a {
    margin-right: 5px;
}

/* Sign Up (For Free) */
@media screen and (max-width: 399px) {
    .for-free {
        display: none;
    }
}

@media screen and (min-width: 400px) {
    .for-free {
        display: inline-block;
        padding-left: 5px;
    }
}

/* Carousel Controls */
.carousel-cta {
    text-align: center;
}

@media screen and (max-width: 399px) {
    #carousel-features {
        height: 400px;
        margin-top: 15px;
    }

    #carousel-testimonial {
        height: 390px;
    }

    .page-home .carousel-control {
        top: -335px !important;
    }

    .page-features .carousel-control {
        top: 330px !important;
    }
}

@media screen and (min-width: 400px) and (max-width: 479px) {
    #carousel-features {
        height: 505px;
    }

    #carousel-testimonial {
        height: 445px;
    }
}

@media screen and (min-width: 480px) and (max-width: 639px) {
    #carousel-features {
        height: 440px;
    }

    #carousel-testimonial {
        height: 365px;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    #carousel-features {
        height: 390px;
    }

    #carousel-testimonial {
        height: 315px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #carousel-features {
        height: 395px;
    }

    #carousel-testimonial {
        height: 285px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #carousel-features {
        height: 375px;
    }

    #carousel-testimonial {
        height: 260px;
    }
}

@media screen and (min-width: 1200px) {
    #carousel-features {
        height: 360px;
    }

    #carousel-testimonial {
        height: 235px;
    }
}

/* Footer Responsiveness */
@media screen and and (max-width: 767px) {
    .footer-row {
        width: 100% !important;
        margin: 0 auto !important;
        max-width: 767px;
    }
}

@media screen and (min-width: 768px) {
    .footer-row {
		margin: 0 auto;
	    width: calc(99% - 30px);
    }

    .footer-row .footer-col {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.footer-row {
		max-width: 750px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1170px) {
	.footer-row {
		max-width: 970px;
	}
}
@media screen and (min-width: 1170px) {
	.footer-row {
		max-width: 1170px;
	}
}


/* Menu Shadow */
@media screen and (max-width: 767px) {
    #navbar.collapse.in {
        box-shadow: -5px 65px 5px rgba(0, 0, 0, 0.67);
        -webkit-box-shadow: -5px 65px 5px rgba(0, 0, 0, 0.67);
        -o-box-shadow: -5px 65px 5px rgba(0, 0, 0, 0.67);
        -moz-box-shadow: -5px 65px 5px rgba(0, 0, 0, 0.67);
    }
}

/* Toolbar */
@media screen and (max-width: 767px) {
    #nav-toolbar {
        box-shadow: -5px 2px 5px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: -5px 2px 5px rgba(0, 0, 0, 0.25);
        -o-box-shadow: -5px 2px 5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: -5px 2px 5px rgba(0, 0, 0, 0.25);
    }
}

@media screen and (min-width: 768px) {
    #nav-toolbar {
        box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none;
    }

    #header-main {
        box-shadow: -5px 2px 5px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: -5px 2px 5px rgba(0, 0, 0, 0.25);
        -o-box-shadow: -5px 2px 5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: -5px 2px 5px rgba(0, 0, 0, 0.25);
    }
}

/* Obvious links for <768px */
@media screen and (max-width: 767px) {

    a.btn-primary,
    #footer a,
    .navbar-inverse .navbar-nav>li>a,
    a.loginlink.userEmail .inner,
    .pricing-tab > .btn-block {
        text-decoration-line: underline !important;
        text-decoration-style: dotted !important;
        text-decoration-color: rgba(255, 255, 255, 0.5) !important;
    }
    a.news-category {
        text-decoration-line: underline !important;
        text-decoration-style: dotted !important;
        text-decoration-color: rgba(51, 51, 51, 0.5) !important;
    }
    a#mailchimp,
    p>a,
    ul.breadcrumb a,
    h3 a {
        text-decoration-line: underline !important;
        text-decoration-style: dotted !important;
        text-decoration-color: rgba(0, 155, 178, 0.5) !important;
    }
	.page-support-search .search1 a {
        text-decoration-line: underline !important;
        text-decoration-style: dotted !important;
        text-decoration-color: rgba(17, 50, 84, 0.5) !important;
	}
	a.tel {
        text-decoration-line: underline !important;
        text-decoration-style: dotted !important;
	}
	#notch {
		visibility: hidden;
	}
	.pricing-tab.tab-active {
		text-decoration-line: underline !important;
        text-decoration-style: double !important;
        text-decoration-color: rgba(255, 255, 255, 1) !important;
	}
}

/* Menu Alignment */
@media screen and (max-width: 767px) {
    #navbar ul {
        padding-left: 12px;
    }
}

/* Captcha Repositioning */
.col-xs-4.center-captcha {
    float: none;
    margin: 0 auto;
    width: 302px !important;
    padding: 0;
}

/* Contact Form margin */
#contact-form {
	padding-bottom: 10px;
}

/* Pricing Form Margin Fix */
.bottom-button-row > .container {
	margin-bottom: 10px;
}

.page-pricing .pricing-plan form button.btn.btn-default {
    margin-top: 10px;
}

/* Contact Us CTA in Premium */
.contact-us-cta {
	width: calc(50% + 15px) !important;
	width: -webkit-calc(50% + 15px) !important;
	width: -o-calc(50% + 15px) !important;
	width: -moz-calc(50% + 15px) !important;
	max-width: 200px;
}

/* Point-in-Time non-breaker */
.p-i-t {
	white-space: nowrap !important; 
}

/* Subscriber Button and Search icon interaction */
.loginlink.userEmail[data-original-title] ~ a[data-target="#tb-search"] {
	margin-right: 15px;
}

/* Centering Premium Introduction Container */
#intro-container {
	margin: 0 auto !important;
	float: none !important;
}

/* Premium override */
#premium-product-type {
	width: 100% !important;
	padding-left: 30px !important;
	margin-right: 15px !important;
}

/* Support Section - UL List Updates */
body[id^="folder-support"] ul,
body[id^="folder-support"] ol {
    padding-left: 16px !important;
}
body[id^="folder-support"] h4 + ul,
body[id^="folder-support"] h4 + ol {
	margin-top: 10px !important;
}

/* News Section - UL List Updates */
body[id^="folder-news"] ul,
body[id^="folder-news"] ol {
    padding-left: 16px !important;
}

form .g-recaptcha {
    margin: 5px auto;
    width: 304px;
}
/* Captcha override to fit right hand column <335px */
@media screen and (max-width: 334px) {
	form .g-recaptcha {
		transform: scale(0.96);
        -webkit-transform: scale(0.96);
        -o-transform: scale(0.96);
        -moz-transform: scale(0.96);
        position: relative;
        left: -6px;
	}
    #support-form .g-recaptcha {
        left: 0;
    }
}
/* Captcha override to fit right hand column between 992px and 1199px */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    form .g-recaptcha {
        transform: scale(0.97);
        -webkit-transform: scale(0.97);
        -o-transform: scale(0.97);
        -moz-transform: scale(0.97);
        position: relative;
        left: -5px;
    }
    #support-form .g-recaptcha {
        left: 0;
    }
}
/* After 1200px, it is full size and centred perfectly */

/* Support RHC top margin override for <992px */ 
@media screen and (max-width: 991px) {
	#tb-right-column {
		padding-top: 15px !important;
	}
}

/* Increase size of News Categories <768px */
.news-category {
	font-size: 14px !important;
}


/* Table for Common Structure Question*/

@media screen and (max-width: 767px) {
	.popover-table-structures {
	    left: 0px !important;
	    min-width: 300px !important;
	    margin: 0 0 15px 0 !important;
	    width: 100% !important;
        padding: 0 8px 0 0 !important;   
	}
	
    table, thead, tbody, th, td, tr { 
        display: block !important; 
    }
    tfoot {
        display: none !important;
    }
    tr {
        border: 1px solid @tbGray;
        margin-top: -1px;
    }
    td { 
        border: none;
        border-bottom: 1px solid @white; 
        position: relative;
    }
    td:before { 
        position: absolute;
        top: 2px;
        left: 6px;
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: 700;
    }

    .popover-table-structures .popover-content-headers {
        display: none !important;
    }	

	.popover-table-structures > tbody > tr > td {
        padding-top: 20px;
        padding-left: 6px;
    }
    
    .popover-table-structures > tbody > tr:nth-child(even) {
    	background-color: #eee;
    }
	.popover-table-structures > tbody > tr > td:nth-of-type(1):before {
        content: "Jurisdiction:";
    }
	.popover-table-structures > tbody > tr > td:nth-of-type(2):before {
        content: "Acts:";
    }
	.popover-table-structures > tbody > tr > td:nth-of-type(3):before {
        content: "Regulations:";
    }
	.popover-table-structures > tbody > tr > td:nth-of-type(4):before {
        content: "Location:";
    }
	.popover-table-structures > tbody > tr > td:nth-of-type(5):before {
        content: "Table of Amendments:";
    }
	.popover-table-structures > tbody > tr > td:nth-of-type(6):before {
        content: "Location:";
    }
    
    .popover-table-structures > tbody > tr > td > p {
	    position: relative;
	    margin: -18px 0 -2px 150px;
	}
}

.text-center ul,
.text-center ol {
	text-align: left !important;
}

/* Responsive table in Pricing becomes Tab Based <768px */
label.col-xs-4.text-center.rnd-btn-padding-left.rnd-btn-padding-right {
    margin-bottom: 1px;
}

.pricing-matrix-list {
	text-align: left !important;
	padding-left: 16px !important;
}

@media screen and (max-width: 767px) {
	.pricing-heading-off {
		display: none !important;
	}
	.pricing-heading-on {
		display: block !important;
		font-weight: 700 !important;
		text-align: right !important;
		width: 45% !important;
	}
	#pricing_free:checked ~ .full-width-data-row .val-free {
		display: block !important;
		text-align: left !important;
	}
	#pricing_free:checked ~ .full-width-data-row .val-pro,
	#pricing_free:checked ~ .full-width-data-row .val-ent {
		display: none !important;
	}
	#pricing_pro:checked ~ .full-width-data-row .val-pro {
		display: block !important;
		text-align: left !important;
	}
	#pricing_pro:checked ~ .full-width-data-row .val-free,
	#pricing_pro:checked ~ .full-width-data-row .val-ent {
		display: none !important;
	}
	#pricing_ent:checked ~ .full-width-data-row .val-ent {
		display: block !important;
		text-align: left;
	}
	#pricing_ent:checked ~ .full-width-data-row .val-free,
	#pricing_ent:checked ~ .full-width-data-row .val-pro {
		display: none !important;
	}

	.full-width-data-row .glyphicon-remove:before,
	.full-width-data-row .glyphicon-ok:before  {
		display: none !important;
	}
	.full-width-data-row .glyphicon-remove:after {
		content: "No" !important;
		font-family: Roboto, sans-serif !important;
	}
	.full-width-data-row .glyphicon-ok:after  {
		content: "Yes" !important;
		font-family: Roboto, sans-serif !important;
	}
	.paragraph-detail {
		text-align: left !important;
		margin-bottom: 5px;
	}
	#pricing_free:checked ~ .bottom-button-row .val-free {
		display: block !important;
		text-align: left !important;
	}
	#pricing_free:checked ~ .bottom-button-row .val-pro,
	#pricing_free:checked ~ .bottom-button-row .val-ent {
		display: none !important;
	}
	#pricing_pro:checked ~ .bottom-button-row .val-pro {
		display: block !important;
		text-align: left !important;
	}
	#pricing_pro:checked ~ .bottom-button-row .val-free,
	#pricing_pro:checked ~ .bottom-button-row .val-ent {
		display: none !important;
	}
	#pricing_ent:checked ~ .bottom-button-row .val-ent {
		display: block !important;
		text-align: left;
	}
	#pricing_ent:checked ~ .bottom-button-row .val-free,
	#pricing_ent:checked ~ .bottom-button-row .val-pro {
		display: none !important;
	}
	.val-blank {
		display: block !important;
	}	
}
@media screen and (min-width: 768px) {
	.pricing-heading-off {
		display: block !important;
	}
	.pricing-heading-on {
		display: none !important;
	}
	.val-free, .val-pro, .val-ent {
		display: block !important;
	}
	.val-blank {
		display: none !important;
	}
}

/* Currency and Coverage */
@media screen and (max-width: 767px) {
	.page-currency_and_coverage .features.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.page-currency_and_coverage section.tb-dynamic-tabs {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.page-currency_and_coverage section.tb-dynamic-tabs > ul {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.page-currency_and_coverage section.tb-dynamic-tabs > ul + .tab-content > .tab-pane {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.page-currency_and_coverage ul.breadcrumb {
		margin-top: 29px;
	}

	#currency-menu {
		display: block;
		background-color: rgb(135,155,169);
	    color: rgb(255, 255, 255);
	    font-weight: 700;
	    
	    height: 29px;
	    width: 100%;
	    max-width: 300px;
	    margin-bottom: 5px;
	}
	
	#currency-menu + .nav.nav-tabs {
		display: none !important;
	}
}

/* Breadcrumb */
@media screen and (max-width: 767px) {
    .breadcrumb {
        margin-left: 15px;
        margin-right: 15px;
    }
}
#tb-left-column .breadcrumb li {
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {		
	.page-currency_and_coverage .features.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.page-currency_and_coverage section.tb-dynamic-tabs {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.page-currency_and_coverage section.tb-dynamic-tabs > ul {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.page-currency_and_coverage section.tb-dynamic-tabs > ul + .tab-content > .tab-pane {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
		
	.page-currency_and_coverage ul.breadcrumb {
		margin: 25px 15px !important;
	}
	
	#currency-menu {
		display: none !important;
 	} 	
}
/* Currency and Coverage exceptions */
.page-currency_and_coverage ul.breadcrumb ~ section:not(:first-of-type) {
    margin-left: 15px;
    margin-right: 15px !important;      
}
.page-currency_and_coverage .nav-tabs > li.active > a {
    background-color: #133353 !important;
    color: #fff !important;
}

@media screen and (min-width: 992px) { /*  and (max-width: 1199px) */
	.page-news .col-md-offset-1,
	body[id^="folder-news-"] .col-md-offset-1,
    .page-news .col-lg-offset-2,
    body[id^="folder-news-"] .col-lg-offset-2 {
		margin-left: 0 !important;
	} 
	.page-news .col-md-11,
	body[id^="folder-news-"] .col-md-11,
    .page-news .col-lg-10,
    body[id^="folder-news-"] .col-lg-10 {
		width: 100% !important;
	} 
}
/*@media screen and (min-width: 1200px) {
	.page-news .col-lg-offset-2,
	body[id^="folder-news-"] .col-lg-offset-2 {
		margin-left: 0 !important;
	} 
	.page-news .col-lg-10,
	body[id^="folder-news-"] .col-lg-10 {
		width: 100% !important;
	} 
}*/

.page-privacy section > div > h4,
.page-privacy section > div > h4 + h1,
.page-privacy section > div > h4 + h1 + hr.new-hr {
    display: none !important;
}

.page-privacy #tb-left-column {
    padding-top: 0;
    padding-bottom: 0;
}    

.page-news .new-hr {
    margin-bottom: 0;
    margin-top: 15px;
}

@media screen and (min-width: 992px) {
    main {
        padding-top: 30px !important;
    }

    .page-home main,
    .page-features main,
	.page-legislativecompliance main,
    .page-premium main ,
    .page-currency_and_coverage main ,
    .page-point-in-time main,
    .page-about main {
        padding-top: 10px !important;
    }

    .page-whats-new .col-md-offset-1,
    #folder-news .col-md-offset-1,
    body[id^="folder-whats-new-"] .col-md-offset-1,
    body[id^="page-"][id$="-blog"] .col-md-offset-1,
    body[id^="folder-blog"] .col-md-offset-1 {
        margin-left: 0 !important;
    }
    .page-whats-new .col-md-11, 
    #folder-news .col-md-11,
    body[id^="folder-whats-new-"] .col-md-11,
    body[id^="page-"][id$="-blog"] .col-md-offset-1,
    body[id^="folder-blog"] .col-md-offset-1 {
        width: 100% !important;
    }
}

.page-currency_and_coverage .breadcrumb {
    display: none !important;
    margin-top: 15px !important;
}

.page-terms-and-conditions .breadcrumb {
    display: none !important;
}

.message-box {
  max-width: 700px;
  padding: 19px 29px 29px;
  margin: 100px auto;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  .row {
    margin: 0;
  }
}

.page-purchase-confirmation {
	background-color: #1d4263 !important;
}

.email {
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .page-pricing .hr-pricing-plan {
        display: block !important;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    #pricing-plan-free,
    #yearly-plan {
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 768px) {
    .page-pricing .hr-pricing-plan {
        display: none !important;
    }
}

@media screen and (min-width: 992px) {
    .text-center.col-md-offset-2 {
        margin-left: 0 !important;
    }
    .text-center.col-md-8 {
        width: 100% !important;
    }
}

.page-whats-new #tb-left-column,
body[id^="folder-whats-new-"] #tb-left-column,
body[id^="page-"][id$="-blog"] #tb-left-column,
body[id^="folder-blog"] #tb-left-column {
    padding-top: 0;
}

body[id^="folder-whats-new-"] .breadcrumb,
body[id^="page-"][id$="-blog"] .breadcrumb,
body[id^="folder-blog"] .breadcrumb {
    margin-left: 15px;
    margin-right: 15px;
}

@media screen and (max-width: 991px) {
    .breadcrumb {
        margin-top: 20px;
    }    

    body[id^="folder-support"] #tb-left-column {
        padding-left: 5px;
        padding-right: 5px;
    }
    body[class^="page-dictionary"] #tb-left-column {
        padding-left: 15px;
        padding-right: 15px;
    }

    body[id="folder-support"] #tb-left-column main {
        padding-left: 15px;
        padding-right: 15px;
    }
    body[id^="folder-support-"] #tb-left-column main {
        padding-left: 25px;
        padding-right: 25px;
    }

    body[id^="folder-support"] .breadcrumb {
        margin-left: 0;
        margin-right: 0;
    }

    body[id="folder-support"] #tb-right-column {
        padding-left: 15px;
        padding-right: 15px;
    }
    body[class^="page-dictionary"] #tb-right-column {
        padding-left: 25px;
        padding-right: 25px;
    }
    body[id^="folder-support-"] #tb-right-column {
        padding-left: 25px;
        padding-right: 25px;
    }

}

@media screen and (min-width: 992px) {
    #tb-right-column .col-xs-12.col-md-10 {
        width: 100%;
    }
    #tb-right-column .col-xs-12.col-md-10 #we-heart .col-xs-3 {
        margin-right: 0;
    }
    #tb-right-column .col-xs-12.col-md-10 #we-heart .col-xs-9 {
        margin-left: 0;
        padding-left: 10px;
        padding-right: 0;
    }    
}

.g-recaptcha + button[type="submit"].btn.btn-default {
    margin-left: calc((100% - 88px) / 2);
    margin-left: -webkit-calc((100% - 88px) / 2);
    margin-left: -o-calc((100% - 88px) / 2);
    margin-left: -moz-calc((100% - 88px) / 2);        
}

.premium-heading {
    text-align: left;
}

.cell {
    display: table-cell;
    vertical-align: top;
}

.span8-cell {
    width: calc(100% - 325px);
    width: -moz-calc(100% - 325px);
    width: -o-calc(100% - 325px);
    width: -webkit-calc(100% - 325px);
}
.span4-cell {
    width: 325px;
}

.cell-left {
    padding-right: 15px;
}
.cell-left p:first-child {
    color: #133353;
    font-weight: 550;
}

.cell-mid {
    padding-left: 15px;
    padding-right: 15px;
}
.cell-right {
    padding-left: 15px;
}

.learn-more {
    text-align: left;
}

img.pc-thumbnail {
    margin-top: 0;
}

@media screen and (max-width: 639px) {
    .low-width-screen {
        display: table-cell;
        height: 180px;
        text-align: center;
        padding-bottom: 15px;
        width: 100vw;
    }
    .high-width-screen {
        display: none;
    }
    .cell-left {
        display: block;
        width: 90vw;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 640px) {  
    .low-width-screen {
        display: none;
    }
    .high-width-screen {
        display: table-cell;
    }
    
}

/* Complience Page */

#lawone-banner {
	padding-top: 215px;
	padding-bottom: 215px;
	background-color: #efefef;
	background-image: url(/images/compliance-banner.jpg);
	background-size: cover;
	margin-top: auto;
	margin-bottom: auto;
	background-position: center;
}
#intro-para{
	width: 100%;
	background-color: rgba(19, 51, 83, 0.9);
	padding: 20px 40px;
	max-width: 660px;
	margin: 0 auto;
}
#intro-para h1 {
	color: #ffffff;
	font-weight: 700;
	font-size: 28px;
	line-height: 125%;
}
.greenText{
   color:#97BE47;
}
.new-hr{
   display: none;
}
.page-lawone main {
	padding-top: 10px !important;
}
.lawone-col{
	width: 41%;
	margin-left: 6%;
	padding: 0;
	
}
.lawone-rightcol{
	margin-left: 6%;
}
#lawone-description h3{
	font-size: 20px;
	line-height: 140%;
	margin-top: 0;
	margin-bottom: 0.5em;
	font-weight: 500;
}
#lawone-description p{
	line-height: 140%;
	margin-bottom: 1.2em;
}
#lawone-description .container{
	padding: 80px 0 80px;
}
#lawone-description ul{
	margin-left: 0;
	padding-left: 1em;
}
#lawone-description li{
	margin-bottom: 1.2em
}
#lawone-cta{
	text-align: center;
	padding-top: 20px;
}
#lawone-cta .btn,#lawone-trial-cta .btn{
	margin: 0 10px;
	min-width: 180px;
}
.learnmore{
	color: #133353;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 0.5em !important;
}
.topspace{
	padding-top: 60px;
}
.lawone-infoblocks h2{
	line-height: 130%;
	padding: 0 15%;
}
.lawone-infoblocks p{
	padding: 0 20%;
}
.lawone-infoblocks .container{
	padding: 80px 0;
}
hr{
	background: #DBE1E5 !important;
	height: 2px !important;
	margin: 25px 0 !important;
}
.half-page{
	width: 50%;
	float: left;
	height: 575px;
	text-align: center;
	padding: 0 5%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#lawone-quote1 .half-page, #lawone-quote3 .half-page{
	background-color: #2599B3;
	color: #FFF;
}
#lawone-quote1 .left-half{
	background-image: url("/images/compliance-half-banner-1.jpg");
	background-size: cover;
	background-position: center;
	
}
.lawone-quotes p{
	font-size: 20px;
	line-height: 140%;
	font-weight: 500;
}

#lawone-quote2 .half-page{
	background-color: #E8701F;
	color: #FFF;
}
#lawone-quote2 .right-half{
	background-image: url("/images/compliance-half-banner-2.jpg");
	background-size: cover;
	background-position: center;
	
}
#lawone-quote3 .left-half{
	background-image: url("/images/compliance-half-banner-3.jpg");
	background-size: cover;
	background-position: center;
	
}
#lawone-logos{
	padding-top: 40px;
}
.logo-row{
	padding: 0 20% 40px;
	width: 100%;
	text-align: center;
	margin: 0;
}
.logo-block{
	float: left;
	width: 33%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 35px;
	padding-bottom: 35px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
#lawone-trial{
	background-color: #97BE47;
	padding: 70px 0 80px;
	text-align: center;
}
#lawone-trial h2{
	padding-bottom: 20px;
	font-size: 28px;
	line-height: 121%;
}
main{
	padding-bottom: 0 !important;
}
#lawone-trial .btn-default{
	border-color: #FFF;
	color: #133353;
}
@media (max-width: 575px){
	#lawone-banner { padding-top: 50px; padding-bottom: 50px; }
	#intro-para h1{ font-size: 19px; }
	main{ margin-top: -10px !important; }
	#intro-para{ padding: 10px 20px; }
	.lawone-col{ width: 80%; margin-left: 10%; }
	.lawone-rightcol{ margin-left: 10%; }
	#lawone-description .container{ padding: 40px 0; }
	.lawone-rightcol{ padding-top: 15px; }
	#lawone-cta .btn,#lawone-trial-cta .btn{ width: 86%; margin-bottom: 20px; }
	.image-side{ display: none; }
	.half-page{ width: 100%; height: auto; padding: 30px 7% 15px; }
	.logo-block { float:none; width: 100%; padding: 20px 12%; display: inline-block; max-width: 350px; }
	.logo-row{ padding: 0; margin: 0; }
	#lawone-logos{ padding-bottom: 30px; }
	.lawone-infoblocks .container { padding: 40px 0; }
	#lawone-trial { padding: 40px 6%; }
	#lawone-trial h2 br, .lawone-infoblocks h2 br{ display: none; }
	.lawone-quotes p { font-size: 18px; }
}


@media (min-width: 576px) and (max-width: 767px){
	#lawone-banner { padding-top: 80px; padding-bottom: 80px; }
	#intro-para h1{ font-size: 22px; }
	main{ margin-top: -10px !important; }
	#intro-para{ padding: 10px 20px; }
	.lawone-col{ width: 88%; }
	.lawone-rightcol{ margin-left: 6%; }
	#lawone-description .container{ padding: 60px 0; }
	.lawone-rightcol{ padding-top: 15px; }
	#lawone-trial h2 br, .lawone-infoblocks h2 br{ display: none; }
	.logo-row{ padding: 0 8% 30px; margin: 0; }
}


@media (min-width: 768px) and (max-width: 991px) {
	#lawone-banner { padding-top: 120px; padding-bottom: 120px; }
	#intro-para h1{ font-size: 24px; }
	main{ margin-top: -20px !important; }
	.logo-row{ padding: 0 10% 30px; margin: 0; }
}


@media (min-width: 992px) and (max-width: 1199px) { 
	#lawone-banner { padding-top: 160px; padding-bottom: 160px; }
}


@media (min-width: 1200px) and (max-width: 1399px) {

}


@media (min-width: 1400px)  {

}