/* Removing basic margin & padding */

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* Basic CSS */

html,
body {
    scroll-behavior: smooth;
}

body {
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Raleway', sans-serif;
    font-size: 14px !important;
}

a, a:hover { color: #ea721a; }

a,
button,
input,
img {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.mT-0 { margin-top: 0px ! important; }
.mT-10 { margin-top: 10px ! important; }
.mT-20 { margin-top: 20px ! important; }
.mT-30 { margin-top: 30px ! important; }
.mT-40 { margin-top: 40px ! important; }
.mT-50 { margin-top: 50px ! important; }
.mT-60 { margin-top: 60px ! important; }
.mT-70 { margin-top: 70px ! important; }
.mT-80 { margin-top: 80px ! important; }
.mT-90 { margin-top: 90px ! important; }
.mT-100 { margin-top: 100px ! important; }

.mB-0 { margin-bottom: 0px ! important; }
.mB-10 { margin-bottom: 10px ! important; }
.mB-20 { margin-bottom: 20px ! important; }
.mB-30 { margin-bottom: 30px ! important; }
.mB-40 { margin-bottom: 40px ! important; }
.mB-50 { margin-bottom: 50px ! important; }
.mB-60 { margin-bottom: 60px ! important; }
.mB-70 { margin-bottom: 70px ! important; }
.mB-80 { margin-bottom: 80px ! important; }
.mB-90 { margin-bottom: 90px ! important; }
.mB-100 { margin-bottom: 100px ! important; }

.pB-0 { padding-bottom: 0px ! important; }
.pB-10 { padding-bottom: 10px ! important; }
.pB-20 { padding-bottom: 20px ! important; }
.pB-30 { padding-bottom: 30px ! important; }
.pB-40 { padding-bottom: 40px ! important; }
.pB-50 { padding-bottom: 50px ! important; }
.pB-60 { padding-bottom: 60px ! important; }
.pB-70 { padding-bottom: 70px ! important; }
.pB-80 { padding-bottom: 80px ! important; }
.pB-90 { padding-bottom: 90px ! important; }
.pB-100 { padding-bottom: 100px ! important; }

/* Header style */

header {
    padding-top: 15px;
}

.logo {
    width: 410px;
    max-width: 100%;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .8rem;
    padding-left: .8rem;
    color: #6d6e71;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    font-weight: 500;
    font-size: 16px;
}

.navbar-expand-md .navbar-nav .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link.active,
.footer-nav li a:hover,
.fa-bars {
    color: #ea721a;
}

.navbar {
    padding: 0px;
}

.dropdown-menu {
    margin-top: 0px;
    color: #6d6e71;
    background-color: #f9f4f0;
    border: none;
    border-radius: 0;
    box-shadow: 1px 2px 3px -1px;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding: 25px 15px;
}

.dropdown-menu .dropdown-item {
    font-size: 16px;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #f9f4f0;
    color: #ea721a;
    font-weight: 500;
}

.banner {
    background: url(/p/img/banner.jpg) center/cover no-repeat;
    width: 100%;
    min-height: 460px;
    height: 75vh;
    margin-top: 15px;
}

.banner.short {
    min-height: 460px;
    height: 45vh;
}


.banner .contact-form {
    background-color: #e18713;
    padding: 50px;
    margin-left: -50px;
}

.banner .contact-form h2 {
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 10px;
}

.banner .contact-form .login {
    color: #333333;
    font-size: 16px;
    text-transform: capitalize;
}

.banner .contact-form .b-br {
    border-bottom: 1px solid #fff;
    margin-bottom: 25px;
}

.banner .contact-form label {
    color: #fff;
}

.banner .contact-form .form-control {
    position: relative;
    padding: .375rem 2rem;
    border-top: 3px solid #d6d6d6;
    border-radius: 10px;
}

.banner .contact-form .fa {
    position: absolute;
}

.banner .contact-form .lock {
    position: absolute;
    margin-top: 42px;
    z-index: 999;
    margin-left: -65px;
    color: #a2a2a3;
}

.banner .contact-form .user {
    position: absolute;
    margin-top: 42px;
    z-index: 999;
    margin-left: -110px;
    color: #a2a2a3;
}

.form-check {
    float: right;
}

.form-check-input {
    position: absolute;
    margin-top: 4px;
    margin-left: -1.25rem;
}

.form-check-label {
    color: #333333 !important;
}

.btn-anmelden {
    background-color: #4d4c4c;
    font-size: 16px;
    border: none;
    outline: none;
    color: #fff;
    padding: 5px 70px;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    margin-bottom: 25px;
    margin-top: 35px;
    transition: .3s all;
}

.btn-anmelden:hover {
    background: #fff;
    color: #4d4c4c;
}

.banner .reg {
    color: #fff;
}

.banner .reg:hover a {
    padding-left: 10px;
}

.banner .reg .fa {
    margin-top: 5px;
    margin-left: 5px;
}

.banner form {
    padding: 0 10px;
}

.banner form span a {
    color: #fff;
    text-decoration: none;
}


/* about-us */

#about-us {
    position: relative;
}

#about-us .content-box.left {
    text-align: right;
}

#about-us .content-box.center {
    text-align: center;
    padding-top: 200px;
}

#about-us .content-box h2 {
    color: #ea721a;
    font-size: 24px;
}

#about-us .content-box p {
    color: #333333;
    font-size: 16px;
}

#about-us .content-box a {
    color: #ea721a;
    text-transform: uppercase;
    font-weight: 500;
}

#about-us .content-box img {
    margin-bottom: 140px;
    position: absolute;
    padding: 29px;
    width: 92%;
}


/* Counter area */

.stat {
    background-color: #f9f4f0;
}

.stat.white {
    background-color: #ffffff;
}


.stat h2 {
    color: #ea721a;
    font-size: 80px;
}

.stat h5 {
    color: #333333;
    font-size: 16px;
}


/* blog-area */

.common-header {
    text-align: center;
}

.common-header h1,
.common-header h2 {
    font-size: 36px;
    text-transform: uppercase;
    color: #ea721a;
}

.common-header p {
    color: #333333;
    font-size: 16px;
}

.blog-area-box { background-color: #f9f4f0; }

#blog-area .blog-content-box {
  display: flex;
  flex-flow: column;
  height: 100%;
  background-color: #f9f4f0;
}

#blog-area .blog-content-box:hover {
  background-color: #ea721a;
}


#blog-area article {
/*    background-color: #f9f4f0; */
    padding: 10px 15px;
}

#blog-area .blog-content-box img {
    width: 100%;
}

#blog-area .blog-content-box a {
    text-decoration: none;
    color: #333333;
}

#blog-area article h2 {
    font-size: 24px;
    color: #4d4c4c;
}

#blog-area .blog-content-box {
    cursor: pointer;
    transition: .5s all;
}

#blog-area .blog-content-box:hover article {
/*    background-color: #ea721a; */
    color: #fff;
}

#blog-area .blog-content-box:hover h2 {
    color: #fff;
    transition: all .3s ease-in-out;
}


/* branding-area */

#branding-area {
    background: url(/p/img/brand-baner.jpg) center/cover no-repeat;
    height: 500px;
    position: relative;
}

#branding-area .top4 {
    margin-top: 70px;
}

#branding-area .overlay {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
}

.more {
    display: none;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
}

.read-more {
    border: none;
    outline: none;
    background: transparent;
    color: #ea721a;
    font-weight: 500;
    margin-left: 5px;
}

.read-more:focus {
    outline: none;
}

.read-more:hover {
    text-decoration: underline;
}

#branding-area .brand-logo img {
    width: 200px;
    height: auto;
    margin: auto;
    display: block;
}

#branding-area .rehm {
    margin-left: 150px;
    margin-top: -13px;
}

#branding-area .stotax {
    margin-left: -150px;
}

#branding-area .umwelt {
    padding-top: 40px;
}

#branding-area .gruyter {
    padding-top: 30px;
}


/* footer */

footer {
    background-color: #333333;
}

footer .title {
    font-size: 24px;
    text-transform: uppercase;
    color: #ea721a;
    margin-bottom: 20px;
}

footer .footer-logo img {
    width: 100%;
    margin-top: 70px;
}

footer .footer-nav ul {
    list-style-type: none;
}

footer .footer-nav ul li a {
    display: block;
    color: #999999;
    text-decoration: none;
    line-height: 39px;
}

footer .blog-box img {
    width: 100%;
    padding: 2px;
}

footer .footer-blog .col-md-4 {
    padding: 0;
}

.footer-blog .img-wrap {
    position: relative;
    width: 50%;
}

.footer-blog .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
    cursor: pointer;
}

.footer-blog .overlay {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.footer-blog .img-wrap:hover .image {
    opacity: 0.7;
}

.footer-blog .img-wrap:hover .overlay {
    opacity: 1;
}


/* Funktion page */


/* Linksammlung */

#Linksammlung .title h2,
.theme h2,
.register h2 {
    text-align: center;
    font-size: 36px;
    color: #ea721a;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    padding: 15px 0;
    margin-top: 15px;
}

#Linksammlung .left-content img, #Linksammlung .right-content img {
    width: 100%;
}

#Linksammlung .right-content h2 {
    font-size: 24px;
    color: #ea721a;
    text-transform: uppercase;
    font-weight: 500;
}

#Linksammlung .right-content p {
    font-size: 16px;
    color: #333333;
}

#Linksammlung .right-content ul {
    list-style-type: none;
    padding: 0 25px;
}

#Linksammlung .right-content ul li .fa-check {
    color: #ea721a;
    margin-right: 5px;
}

#Linksammlung .right-content ul li a {
    font-size: 16px;
    color: #333333;
    text-decoration: none;
    line-height: 27px;
}


/* order-quote-area */

#order-quote-area {
    background-color: #f9f4f0;
    padding: 60px 0;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}

#order-quote-area article {
    text-align: center;
}

#order-quote-area article h2 {
    font-style: italic;
    font-size: 28px;
    color: #333333;
    font-weight: 700;
    font-family: 'Noto Serif', serif;
}

#order-quote-area article p {
    color: #ea721a;
    text-transform: uppercase;
    padding: 10px 0px;
}

#youtube-feature {
    padding-top: 80px;
    padding-bottom: 80px;
}

#youtube-feature .common-header h1 {
    font-size: 36px;
    color: #ea721a;
    font-weight: 500;
    text-transform: uppercase;
}

#youtube-feature .common-header {
    padding-bottom: 40px;
}

#youtube-feature .left-content h3 {
    text-transform: uppercase;
    color: #ea721a;
    font-size: 24px;
}

#youtube-feature .left-content p {
    font-size: 16px;
    color: #333333;
}

#simple-text-area {
    background-color: #f9f4f0;
    padding-bottom: 50px;
    padding-top: 50px;
}

#simple-text-area .content-box h2 {
    color: #ea721a;
    text-transform: uppercase;
    font-size: 24px;
}

#simple-text-area .content-box p {
    color: #333333;
    font-size: 16px;
}

#Registrieren {
    background-color: #ea721a;
    padding-top: 30px;
    padding-bottom: 30px;
}

#Registrieren h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
	margin-bottom: 0px;
	margin-top: 10px;
}

#Registrieren p {
    color: #fff;
    font-size: 16px;
}

#Registrieren a {
    background-color: #4d4c4c;
    color: #fff;
    text-decoration: none;
    padding: 15px 40px;
    border-radius: 100px;
    vertical-align: middle;
    margin-top: 0px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
}

.btn-black:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn-black:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn-hover-effect::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
}

.btn-hover-effect::after {
    background-color: #4d4c4c;
}

.btn-black:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.btn-animated {
    animation: moveInBottom .5s ease-out;
    animation-fill-mode: backwards;
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

#icon-area {
    padding-bottom: 80px;
    padding-top: 80px;
}

#icon-area .icon-box {
    text-align: center;
}

#icon-area .icon-box img {
    width: 100px;
}

#icon-area .icon-box h3 {
    color: #ea721a;
    font-size: 24px;
    text-transform: uppercase;
    padding: 25px 0;
    font-weight: 500;
}

#icon-area .icon-box p {
    color: #333333;
}

.more-blog a {
    text-align: center;
    color: #ea721a;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}


/* register */

form {
    padding: 0px 0;
}

.form-wrapper {
    background: #f9f4f0;
    margin-bottom: 80px;
    padding: 50px 0;
}

.register-form .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #333333;
    color: #333333;
    padding: 15px;
    margin-bottom: 20px;
}

.register-form input,
.register-form select, 
.register-form textarea {
    border: none;
    border-bottom: 1px solid #a2a2a3;
    background: transparent;
    border-radius: 0;
    color: #a2a2a2;
}

.register-form textarea { width: 100%; color: #333; }

.register-form input:focus {
    color: #333 !important;
}

.register-form select {
    appearance: none;
    -moz-appearance: none;
}

.register-form select option {
    padding: 15px;
    background: #fff;
    color: #333;
    font-weight: 400;
    transition: .3s all;
}

.register-form input:focus,
.register-form select:focus {
    border-bottom: 1px solid #333;
    box-shadow: none;
	background: none;
}

#buchhaendler-option-0 {
    display: none;
}

.register-form .submit {
    background: #4d4c4c;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
    transition: .3s all;
    border: none;
    outline: none;
    color: #fff;
    padding: 10px 40px;
    float: right;
    margin-top: 20px;
}

.register-form .submit:hover,
.register-form .submit:link {
    background: #ea721a;
    color: #fff;
}

.register-para {
    font-size: 18px;
    color: #333;
}

.has-error {
    border-bottom: 1px solid red !important;
    box-shadow: none !important;
    outline: none !important
}


/* Artikel */

.top-para h3,
.bottom-para h3,
.artikel-right-top h3,
.artikel-right-bottom h3,
.blog-heading h3 {
    font-size: 20px;
    color: #ea721a;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.top-para h4,
.bottom-para h4,
.artikel-right-top h4,
.artikel-right-bottom h4,
.blog-heading h4 {
    font-size: 18px;
    color: #ea721a;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.top-para p,
.bottom-para p,
.artikel-right-top {
    letter-spacing: 1px;
}

.artikel-right-top {
    background: #f9f4f0;
    min-height: 350px;
}

.artikel-right-top .read-more {
    font-weight: 500;
    margin-top: 5px;
    display: block;
}

.artikel-right-bottom {
    background: #ea721a;
    min-height: 350px;
}

.artikel-right-bottom p {
    font-size: 16px;
}

.artikel-right-bottom p,
.artikel-right-bottom h3 {
    color: #fff;
    line-height: 1.5em;
}

.art-btn:link,
.art-btn:visited {
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 40px;
    display: inline-block;
    border-radius: 100px;
    transition: all .2s;
    position: absolute;
}

.art-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.art-btn:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn-dark {
    background-color: #4d4c4c;
    color: #fff;
    display: block;
}

.art-btn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
}

.btn-dark::after,
.btn-dark:hover {
    background-color: #4d4c4c;
}

.art-btn:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.btn-animated {
    animation: moveInBottom .5s ease-out;
    animation-fill-mode: backwards;
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.artikel-top-content {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 20px;
}

#registerform .form-control:invalid {
	border-color: #ff00ff;
	box-shadow:none;
}
d.form-control:invalid{border-color:#ff00ff;box-shadow:0 0 0 .2rem rgba(120,53,69,.25); }







#datenbankfinder { }

#datenbankfinder a { color: #ea721a; }
#datenbankfinder a:hover { text-decoration: underline; }


#datenbankfinder .close-window { display: none; }
#datenbankfinder .filter-left p { display: none; }
#datenbankfinder .search-filter { display: none; }

#datenbankfinder .filter-left-pad  .filter-left.bg-light-gray.pt-4 { padding-top: 0px ! important; }


#datenbankfinder #odbsearchheader.bg-light-gray {
    background-color: #f9f4f0 !important;
}

#datenbankfinder .card-header {
    background-color: #f9f4f0 !important;
}

#datenbankfinder #odbsearchheader .hide { display: none; }
#datenbankfinder #odbsearchheader .noshow { display: none; }

#datenbankfinder #odbsearchheader { margin-bottom: 30px; }

#datenbankfinder #odbsearchheader.design-block {
    padding: 1rem 1.5rem !important;
}

#datenbankfinder .card-body .card-body, #datenbankfinder .card-body .card-body .design-block { padding: 0px ! important; }

#datenbankfinder .filter-left .accordion .card .card-body .standortfil .nav-pills li { display: block; }


#datenbankfinder .filter-left .accordion .card .card-body .standortfil .nav-pills .nav-link i.fa { display: none; }
#datenbankfinder .filter-left .accordion .card .card-body .standortfil .nav-pills .nav-link.active { display: none; }

.bottom-erweitert {
    border: 3px solid #c2c2c2;
}

.bottom-erweitert .open-content {
    color: #fb6800;
    text-decoration: underline !important;
    font-weight: 600;
}

.bottom-erweitert #collapse1,
.bottom-erweitert #collapse2,
.bottom-erweitert #collapse3,
.bottom-erweitert #collapse4,
.bottom-erweitert #collapse5,
.bottom-erweitert #collapse6 {
    font-size: 18px;
    font-weight: 400;
    border-left: 10px solid #f9dbc8;
    margin-top: 1rem;
    padding-left: 1rem;
}


.checkboxes-sso .click-to-hide {
    display: none;
}

.checkboxes-sso .active-acc {
    background-color: transparent !important;
}

.checkboxes-sso .active-acc a {
    color: #fb6800 !important;
}

.text-orange { 
	color: #ea721a;
}

.funktionenpage p {
    font-size: 16px;
    color: #333333;
	line-height: 1.7em;
}


#quicksetup { display: none; }

.quicklogin a { float: right; }
.quickregister a { float: right; }
.onlylogin { display: none; }

.msgsuccess { display: none; }
.msgerror { display: none; }


#odbmorder{
position: fixed;
bottom: 0px;
height: 60px;
background: #ffffff;
width: 100%;
left: 0px;
z-index: 999;
left: 15px;
right: 15px;
padding: 10px 0;
border-top: 1px #333333 solid;
}

#odbmorder p{
margin-top: 10px
}


.slick-slide img {
    width: 100%
}

.slider li {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
}

.slider button {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: #6d6e71;
    border: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.slick-active button,
.slider button:hover {
    background-color: #ea721a;
}

.slick-dots {
    margin: 0 0 0 0;
    display: block;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translatex(-50%);
}

.top-para ul, .bottom-para ul {
	margin-left: 20px;
}

.top-para ul li, .bottom-para ul li {
	margin-bottom: 15px;
	letter-spacing: 1px;
}





#tablecompare th { width: 20% ! important; text-align: center; }
#tablecompare th:first-child { width: auto ! important; }

#tablecompare td { text-align: center; }
#tablecompare td:first-child { text-align: left; }
.orange { color: #ea721a !important; }
.btn, .btn:active { outline: none!important; }
.btn-primary, .btn-primary:visited { background: #ff6c01; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #fff; border: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; outline: 0!important; text-transform: uppercase; font-size: .90em; }
.btn-primary:active, .btn-primary:hover { background: #626260; }


#tablecompare th {
position: sticky;
top: 0;
background: rgba(213, 213, 213, 0.75);
}


.contact.newslettercontent label {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 16px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        
        .contact.newslettercontent label input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }
        
        .contact.newslettercontent label .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 20px;
            width: 20px;
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 3px;
            transition: 0.3s all ease;
        }
        
        .contact.newslettercontent label:hover input~.checkmark {
            border: 1px solid #f2cab6;
        }
        
        .contact.newslettercontent label input:checked~.checkmark {
            border: 1px solid #ccc;
        }
        
        .contact.newslettercontent label .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }
        
        .contact.newslettercontent label input:checked~.checkmark:after {
            display: block;
        }
        
        .contact.newslettercontent label .checkmark:after {
            left: 6px;
            top: 2px;
            width: 7px;
            height: 12px;
            border: solid #ea721a;
            border-width: 0 4px 4px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
		

		.dbid {
		display: block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 16px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		}

		.dbid input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
		}

		.dbid .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 3px;
		transition: 0.3s all ease;
		}

		.dbid:hover input~.checkmark {
		border: 1px solid #f2cab6;
		}

		.dbid input:checked~.checkmark {
		border: 1px solid #ccc;
		}

		.dbid .checkmark:after {
		content: "";
		position: absolute;
		display: none;
		}

		.dbid input:checked~.checkmark:after {
		display: block;
		}

		.dbid .checkmark:after {
		left: 6px;
		top: 2px;
		width: 7px;
		height: 12px;
		border: solid #ea721a;
		border-width: 0 4px 4px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		}

		.contact.newslettercontent #tablecompare label {
		float: left;
		margin-bottom: 0;
		}

		#tablecompare th.dbdid {
		text-indent: 25px;
		}