@charset "utf-8";

/* ----------------------------------

Name: style.css
Version: 2.3

-------------------------------------

Table of contents
        
    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Icon
    12. Magnific popup
    13. Header
    14. Page title
    15. Swiper carousel
    16. Slider and parallax typography
    17. Portfolio
    18. Elements
    19. Blog
    20. Footer
    21. Home page
    22. Others

*/

/* ===================================
    Google font
====================================== */

/* ===================================
    Reset
====================================== */
a, a:active, a:focus { color: #e6262f; text-decoration: none; }
a:hover, a:active { color: #f55f66; text-decoration: none; }


/* ===================================
    Typography
====================================== */

/* text color */
.text-deep-pink, .btn.text-deep-pink {color:#e6262f}
.text-error {color: #f5365c}
.text-success {color: #04bf8a}

/* blockquote */
.blog-image blockquote h6:before {color: #e6262f}

/* text link hover color */
a.text-link-white-2:hover, a.text-link-white-2:hover i, a.text-link-white-2:focus, a.text-link-white-2:focus i {color:#e6262f}
a.text-link-deep-pink, a.text-link-deep-pink i {color:#e6262f}

/* hover color */
a.text-deep-pink-hover:hover, a.text-deep-pink-hover:focus {color:#e6262f !important;}

/* text property */
.text-middle-line-deep-pink:before {border-bottom: 1px solid #e6262f;}
.text-decoration-line-through-deep-pink:before {background: #e6262f;}

/* ===================================
    Background color
====================================== */

.bg-deep-pink {background-color:#e6262f;}
.bg-gradient-light-red-light-orange { background-image: linear-gradient(to right top, #e6262f, #f55f66) }
.bg-gradient-light-red-light-white {background-image: linear-gradient(50deg, #e6262f 0%, #ffffff 100%);}
.bg-deep-pink-opacity {background-color: rgba(230, 38, 47, 0.85);}
.bg-akz1 {background-color: #00477a;}
.bg-akz2 {background-color: #282e3a;}
.bg-akz3 {background-color: #f5365c;}
.bg-free {background-color: #04bf8a;}
.bg-low {background-color: #f29f05;}
.bg-full {background-color: #f5365c;}
/* xl */
@media (max-width: 1399px) {
    .xl-bg-deep-pink {background-color: #e6262f;}
    .xl-bg-gradient-light-red-light-orange {background-image: linear-gradient(to right top, #e6262f, #f55f66)}
    .xl-bg-gradient-light-red-light-white {background-image: linear-gradient(50deg, #e6262f 0%, #ffffff 100%);}
    .xl-bg-deep-pink-opacity {background-color: rgba(230, 38, 47, 0.85);}
    .xl-bg-akz1 {background-color: #00477a;}
    .xl-bg-akz2 {background-color: #282e3a;}
    .xl-bg-akz3 {background-color: #f5365c;}
    .xl-bg-free {background-color: #04bf8a;}
    .xl-bg-low {background-color: #f29f05;}
    .xl-bg-full {background-color: #f5365c;}
}
/* lg */
@media (max-width: 1199px) {
    .lg-bg-deep-pink {background-color: #e6262f;}
    .lg-bg-gradient-light-red-light-orange {background-image: linear-gradient(to right top, #e6262f, #f55f66)}
    .lg-bg-gradient-light-red-light-white {background-image: linear-gradient(50deg, #e6262f 0%, #ffffff 100%);}
    .lg-bg-deep-pink-opacity {background-color: rgba(230, 38, 47, 0.85);}
    .lg-bg-akz1 {background-color: #00477a;}
    .lg-bg-akz2 {background-color: #282e3a;}
    .lg-bg-akz3 {background-color: #f5365c;}
    .lg-bg-free {background-color: #04bf8a;}
    .lg-bg-low {background-color: #f29f05;}
    .lg-bg-full {background-color: #f5365c;}
}
/* md */
@media (max-width: 991px) {
    .md-bg-deep-pink {background-color: #e6262f;}
    .md-bg-gradient-light-red-light-orange {background-image: linear-gradient(to right top, #e6262f, #f55f66)}
    .md-bg-gradient-light-red-light-white {background-image: linear-gradient(50deg, #e6262f 0%, #ffffff 100%);}
    .md-bg-deep-pink-opacity {background-color: rgba(230, 38, 47, 0.85);}
    .md-bg-akz1 {background-color: #00477a;}
    .md-bg-akz2 {background-color: #282e3a;}
    .md-bg-akz3 {background-color: #f5365c;}
    .md-bg-free {background-color: #04bf8a;}
    .md-bg-low {background-color: #f29f05;}
    .md-bg-full {background-color: #f5365c;}
}
/* sm */
@media (max-width: 767px) {
    .sm-bg-deep-pink {background-color: #e6262f;}
    .sm-bg-gradient-light-red-light-orange {background-image: linear-gradient(to right top, #e6262f, #f55f66)}
    .sm-bg-gradient-light-red-light-white {background-image: linear-gradient(50deg, #e6262f 0%, #ffffff 100%);}
    .sm-bg-deep-pink-opacity {background-color: rgba(230, 38, 47, 0.85);}
    .sm-bg-akz1 {background-color: #00477a;}
    .sm-bg-akz2 {background-color: #282e3a;}
    .sm-bg-akz3 {background-color: #f5365c;}
    .sm-bg-free {background-color: #04bf8a;}
    .sm-bg-low {background-color: #f29f05;}
    .sm-bg-full {background-color: #f5365c;}
}
/* xs */
@media (max-width: 575px) {
    .xs-bg-deep-pink {background-color: #e6262f;}
    .xs-bg-gradient-light-red-light-orange {background-image: linear-gradient(to right top, #e6262f, #f55f66)}
    .xs-bg-gradient-light-red-light-white {background-image: linear-gradient(50deg, #e6262f 0%, #ffffff 100%);}
    .xs-bg-deep-pink-opacity {background-color: rgba(230, 38, 47, 0.85);}
    .xs-bg-akz1 {background-color: #00477a;}
    .xs-bg-akz2 {background-color: #282e3a;}
    .xs-bg-akz3 {background-color: #f5365c;}
    .xs-bg-free {background-color: #04bf8a;}
    .xs-bg-low {background-color: #f29f05;}
    .xs-bg-full {background-color: #f5365c;}
}

/* ===================================
    Custom
====================================== */

/* divider */
.new-demo {background: #e6262f; color: #fff;}

/* ===================================
    Button
====================================== */

/* button background */
.btn.btn-deep-pink {background: #e6262f; border-color: #e6262f; color: #ffffff}
.btn.btn-deep-pink:hover, .btn.btn-deep-pink:focus {background: transparent; border-color: #e6262f; color: #e6262f}
.wp-block-button.btn.btn-deep-pink:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-deep-pink:focus .wp-block-button__link:focus {color: #e6262f}
/* button transparent */
.btn.btn-transparent-deep-pink {background: transparent; border-color: #e6262f; color: #e6262f}
.btn.btn-transparent-deep-pink:hover, .btn.btn-transparent-deep-pink:focus {background: #e6262f; border-color: #e6262f; color: #fff}
.wp-block-button.btn.btn-transparent-deep-pink .wp-block-button__link {color: #e6262f}

.btn.btn-akz1 {background: #00477a; border-color: #00477a; color: #ffffff}
.btn.btn-akz1:hover, .btn.btn-akz1:focus {background: transparent; border-color: #00477a; color: #00477a}
.btn.btn-transparent-akz1 {background: transparent; border-color: #00477a; color: #00477a}
.btn.btn-transparent-akz1:hover, .btn.btn-transparent-akz1:focus {background: #00477a; border-color: #00477a; color: #fff}
.btn.btn-akz1 .wp-block-button__link{color: #ffffff}
.btn.btn-akz1:hover .wp-block-button__link:hover, .btn.btn-akz1:focus .wp-block-button__link:focus {color: #00477a}
.btn.btn-transparent-akz1 .wp-block-button__link {color: #00477a}
.btn.btn-transparent-akz1:hover .wp-block-button__link:hover, .btn.btn-transparent-akz1:focus .wp-block-button__link:focus {color: #fff}

.btn.btn-akz2 {background: #282e3a; border-color: #282e3a; color: #ffffff}
.btn.btn-akz2:hover, .btn.btn-akz2:focus {background: transparent; border-color: #282e3a; color: #282e3a}
.btn.btn-transparent-akz2 {background: transparent; border-color: #282e3a; color: #282e3a}
.btn.btn-transparent-akz2:hover, .btn.btn-transparent-akz2:focus {background: #282e3a; border-color: #282e3a; color: #fff}
.btn.btn-akz2 .wp-block-button__link{color: #ffffff}
.btn.btn-akz2:hover .wp-block-button__link:hover, .btn.btn-akz2:focus .wp-block-button__link:focus {color: #282e3a}
.btn.btn-transparent-akz2 .wp-block-button__link {color: #282e3a}
.btn.btn-transparent-akz2:hover .wp-block-button__link:hover, .btn.btn-transparent-akz2:focus .wp-block-button__link:focus {color: #fff}

.btn.btn-akz3 {background: #f5365c; border-color: #f5365c; color: #ffffff}
.btn.btn-akz3:hover, .btn.btn-akz3:focus {background: transparent; border-color: #f5365c; color: #f5365c}
.btn.btn-transparent-akz3 {background: transparent; border-color: #f5365c; color: #f5365c}
.btn.btn-transparent-akz3:hover, .btn.btn-transparent-akz3:focus {background: #f5365c; border-color: #f5365c; color: #fff}
.btn.btn-akz3 .wp-block-button__link{color: #ffffff}
.btn.btn-akz3:hover .wp-block-button__link:hover, .btn.btn-akz3:focus .wp-block-button__link:focus {color: #f5365c}
.btn.btn-transparent-akz3 .wp-block-button__link {color: #f5365c}
.btn.btn-transparent-akz3:hover .wp-block-button__link:hover, .btn.btn-transparent-akz3:focus .wp-block-button__link:focus {color: #fff}

.btn.btn-anmeldung-free {background: #04bf8a; border-color: #04bf8a; color: #ffffff}
.btn.btn-anmeldung-free:hover, .btn.btn-anmeldung-free:focus {background: transparent; border-color: #04bf8a; color: #038d66}
.btn.btn-transparent-anmeldung-free {background: transparent; border-color: #04bf8a; color: #04bf8a}
.btn.btn-transparent-anmeldung-free:hover, .btn.btn-transparent-anmeldung-free:focus {background: #038d66; border-color: #04bf8a; color: #fff}
.btn.btn-anmeldung-free .wp-block-button__link{color: #ffffff}
.btn.btn-anmeldung-free:hover .wp-block-button__link:hover, .btn.btn-anmeldung-free:focus .wp-block-button__link:focus {color: #04bf8a}
.btn.btn-transparent-anmeldung-free .wp-block-button__link {color: #04bf8a}
.btn.btn-transparent-anmeldung-free:hover .wp-block-button__link:hover, .btn.btn-transparent-anmeldung-free:focus .wp-block-button__link:focus {color: #fff}

.btn.btn-anmeldung-low {background: #f29f05; border-color: #f29f05; color: #ffffff}
.btn.btn-anmeldung-low:hover, .btn.btn-anmeldung-low:focus {background: transparent; border-color: #f29f05; color: #c07e04}
.btn.btn-transparent-anmeldung-low {background: transparent; border-color: #f29f05; color: #f29f05}
.btn.btn-transparent-anmeldung-low:hover, .btn.btn-transparent-anmeldung-low:focus {background: #c07e04; border-color: #f29f05; color: #fff}
.btn.btn-anmeldung-low .wp-block-button__link{color: #ffffff}
.btn.btn-anmeldung-low:hover .wp-block-button__link:hover, .btn.btn-anmeldung-low:focus .wp-block-button__link:focus {color: #f29f05}
.btn.btn-transparent-anmeldung-low .wp-block-button__link {color: #f29f05}
.btn.btn-transparent-anmeldung-low:hover .wp-block-button__link:hover, .btn.btn-transparent-anmeldung-low:focus .wp-block-button__link:focus {color: #fff}

.btn.btn-anmeldung-full {background: #f5365c; border-color: #f5365c; color: #ffffff}
.btn.btn-anmeldung-full:hover, .btn.btn-anmeldung-full:focus {background: transparent; border-color: #f5365c; color: #ec0c38}
.btn.btn-transparent-anmeldung-full {background: transparent; border-color: #f5365c; color: #f5365c}
.btn.btn-transparent-anmeldung-full:hover, .btn.btn-transparent-anmeldung-full:focus {background: #ec0c38; border-color: #f5365c; color: #fff}
.btn.btn-anmeldung-full .wp-block-button__link{color: #ffffff}
.btn.btn-anmeldung-full:hover .wp-block-button__link:hover, .btn.btn-anmeldung-full:focus .wp-block-button__link:focus {color: #f5365c}
.btn.btn-transparent-anmeldung-full .wp-block-button__link {color: #f5365c}
.btn.btn-transparent-anmeldung-full:hover .wp-block-button__link:hover, .btn.btn-transparent-anmeldung-full:focus .wp-block-button__link:focus {color: #fff}

/* button background */
:hover > .btn.btn-hover-deep-pink {background: #e6262f; border-color: #e6262f; color: #ffffff}
:hover > .btn.btn-hover-deep-pink:hover, .btn.btn-hover-deep-pink:focus {background: transparent; border-color: #e6262f; color: #e6262f}
:hover > .wp-block-button.btn.btn-hover-deep-pink:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-hover-deep-pink:focus .wp-block-button__link:focus {color: #e6262f}
/* button transparent */
:hover > .btn.btn-hover-transparent-deep-pink {background: transparent; border-color: #e6262f; color: #e6262f}
:hover > .btn.btn-hover-transparent-deep-pink:hover, .btn.btn-hover-transparent-deep-pink:focus {background: #e6262f; border-color: #e6262f; color: #fff}
:hover > .wp-block-button.btn.btn-hover-transparent-deep-pink .wp-block-button__link {color: #e6262f}

:hover > .btn.btn-hover-akz1 {background: #00477a; border-color: #00477a; color: #ffffff}
:hover > .btn.btn-hover-akz1:hover, :hover > .btn.btn-hover-akz1:focus {background: transparent; border-color: #00477a; color: #00477a}
:hover > .btn.btn-hover-transparent-akz1 {background: transparent; border-color: #00477a; color: #00477a}
:hover > .btn.btn-hover-transparent-akz1:hover, :hover > .btn.btn-hover-transparent-akz1:focus {background: #00477a; border-color: #00477a; color: #fff}
:hover > .btn.btn-hover-akz1 .wp-block-button__link{color: #ffffff}
:hover > .btn.btn-hover-akz1:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-akz1:focus .wp-block-button__link:focus {color: #00477a}
:hover > .btn.btn-hover-transparent-akz1 .wp-block-button__link {color: #00477a}
:hover > .btn.btn-hover-transparent-akz1:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-transparent-akz1:focus .wp-block-button__link:focus {color: #fff}

:hover > .btn.btn-hover-akz2 {background: #282e3a; border-color: #282e3a; color: #ffffff}
:hover > .btn.btn-hover-akz2:hover, :hover > .btn.btn-hover-akz2:focus {background: transparent; border-color: #282e3a; color: #282e3a}
:hover > .btn.btn-hover-transparent-akz2 {background: transparent; border-color: #282e3a; color: #282e3a}
:hover > .btn.btn-hover-transparent-akz2:hover, :hover > .btn.btn-hover-transparent-akz2:focus {background: #282e3a; border-color: #282e3a; color: #fff}
:hover > .btn.btn-hover-akz2 .wp-block-button__link{color: #ffffff}
:hover > .btn.btn-hover-akz2:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-akz2:focus .wp-block-button__link:focus {color: #282e3a}
:hover > .btn.btn-hover-transparent-akz2 .wp-block-button__link {color: #282e3a}
:hover > .btn.btn-hover-transparent-akz2:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-transparent-akz2:focus .wp-block-button__link:focus {color: #fff}

:hover > .btn.btn-hover-akz3 {background: #f5365c; border-color: #f5365c; color: #ffffff}
:hover > .btn.btn-hover-akz3:hover, :hover > .btn.btn-hover-akz3:focus {background: transparent; border-color: #f5365c; color: #f5365c}
:hover > .btn.btn-hover-transparent-akz3 {background: transparent; border-color: #f5365c; color: #f5365c}
:hover > .btn.btn-hover-transparent-akz3:hover, :hover > .btn.btn-hover-transparent-akz3:focus {background: #f5365c; border-color: #f5365c; color: #fff}
:hover > .btn.btn-hover-akz3 .wp-block-button__link{color: #ffffff}
:hover > .btn.btn-hover-akz3:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-akz3:focus .wp-block-button__link:focus {color: #f5365c}
:hover > .btn.btn-hover-transparent-akz3 .wp-block-button__link {color: #f5365c}
:hover > .btn.btn-hover-transparent-akz3:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-transparent-akz3:focus .wp-block-button__link:focus {color: #fff}

:hover > .btn.btn-hover-anmeldung-free {background: #04bf8a; border-color: #04bf8a; color: #ffffff}
:hover > .btn.btn-hover-anmeldung-free:hover, :hover > .btn.btn-hover-anmeldung-free:focus {background: transparent; border-color: #04bf8a; color: #038d66}
:hover > .btn.btn-hover-transparent-anmeldung-free {background: transparent; border-color: #04bf8a; color: #04bf8a}
:hover > .btn.btn-hover-transparent-anmeldung-free:hover, :hover > .btn.btn-hover-transparent-anmeldung-free:focus {background: #038d66; border-color: #04bf8a; color: #fff}
:hover > .btn.btn-hover-anmeldung-free .wp-block-button__link{color: #ffffff}
:hover > .btn.btn-hover-anmeldung-free:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-anmeldung-free:focus .wp-block-button__link:focus {color: #04bf8a}
:hover > .btn.btn-hover-transparent-anmeldung-free .wp-block-button__link {color: #04bf8a}
:hover > .btn.btn-hover-transparent-anmeldung-free:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-transparent-anmeldung-free:focus .wp-block-button__link:focus {color: #fff}

:hover > .btn.btn-hover-anmeldung-low {background: #f29f05; border-color: #f29f05; color: #ffffff}
:hover > .btn.btn-hover-anmeldung-low:hover, :hover > .btn.btn-hover-anmeldung-low:focus {background: transparent; border-color: #f29f05; color: #c07e04}
:hover > .btn.btn-hover-transparent-anmeldung-low {background: transparent; border-color: #f29f05; color: #f29f05}
:hover > .btn.btn-hover-transparent-anmeldung-low:hover, :hover > .btn.btn-hover-transparent-anmeldung-low:focus {background: #c07e04; border-color: #f29f05; color: #fff}
:hover > .btn.btn-hover-anmeldung-low .wp-block-button__link{color: #ffffff}
:hover > .btn.btn-hover-anmeldung-low:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-anmeldung-low:focus .wp-block-button__link:focus {color: #f29f05}
:hover > .btn.btn-hover-transparent-anmeldung-low .wp-block-button__link {color: #f29f05}
:hover > .btn.btn-hover-transparent-anmeldung-low:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-transparent-anmeldung-low:focus .wp-block-button__link:focus {color: #fff}

:hover > .btn.btn-hover-anmeldung-full {background: #f5365c; border-color: #f5365c; color: #ffffff}
:hover > .btn.btn-hover-anmeldung-full:hover, :hover > .btn.btn-hover-anmeldung-full:focus {background: transparent; border-color: #f5365c; color: #ec0c38}
:hover > .btn.btn-hover-transparent-anmeldung-full {background: transparent; border-color: #f5365c; color: #f5365c}
:hover > .btn.btn-hover-transparent-anmeldung-full:hover, :hover > .btn.btn-hover-transparent-anmeldung-full:focus {background: #ec0c38; border-color: #f5365c; color: #fff}
:hover > .btn.btn-hover-anmeldung-full .wp-block-button__link{color: #ffffff}
:hover > .btn.btn-hover-anmeldung-full:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-anmeldung-full:focus .wp-block-button__link:focus {color: #f5365c}
:hover > .btn.btn-hover-transparent-anmeldung-full .wp-block-button__link {color: #f5365c}
:hover > .btn.btn-hover-transparent-anmeldung-full:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-transparent-anmeldung-full:focus .wp-block-button__link:focus {color: #fff}

/* dropdown style 1 */
.dropdown-style-1 .btn:hover, .custom-dropdown btn:focus {color: #e6262f;}

/* ===================================
    Border
====================================== */

/* border color */
.border-color-light-pink {border-color:#f55f66 !important;}
.border-color-deep-pink {border-color:#e6262f !important;}

/* border color for overline icon box */
.overline-icon-box.overline-light-pink{border-top-color: #f55f66 !important;}
.overline-icon-box.overline-deep-pink{border-top-color: #e6262f !important;}

/* ===================================
    Aside style
====================================== */

.aside-title:after {background: #e6262f;}

/* ===================================
    Icons style
====================================== */


/* icon hover effect style 5 */
.social-icon-style-5 a:hover {color: #fff; background-color: #e6262f}

/* icon hover effect style- 5 light*/
.social-icon-style-5-light a:hover {color: #fff; background-color: #e6262f}

/* icon hover effect style 6 */
.social-icon-style-6 a:hover {border-color: #e6262f; color: #e6262f;  background-color: transparent;}

/* icon hover effect style 8 */
.social-icon-style-8 a:hover { color: #e6262f;}

/* ===================================
    Header
====================================== */
/* navigation */
.mobile-toggle:hover span, .white-link .mobile-toggle:hover span { background-color: #e6262f}

/* dark transparent navigation */
header.sticky nav.header-dark-transparent .mobile-toggle:hover span, header.sticky .header-dark  .mobile-toggle:hover span {background: #e6262f;}

/* hamburger menu */
.hamburger-menu-links li.show > a{color: #e6262f}
.hamburger-menu-links li a:hover, .follow-box a:hover {color: #e6262f}

/* full width navigation style 1 */
.full-width-pull-menu .link-style-1 ul li:hover > a, .full-width-pull-menu .link-style-1 ul li.show  > a {color: #e6262f}
.full-width-pull-menu .link-style-1 ul li:hover > a:after, .full-width-pull-menu .link-style-1 ul li.show > a:after  {background:#e6262f}

/* full width navigation style 2 */
.full-width-pull-menu .link-style-2 ul li:hover > a, .full-width-pull-menu .link-style-2 ul li.show  > a {color: #e6262f}
.full-width-pull-menu .link-style-2 ul li.show > a:after  {background:#e6262f}

/* hamburger menu right side */
.big-menu-links li a:after {background: #e6262f;}

/* sidebar navigation style 2 */
header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover { border-bottom: 1px solid #e6262f; }
header .sidebar-part2 nav.navbar.bootsnav ul li ul li a:hover{color:#e6262f}

header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active > a, header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active ul li.active  > a {color: #e6262f}

.nav-icon:hover span, .nav-icon.active span { background-color: #e6262f }

/* new-menu page */
.menu-new a:after {background: #e6262f none repeat scroll 0 0; color: #fff;}


header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a:hover,
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a:hover,
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a:hover,
header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a:hover,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a:hover,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover {
    color: #e6262f;
}
@media (max-width: 991px) {
    header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a:hover,
    header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a:hover,
    header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a:hover,
    header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover,
    header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a:hover,
    header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a:hover,
    header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover,
    header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover {
        color: #e6262f;
    }
}

/* ===================================
    Swiper carousel
====================================== */

/* swiper bottom scrollbar full */
.swiper-bottom-scrollbar-full .swiper-scrollbar-drag {border-radius: 0; background: #e6262f}

/* swiper auto width */
.swiper-auto-slide .swiper-scrollbar-drag:before{background: #e6262f;}

/* swiper auto width */
.swiper-auto-slide .swiper-scrollbar-drag:before{background: #e6262f;}

/* next prev button style 3 */
.swiper-button-prev.swiper-prev-style3,.swiper-button-next.swiper-next-style3 {background-image: none;background-color: #e6262f; color: #fff;}

/* next prev button style 4 */
.swiper-button-prev.swiper-prev-style4, .swiper-button-next.swiper-next-style4 {background-image: none; background: #e6262f; color: #fff; text-align: center; line-height: 40px; height: 40px; width: 40px; display: block; float: left; position: relative; left: auto; right: auto; top: 0; margin: 0 auto; }

/* ===================================
    Portfolio
====================================== */



/* ===================================
    Elements
====================================== */

/* search form */
.search-input ::-moz-placeholder, .search-input [placeholder] { color: #e6262f; }

/* list style 2 */
.list-style-2 li:before {background-color: #e6262f;}

/* list style 3 */
.list-style-3 li:before { background-color: #e6262f;}

/* list style 4 */
.list-style-4.list-style-color li:before {color: #e6262f;}

/* list style 5 */
.list-style-5.list-style-color li:before {color: #e6262f}

/* list style 12 */
.list-style-12.list-style-color li:before {color: #e6262f;}

/* pricing box */
.feature-box:before, .feature-box .content:before, .feature-box:after, .feature-box .content:after{background-color:#e6262f;}

/* feature box style 7 */
.feature-box.feature-box-7 .box:hover .content {border-bottom-color: #e6262f;}
.feature-box.feature-box-7 .box:hover i {color: #e6262f }

/* feature box style 8 */
.feature-box-8:hover .icon-round-small{ background: #fff; color: #e6262f !important; }

/* feature box style 9 */
.feature-box-9:hover p {color: #e6262f;}

/* feature box style 10 */
.feature-box-10:hover .number {background: #e6262f; color: #fff }

/* feature box style 13 */
.feature-box-13:before { background: #e6262f; }

/* feature box style 17 */
.feature-box.feature-box-17 .box:hover .content {border-bottom-color: #e6262f;}
.feature-box.feature-box-17 .box:hover {background-color: #e6262f; }

/* counter box style 1 */
.counter-feature-box-1:hover {background:#e6262f; border-color: #e6262f;}

/* counter box style 3 */
.counter-box-3 .counter-box:after {background-color: #e6262f;}

/* skillbar bar style 3  */
.skillbar-bar-style3 .skillbar-bar { background: #e6262f; background: -moz-linear-gradient(left, #e6262f 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #e6262f 0%,#ffffff 100%); background: linear-gradient(to right, #e6262f 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6262f', endColorstr='#ffffff',GradientType=1 ); }


/* tab style 1 */
.tab-style1 .nav-tabs li:hover i, .tab-style1 .nav-tabs li .active i{color: #e6262f;}

/* tab style 5 */
.tab-style5 .nav-tabs li a:hover { background-color: transparent;color: #e6262f;}
.tab-style5 .nav-tabs .nav-link.active { color: #e6262f !important;  border-bottom: 2px solid #e6262f !important; }

/* ===================================
   Blog
====================================== */

/* blog details page */
/* author */
.screen-reader-text:focus { background-color: #f1f1f1; color: #21759b;}

/* ===================================
    Footer
====================================== */

/* scroll to top */
.scroll-top-arrow:hover {background: #000; color: #fff; border-color: #e6262f}

/* newsletter */
.newsletter .btn.border-color-light-pink {border-color:#f55f66}
.newsletter .btn.border-color-deep-pink {border-color:#e6262f}

/*instagram feed style 1*/
.instafeed-style1 .insta-counts span.count-number {background: #e6262f;}

/* ===================================
   Home page
====================================== */

/* home - creative designer */
.bg-background-fade {background-color: #ff5851}
.color-1 {background-color: #ff5851;}
.color-2 {background-color: #e86618;}
.color-3 {background-color: #ef3158;}
.color-4 {background-color: #6b0990;}
.color-5 {background-color: #4c0990;}
.color-6 {background-color: #1b3194;}

/* home - portfolio metro */
.text-bold-underline:before {background-color: #e6262f;}

/* ===================================
   Others
====================================== */

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header {
    padding-left: 0;
}

/* ===================================
    DATEPICKER
====================================== */
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #f55f66;
    background-image: -moz-linear-gradient(to bottom, #f55f66, #e6262f);
    background-image: -ms-linear-gradient(to bottom, #f55f66, #e6262f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f55f66), to(#e6262f));
    background-image: -webkit-linear-gradient(to bottom, #f55f66, #e6262f);
    background-image: -o-linear-gradient(to bottom, #f55f66, #e6262f);
    background-image: linear-gradient(to bottom, #f55f66, #e6262f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f55f66', endColorstr='#e6262f', GradientType=0);
    border-color: #e6262f #e6262f #f55f66;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff !important;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #e6262f;
}
.datepicker table tr td.today:hover:hover {
    color: #fff !important;
}


.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #338ed0;
    background-image: -moz-linear-gradient(to bottom, #338ed0, #00477a);
    background-image: -ms-linear-gradient(to bottom, #338ed0, #00477a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#338ed0), to(#00477a));
    background-image: -webkit-linear-gradient(to bottom, #338ed0, #00477a);
    background-image: -o-linear-gradient(to bottom, #338ed0, #00477a);
    background-image: linear-gradient(to bottom, #338ed0, #00477a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#338ed0', endColorstr='#00477a', GradientType=0);
    border-color: #00477a #00477a #338ed0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #00477a;
}

@media (max-width: 991px) {
    .datepicker.dropdown-menu {
        color: #333333 !important;
    }
    .datepicker table tr td.today,
    .datepicker table tr td.today:hover,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today:hover:hover,
    .datepicker table tr td.active,
    .datepicker table tr td.active:hover,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td span.active,
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover {
        color: #fff !important;
    }
}

/* MAIN MENU */
.simple-dropdown .dropdown-menu,
nav.navbar.bootsnav li.dropdown .mega-menu-full,
nav.navbar.bootsnav li.dropdown .menu-back-div > ul {
    background: rgba(0,71,122,1);
}
.dropdown-menu,
.simple-dropdown .dropdown-menu > li > a,
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header,
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {
    color: #000;
}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
nav.navbar.bootsnav .qualitaetssiegel {
    transform: scale(1.5) translateY(5px);
}

/* SLIDER */
.wp-block-esg-pofo-slider .swiper-slide .opacity-extra-medium {
    display: none;
}
.wp-block-esg-pofo-slider .swiper-slide .container .inner-wrap {
    background: rgba(0,71,122,0.75);
    border-radius: .5rem;
}
.wp-block-esg-pofo-slider .swiper-slide .container .inner-wrap > span:not(:empty) {
    padding: 2rem 1rem 0;
}
.wp-block-esg-pofo-slider .swiper-slide .container .inner-wrap > div:not(:empty) {
    padding: 0 1rem 2rem;
}
.wp-block-esg-pofo-slider .swiper-slide .container .inner-wrap > span:empty,
.wp-block-esg-pofo-slider .swiper-slide .container .inner-wrap > h1:empty,
.wp-block-esg-pofo-slider .swiper-slide .container .inner-wrap > div:empty {
    margin: 0;
}
.pofo-banner-row-style8 .wp-block-esg-pofo-interactive-banner-item.banner-style8 .esg-pofo-slide-title2 {
    background: rgba(0,71,122,0.65);
}
.wp-block-esg-pofo-interactive-banner-item .bg-extra-dark-gray,
.wp-block-esg-pofo-portfolio-slider .swiper-slide.grid-item .bg-extra-dark-gray {
    background-color: #00477a;
}
.wp-block-esg-pofo-portfolio-slider .swiper-slide.grid-item .bg-extra-dark-gray .text-medium-gray,
.wp-block-esg-pofo-portfolio-slider .swiper-slide.grid-item .bg-extra-dark-gray .btn.text-medium-gray {
    color: #fff;
}
.wp-block-esg-pofo-text-slider .wp-block-esg-pofo-text-slider-item .bg-black-opacity {
    background-color: rgba(0,71,122,0.75);
}

/* BUTTONS */
.amso-more-btn {
    background: transparent;
    border-color: #232323;
    color: #232323;
}
.btn.amso-more-btn {background: transparent; border-color: #00477a; color: #00477a}
:hover > .btn.amso-more-btn-hover {background: transparent; border-color: #00477a; color: #00477a}
:hover > .btn.amso-more-btn-hover:hover, .btn.amso-more-btn-hover:focus {background: #00477a; border-color: #00477a; color: #fff}

.amos-sharing-block h6 {
    font-size: 20px;
    line-height: 25px;
}
.elements-social a.email:active,
.elements-social a.email:focus {
    color: #fff;
}

/* ===================================
   demo page css
====================================== */

.buy-theme:hover, .all-demo:hover {background: #e6262f}




.hover-option4 .grid-item figure:hover span.img-licence {
    opacity: 0.08;
    transform: scale(1, 1);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    filter: blur(4px);
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    -o-filter: blur(4px);
}

.portfolio-wrapper .grid-item figure:hover .img-licence {
    opacity: 0;
}

.amos_osm_fallback_btn {
    display: none;
}
.amos_osm_fallback {
    background: #fff url("/wp-content/themes/esg-pofo-amos/assets/img/osm_fallback.jpg") center center no-repeat;
    background-size: cover;
    position: relative;
}
.amos_osm_fallback .amos_osm_fallback_btn {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 60%;
    transform: translate(-50%, -50%);
}