* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body,
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body,
p {
    font-family: 'RobotoSlab Regular';
}

p,
li {
    font-size: 14px;
    line-height: 22px;
    color: #4f4f4f;
    hyphens: auto;
}

ul {
    list-style: none;
}

a,
button,
span,
div,
img,
i {
    transition: .3s all ease;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
button {
    font-family: 'BebasNeue';
    letter-spacing: .5px;
}

.logo {
    height: 65px;
}

#primary {
    margin-top: -60px;
}

#primary .nav-item {
    margin: 0 3px;
}

#primary .nav-item .nav-link {
    background: #4f4f4f;
    color: #fff;
    font-size: 18px;
    padding-top: .7rem;
    padding-bottom: 3px;
}

#primary .nav-item .nav-link:hover,
#primary .nav-item .nav-link.active,
#primary .nav-item.dropdown .active,
#primary .nav-item.dropdown .dropdown-item:hover {
    background: #ac3730;
}

#primary .nav-item:last-child .nav-link,
#primary .nav-item:last-child .nav-link:hover {
    color: #4f4f4f;
    background: transparent;
}

#primary .nav-link>img {
    max-height: 16px;
}

#primary .dropdown-menu {
    background: #cacaca;
    margin: 0;
    border: none;
    border-radius: 0;
    min-width: 120px;
    transition: .5s all ease-in-out;
    left: 15px;
    padding: 5px 0;
}

#primary .dropdown:hover .dropdown-menu {
    display: block;
}

#primary .dropdown-menu .dropdown-item {
    color: #333;
    padding: .25rem 1.5rem;
    font-size: 18px;
}

#primary .dropdown-menu .dropdown-item:hover,
#primary .dropdown-menu .dropdown-item.active {
    color: #fff;
}

#primary .nav-item.dropdown {
    position: relative;
}

#primary .nav-item.dropdown::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #4f4f4f;
    z-index: 9999;
    display: none;
}

#primary .nav-item.dropdown:hover::after {
    display: block;
}

#primary .nav-item.dropdown a:hover {
    background: #4f4f4f;
}

.banner-section {
    background: #d83f36;
    color: #fff;
    padding: 20px 0;
}

.banner-section h1 {
    margin-top: 80px;
    margin-bottom: 20px;
    font-size: 42px;
}

.banner-section p {
    line-height: 26px;
    color: #fff;
}

.illustration-wrap {
    position: relative;
}

.illustration-wrap h2 {
    position: absolute;
    font-size: 20px;
    line-height: 22px;
}

.illustration-wrap .h-grundbuch {
    top: 60%;
    left: -30px;
    text-align: right;
}

.h-flurkarte {
    top: 65%;
    left: 42%;
}

.h-ohne {
    top: 48%;
    right: 75px;
}

.illustration-wrap img {
    max-height: 520px;
}

.scrollto {
    font-size: 30px;
    color: #fff;
    position: relative;
}

.scrollto:hover {
    color: #fff;
    text-decoration: none;
}

.scrollto::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #d83f36;
    z-index: 9999;
    bottom: 0;
    left: 0;
    bottom: -52px;
    left: -15px;
}

.row-full {
    margin-left: 0;
    margin-right: 0;
}

.process-info .row-full .col-md-4,
.row-full .col {
    padding-left: 0;
    padding-right: 0;
}

.process-img>.col-md-4 img {
    z-index: 99;
    position: relative;
}

.process-img>.col-md-4 {
    position: relative;
}

.process-img .people::before {
    content: '';
    position: absolute;
    min-height: 100%;
    background: #9b9b9b;
    z-index: 9;
    width: 650px;
    left: -150%;
}

.process-img .mailing::before {
    content: '';
    position: absolute;
    min-height: 100%;
    background: rgba(155, 155, 155, .63);
    z-index: 9;
    width: 650px;
    right: -650px;
}

.process-info .p-cont-wrap {
    padding: 30px 50px;
}

.process-info p {
    font-size: #4f4f4f;
}

.process-info li {
    font-size: 14px;
    padding-left: 10px;
    position: relative;
}

.process-info .p-cont-wrap h2 {
    font-size: 24px;
    color: #4f4f4f;
}

.process-info .p-cont-wrap p {
    margin-bottom: 0;
}

.process-info .p-cont-wrap li::before {
    content: '•';
    display: block;
    position: absolute;
    left: 0;
}

.scrollto.jetzt {
    float: right;
    color: #4f4f4f;
    margin-right: 60px;
    margin-bottom: 10px;
}

.scrollto.jetzt::after {
    float: right;
    left: 78%;
    border-top: 30px solid #fff;
    bottom: -39px;
}

.tab-setion {
    background: #d83f36;
    padding: 50px 0 40px 0;
    color: #fff;
}

.tab-setion .tab-heading {
    font-size: 26px;
    margin-bottom: 15px;
}

.tabcontent {
    display: none;
}

.tab-setion .tab {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab>button {
    width: 25%;
    border: none;
    outline: 0;
    background: #dcddde;
    display: flex;
    text-align: left;
    align-items: center;
    font-family: 'BebasNeue';
    font-size: 20px;
    line-height: 22px;
    padding: 7px 15px;
    color: #4f4f4f;
}

.tab>button.first-tab {
    background: #c3c3c3;
}

.tab>button.second-tab {
    background: #d2d3d4;
}

.tab>button.third-tab {
    background: #dcddde;
}

.tab>button.fourth-tab {
    background: #e7e8e8;
}

.tab>button.active {
    background: #4f4f4f;
    color: #fff;
}

.tab>button .number-circle {
    background: #4f4f4f;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3px;
    margin-right: 12px;
}

.tab>button.active .number-circle {
    background: #d83e36;
}

.tabcontent {
    padding-top: 30px;
}


/* The container */

.checkbox-container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    user-select: none;
    font-family: 'BebasNeue';
    font-size: 20px;
    line-height: 22px;
    margin: 0 40px 30px 0;
}

#first-tab .checkbox-container {
    padding-left: 60px;
}

.checkbox-container .label-text {
    margin: 7px 0 0 12px;
    display: inline-block;
}

.checkbox-container .icon {
    position: absolute;
    width: 20px;
    top: 3px;
    left: 45px;
}

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

.form-control {
    border-radius: 0;
    border: none;
    outline: 0;
    box-shadow: none;
    color: #a7a9ac;
    font-size: 14px;
    padding: .375rem .4rem;
    font-family: 'RobotoSlab Medium';
}

select.form-control {
    padding: .375rem .4rem;
    color: #4f4f4f;
}

@-moz-document url-prefix() {
    select.form-control {
        padding: .375rem .215rem;
    }
}

.form-control::placeholder {
    color: #a7a9ac;
}

select {
    -webkit-appearance: none;
}

select .option-item {
    font-family: 'RobotoSlab Medium'
}

.select-wrap {
    position: relative;
}

.select-wrap .select-arrow {
    position: absolute;
}

.select-wrap .select-arrow {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #4f4f4f;
    right: 7px;
    top: 13px;
    cursor: pointer;
}

.form-control:focus {
    box-shadow: none;
}

.pdl-5 {
    padding-left: 5px;
}

.pdr-5 {
    padding-right: 5px;
}

.pdl-0 {
    padding-left: 0;
}

.pdr-0 {
    padding-right: 0;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 35px;
    background-color: #fff;
}

.checkbox-container:hover input~.checkmark {
    background-color: #eee;
}

.checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked~.checkmark:after {
    display: block;
}

.checkbox-container .checkmark::after {
    left: 11px;
    top: 1px;
    width: 13px;
    height: 26px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.radio-container {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
    margin: 15px 15px 0 0;
    font-family: 'RobotoSlab Medium';
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
}

.radio-container:hover input~.checkmark {
    background-color: #eee;
}

.radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-container input:checked~.checkmark:after {
    display: block;
}

.radio-container .checkmark:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #000;
}

.btn {
    box-shadow: none;
    outline: 0;
}

.btn:focus {
    box-shadow: none;
}

.btn-next-tab {
    background: #fff;
    color: #ac3730;
    text-transform: uppercase;
    border-radius: 0;
    padding: 4px 8px;
    font-size: 18px;
    line-height: 20px;
    position: relative;
    padding-top: 6px;
}

.btn-next-tab::after {
    content: '';
    position: absolute;
    top: -1px;
    right: -25px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #fff;
    transition: .3s all ease;
}

.btn-next-tab:hover {
    color: #4f4f4f;
}

.btn-next-tab:hover::after {
    right: -16px
}

.ft-btn {
    margin-top: 40px;
    float: right;
}

textarea.message {
    height: 125px;
    resize: none;
}

@-moz-document url-prefix() {
    textarea.message {
        height: 120px;
    }
}

.filupp>input[type="file"] {
    opacity: 0;
}

.filupp {
    position: relative;
    background: #ac3730;
    display: block;
    font-size: 18px;
    width: 100%;
    color: #fff;
    cursor: pointer;
    font-family: 'BebasNeue';
    padding: .375rem .4rem;
}

.filupp>img {
    position: absolute;
    max-height: 30px;
    right: .375rem;
    top: 4px;
}

.filupp-file-name {
    width: 75%;
}

.checkbox-container.accept-term {
    font-family: 'RobotoSlab Regular';
    font-size: 16px;
}

.checkbox-container.accept-term a {
    font-family: 'RobotoSlab SemiBold';
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
}

.checkbox-container.accept-term a:hover {
    text-decoration: none;
}

.st-btn {
    margin-top: 50px;
    float: right;
}

.checkbox-container.tt-checkbox {
    display: block;
    margin: 0 0 10px 0;
}

.required-hint {
    color: #fff;
}

.tt-btn {
    float: right;
}

#fourth-tab h4 {
    font-size: 16px;
    margin-bottom: 25px;
}

#fourth-tab h5 {
    font-size: 16px;
    margin-bottom: 5px;
}

#fourth-tab .site-info {
    margin-top: 30px;
    position: relative;
}

.site-info h5 {
    padding-left: 25px;
    margin-bottom: 10px !important;
}

.site-info .icon {
    position: absolute;
    width: 15px;
    left: 0;
}

.payment-method .radio-container {
    font-family: 'BebasNeue';
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 15px;
}

#fourth-tab .payment-method {
    width: 260px;
}

.payment-method img {
    max-width: 65px;
}

.img-radio {
    margin-left: 10px;
}

.payment-info p {
    color: #fff;
    margin-top: 20px;
}

.price-summary .title {
    width: 110px;
    display: inline-block;
}

.price-summary .price {
    display: inline-block;
}

.fth-btn {
    float: right;
    margin-top: 50px;
}

.payment-method .radio-container .checkmark::after {
    top: 5px
}

.procedure-section {
    padding: 40px 0;
    color: #4f4f4f
}

.procedure-section h2 {
    font-size: 30px;
    margin-bottom: 30px;
}

.procedure-section h3 {
    font-size: 26px
}

.procedure-section .content-wrap {
    padding-right: 70px;
    position: relative;
}

.procedure-section .content-wrap>img {
    position: absolute;
    max-height: 65px;
    right: 35px;
    top: -50px;
}

.faq-section {
    background: #4f4f4f;
    color: #fff;
    padding: 50px;
}

.faq-section p {
    color: #fff;
}

#accordion p {
    color: #fff;
    padding: 0 7px;
    margin-bottom: 20px;
}

.faq-toggle-btn {
    font-size: 18px;
    color: #4f4f4f;
    background: #fff;
    border-radius: 0;
    width: 100%;
    text-align: left;
    margin: 10px 0;
    position: relative;
    padding: 3px 7px;
}

.faq-toggle-btn:hover {
    color: #4f4f4f;
}

.faq-toggle-btn .close {
    position: absolute;
    right: 20px;
    top: 5px;
    width: 15px;
    height: 15px;
    opacity: 1;
}

.faq-toggle-btn .close:before,
.close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 25px;
    width: 2px;
    background-color: #000;
}

.faq-toggle-btn .close:before {
    transform: rotate(45deg);
}

.faq-toggle-btn .close:after {
    transform: rotate(-45deg);
}

.faq-toggle-btn.collapsed::after {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #4f4f4f;
    right: 7px;
    top: 13px;
    cursor: pointer;
}

.faq-toggle-btn.collapsed .close {
    display: none;
}

.single-faq .faq-link {
    color: #939291;
    font-family: 'RobotoSlab Medium';
    letter-spacing: 0;
    text-decoration: underline;
}

.single-faq .faq-link:hover {
    text-decoration: none;
}

.slider-section {
    padding: 30px 0;
}

.main-slider-wrapper {
    padding: 0 20px;
}

.main-slider-wrapper>div {
    text-align: center;
}

.main-slider-wrapper .title {
    font-family: 'RobotoSlab SemiBold';
    font-weight: bold;
    font-style: italic;
    color: #4f4f4f;
    letter-spacing: 0;
    font-size: 20px;
}

.main-slider-wrapper .review {
    font-style: italic;
    margin-bottom: 0;
}

.main-slider-wrapper .rating {
    margin-bottom: 3px;
}

.main-slider-wrapper .checked {
    color: orange;
    font-size: 12px;
}

.main-slider-wrapper .desig {
    font-size: 12px;
}

.main-slider-wrapper .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 6px;
}

.main-slider-wrapper .slick-dots li {
    margin: 0 5px;
}

.main-slider-wrapper .slick-dots li:first-child {
    margin-left: 0;
}

.main-slider-wrapper button {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: #e5e5e5;
    border: none;
    width: 10px;
    height: 10px;
}

.main-slider-wrapper button:hover,
.main-slider-wrapper .slick-active button {
    background: #5f5f5f;
}

.main-slider-wrapper>button,
.main-slider-wrapper>button:hover {
    background: transparent;
    z-index: 999999;
}

.main-slider-wrapper>button.slick-next {
    content: '';
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ab362f;
    right: -100px;
    top: 30%;
    cursor: pointer;
}

.main-slider-wrapper>button.slick-prev {
    content: '';
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ab362f;
    left: -100px;
    top: 30%;
    cursor: pointer;
}

.bottom-callto-action {
    background: #da3e33;
    padding: 40px 0;
    color: #fff;
}

.bottom-callto-action .mouse {
    position: relative;
}

.mouse .content {
    margin-left: 120px;
    margin-top: 15px;
}

.mouse .content h2 {
    font-size: 30px;
}

.mouse .content p {
    color: #fff;
}

.bottom-callto-action img {
    max-height: 120px;
    position: absolute;
    top: -10px;
}

.bottom-callto-action .callto-btn {
    float: right;
    margin-top: 30px;
}


/* Footer */

.footer-top .row-full>.col .single-col {
    width: 25%;
}

.footer-top .first-col {
    background: #dedfe0;
}

.footer-top .second-col {
    background: #e7e8e8;
}

.footer-top .third-col {
    background: #ebeced;
}

.footer-top .fourth-col {
    background: #f2f2f2;
}

.footer-top .single-col .content-wrap {
    padding: 30px 50px;
}

.footer-top .first-col .footer-logo {
    margin-bottom: 30px;
    max-height: 60px;
}

.footer-top .first-col .clock {
    max-height: 60px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

.footer-top h4 {
    font-size: 18px;
    color: #d83f36;
    margin-bottom: 20px;
}

.footer-top .bottom-links a {
    color: #4f4f4f;
    font-family: 'RobotoSlab Regular';
}

.footer-top .bottom-links a:hover {
    color: #ab362f;
    text-decoration: none;
}

.footer-top .payment {
    margin-top: 20px;
}

.footer-top .payment img {
    max-width: 80px;
}

.footer-top .payment .paypal {
    margin-top: 5px;
}

.footer-top .payment .rechnung {
    max-width: 90px;
    margin-top: -9px;
}

.social-media li {
    float: left;
    margin: 0 5px;
}

.social-media li:first-child {
    margin-left: 0;
}

.social-media img {
    max-height: 45px;
}

.social-media img:hover {
    opacity: .8;
}

.footer-link-section {
    padding: 30px 0;
    background: #cacaca;
}

.footer-link-section h4 {
    font-size: 18px;
    color: #4f4f4f;
    margin-bottom: 20px;
}

.footer-link-section a {
    font-family: 'RobotoSlab Regular';
    color: #4f4f4f;
    font-size: 12px;
}

.footer-link-section a:hover {
    color: #ab362f;
    text-decoration: none;
}

.footer-bottom {
    padding: 40px 0;
    background: #4f4f4f;
}

.footer-bottom h4 {
    font-size: 18px;
    color: #939291;
    margin-bottom: 20px;
}

.footer-bottom p {
    color: #939291;
    font-size: 12px;
}

.footer-bottom a {
    font-family: 'RobotoSlab Regular';
}

.footer-bottom a.text-white {
    color: #fff;
}

.footer-bottom a.text-red {
    color: #ab362f;
}

.c-vorkasse img,
.c-rechnung img {
    max-width: 35px !important;
}

.c-vorkasse .icon-info,
.c-rechnung .icon-info {
    font-family: 'BebasNeue';
    color: #d83f36;
}

.intro-section {
    background: #e7e8e8;
    color: #db3e33;
    padding: 30px 0;
}

.intro-section h1 {
    font-size: 42px;
    margin-top: 20px;
}

.intro-section h2 {
    font-family: 'RobotoSlab Regular';
    font-size: 16px;
}

.intro-section .pdf {
    max-height: 140px;
    float: right;
}

.download-section h2 {
    font-size: 30px;
    color: #4f4f4f;
}

.download-section {
    background: #fff;
}

.download-section .d-left-col {
    padding: 40px 100px 30px 15px;
    background: #fff;
    position: relative;
}

.d-left-col>img {
    display: block;
    margin-bottom: 30px;
    margin-left: 45%;
    transform: translatex(-50%) scale(.9);
}

.d-left-col .btn-download {
    background: #ac3730;
    color: #fff;
    font-size: 20px;
    border-radius: 0;
    padding: 5px 0;
    width: 185px;
    margin-bottom: 10px;
}

.d-left-col .btn-download:hover {
    background: #4f4f4f;
}

.d-left-col .btn-wrap {
    display: inline-block;
    margin-right: 20px;
}

.btn-wrap .icon {
    margin-right: 10px;
}

.btn-wrap .icon:hover {
    text-decoration: none;
    opacity: .7;
}

.btn-wrap .icon img {
    max-width: 20px;
    margin-top: -7px;
}

.download-section .d-right-col {
    padding: 40px 100px 30px 100px;
    background: #f2f2f2;
    position: relative;
}

.download-section .d-right-col::after {
    content: '';
    position: absolute;
    width: 450px;
    background: #f2f2f2;
    height: 100%;
    top: 0;
    right: -450px;
    z-index: 1;
}

.download-section .d-right-col h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

.download-section .d-right-col p {
    margin-bottom: 5px;
}

.download-section .d-right-col p strong {
    font-family: 'BebasNeue';
    letter-spacing: .5px;
    font-size: 18px;
    font-weight: 500;
}

.download-section .d-right-col h4 {
    font-size: 18px;
    color: #4f4f4f;
}

.d-right-col .d-link {
    color: #ac362f;
    font-family: 'RobotoSlab Medium';
    display: inline-block;
    letter-spacing: 0;
}

.d-right-col .d-link:hover {
    color: #4f4f4f;
    text-decoration: none;
}

.d-right-col .kundenber {
    margin-top: 50px;
}

.d-right-col .kundenber h2 {
    display: inline-block;
    font-size: 30px;
    color: #db3e33;
}

.kundenber .login {
    background: #fff;
    color: #ac3730;
    float: right;
    border-radius: 0;
    font-size: 20px;
    padding: 4px 15px 2px 15px;
    position: relative;
}

.kundenber .login:hover {
    color: #4f4f4f;
}

.kundenber .login::after {
    content: '';
    position: absolute;
    top: -1px;
    right: -30px;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 19px solid #fff;
    transition: .3s all ease;
}

.kundenber .login:hover::after {
    right: -20px;
}

.d-footer-section {
    background: #4f4f4f;
    padding: 30px 0;
}

.d-footer-section .footer-link li {
    color: #f2f2f2;
    font-family: 'RobotoSlab Medium';
    float: left;
    margin: 0 10px;
}

.d-footer-section .footer-link li:first-child {
    margin-left: 0;
}

.d-footer-section .footer-link li a {
    color: #f2f2f2;
    font-family: 'RobotoSlab Medium';
    position: relative;
}

.d-footer-section .footer-link li a::after {
    content: '';
    border-right: 2px solid #f2f2f2;
    position: absolute;
    height: 12px;
    top: 4px;
    right: -10px;
}

.d-footer-section .footer-link li:last-child a::after {
    border-right: 2px solid transparent;
}

.d-footer-section .footer-link li a:hover {
    text-decoration: none;
    color: #ac362f;
}

.d-footer-section p {
    margin-bottom: 0;
    color: #6d6d6d;
}

.login-section {
    background: #f2f2f2;
}

.login-section .form-wrap {
    max-width: 550px;
    padding: 100px 0;
    margin: auto;
}

.login-section h2 {
    font-size: 30px;
    color: #4f4f4f;
}

.login-section .form-control {
    font-family: 'RobotoSlab Regular';
}

.login-section .btn-login {
    margin-top: 50px;
    background: #fff;
    color: #ac3730;
    float: right;
    border-radius: 0;
    font-size: 20px;
    padding: 4px 15px 2px 15px;
    position: relative;
    font-family: 'BebasNeue';
    letter-spacing: .5px;
    position: relative;
}

.login-section .btn-login::after {
    content: '';
    position: absolute;
    top: -2px;
    right: -26px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
    transition: .3s all ease;
}

.login-section .btn-login:hover::after {
    right: -20px;
}

.ip-address {
    float: right;
}

.login-full-wrap header,
.download-full-wrap header {
    background: #fff;
}

.faq-intro {
    background: #da3e33;
    color: #fff;
}

.faq-tab-section {
    background: #f2f2f2;
    padding: 0 0 0 0;
}

.faq-tab-section h2 {
    color: #5f5f5f;
}

.faq-tab-section .tabcontent {
    display: block;
}

.faq-tab-section .tab>a {
    height: 65px;
    color: #ac3730;
    position: relative;
    z-index: 999;
    width: 25%;
    border: none;
    outline: 0;
    display: flex;
    text-align: left;
    align-items: center;
    font-family: 'BebasNeue';
    font-size: 20px;
    line-height: 22px;
    padding: 7px 15px;
}

.faq-tab-section .tab>a:hover {
    color: #ac3730;
    text-decoration: none;
}

.faq-tab-section .tab>a.active {
    color: #fff;
    background: #4f4f4f !important;
}

.faq-tab-section .tab>a.first-tab {
    background: #abacaf;
    padding-left: 0;
}

.faq-tab-section .tab>a.first-tab::after {
    content: '';
    position: absolute;
    min-height: 100%;
    background: #abacaf;
    z-index: 9;
    width: 650px;
    z-index: -1;
    left: -650px;
    transition: .3s all ease
}

.faq-tab-section .tab>a.first-tab.active::after {
    background: #4f4f4f;
    transition: .3s all ease;
}

.faq-tab-section .tab>a.second-tab {
    background: #bdbec0;
}

.faq-tab-section .tab>a.third-tab {
    background: #c7c9ca;
}

.faq-tab-section .tab>a.fourth-tab {
    background: #d2d3d4;
}

.faq-tab-section .tab>a.fourth-tab::after {
    content: '';
    position: absolute;
    min-height: 100%;
    background: #d2d3d4;
    z-index: 9;
    width: 650px;
    z-index: -1;
    transition: .3s all ease;
    right: -650px;
}

.faq-tab-section .tab>a.fourth-tab.active::after {
    background: #4f4f4f;
    transition: .3s all ease;
}

.faq-tab-section .tabcontent {
    padding-bottom: 30px;
}

.faq-tab-section .tabcontent p {
    padding-left: 7px;
}

.faq-tab-section #accordion p {
    color: #5f5f5f;
}

.faq-cta-section {
    background: #4f4f4f;
}

.faq-cta-section h2 {
    font-size: 42px;
    margin-bottom: 0;
}

.faq-cta-section p {
    color: #fff;
}

.faq-cta-section .callto-btn {
    margin-top: 20px;
}

.contact-intro {
    background: #da3e33;
    color: #fff;
}

section.contact-info {
    padding: 40px 0;
}

.contact-info .info-wrap {
    display: flex;
    align-items: center;
}

.info-wrap>img {
    max-height: 60px;
    display: inline-block;
    margin-right: 15px;
    margin-top: -5px;
}

.info-wrap h3 {
    color: #4f4f4f;
    font-size: 24px;
    margin-bottom: 0;
    line-height: 22px;
}

.info-wrap p {
    margin-bottom: 0;
}

.info-wrap .social-media {
    margin-left: 15px;
    margin-top: 15px;
}

.info-wrap.last {
    margin-top: -15px;
}

.contact-form-section {
    background: #f2f2f2;
    padding: 50px 0;
}

.contact-form-section h2 {
    color: #4f4f4f;
    font-size: 30px;
    margin-bottom: 30px;
}

.contact-form-section textarea.message {
    height: 115px;
}

.field-hints p {
    margin-bottom: 0;
    line-height: 18px;
    padding-left: .4rem;
}

.form-submit {
    float: right;
    margin-top: 10px;
}

.text-intro {
    background: #da3e33;
    color: #fff;
    padding: 30px 0 50px 0;
}

.text-intro img.cat {
    position: absolute;
    right: 0;
    bottom: -50px;
}

.row-full>.col-md-6 {
    padding-left: 0;
    padding-right: 0;
}

.row-full .img-box>img {
    max-height: 280px;
}

.row-full .img-box {
    background: #f2f2f2;
    padding: 50px 0;
    position: relative;
}

.row-full .img-box::before {
    content: '';
    position: absolute;
    min-height: 100%;
    background: #f2f2f2;
    z-index: -1;
    width: 650px;
    top: 0;
}

.row-full .img-box.first-box::before {
    left: -650px
}

.row-full .img-box.second-box::before {
    right: -650px;
}

.text-wrap.first-text {
    padding: 50px 0 30px 50px;
}

.text-wrap.second-text {
    padding: 50px 50px 30px 0;
}

.text-wrap .btn-next-tab {
    background: #f2f2f2;
}

.text-wrap .btn-next-tab::after {
    border-left: 16px solid #f2f2f2;
}

.text-section h2 {
    font-size: 26px;
    color: #4f4f4f;
}

.text-cta-section {
    background: #da3e33;
    color: #fff;
    padding: 50px 0;
}

.text-cta-section h2 {
    margin-bottom: 0;
}

.text-cta-section .callto-btn {
    float: right;
    margin-top: 3px;
}

.text-section {
    padding: 50px 0;
}

.text-section .btn-next-tab {
    background: #f2f2f2;
}

.text-section .btn-next-tab::after {
    border-left: 16px solid #f2f2f2;
}

.t-text-section {
    background: #f2f2f2;
}

.row>.text-col-wrap {
    padding-right: 70px;
}

.cta-tb-section {
    background: #4f4f4f;
    padding: 35px 0;
}

.cta-tb-wrapper .pro-wrap {
    display: flex;
}

.cta-tb-wrapper h2 {
    margin-left: 15px;
    font-size: 30px;
    line-height: 30px;
    margin-top: 7px;
}

.cta-tb-wrapper .pro-wrap img {
    max-height: 70px;
    min-height: 69px;
}

.cta-tb-wrapper .pro-wrap img.pin {
    min-height: 65px;
}

.cta-tb-wrapper .btn-next-tab {
    margin-top: 20px;
}

.f-text-section {
    padding: 0 0;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.sticky .tab>a {
    height: 60px;
}

.sticky+.content {
    padding-top: 60px;
}