/** HSV Fonts **************************************************************** **/ @font-face { font-family: 'hsvslab-extrabold'; src:url('../../fonts/hsv/hsvslab-extrabold.eot'); src:url('../../fonts/hsv/hsvslab-extrabold.eot') format('embedded-opentype'), url('../../fonts/hsv/hsvslab-extrabold.woff') format('woff'), url('../../fonts/hsv/hsvslab-extrabold.ttf') format('truetype'), url('../../fonts/hsv/hsvslab-extrabold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hsvslab-light'; src:url('../../fonts/hsv/hsvslab-light.eot'); src:url('../../fonts/hsv/hsvslab-light.eot') format('embedded-opentype'), url('../../fonts/hsv/hsvslab-light.woff') format('woff'), url('../../fonts/hsv/hsvslab-light.ttf') format('truetype'), url('../../fonts/hsv/hsvslab-light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hsvsans-book'; src:url('../../fonts/hsv/hsvsans-book.eot'); src:url('../../fonts/hsv/hsvsans-book.eot') format('embedded-opentype'), url('../../fonts/hsv/hsvsans-book.woff') format('woff'), url('../../fonts/hsv/hsvsans-book.ttf') format('truetype'), url('../../fonts/hsv/hsvsans-book.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hsvsans-semibold'; src:url('../../fonts/hsv/hsvsans-semibold.eot'); src:url('../../fonts/hsv/hsvsans-semibold.eot') format('embedded-opentype'), url('../../fonts/hsv/hsvsans-semibold.woff') format('woff'), url('../../fonts/hsv/hsvsans-semibold.ttf') format('truetype'), url('../../fonts/hsv/hsvsans-semibold.svg') format('svg'); font-weight: normal; font-style: normal; } h1,h2,h3 {font-family: hsvslab-extrabold,'Open Sans',Arial,Helvetica,sans-serif;} h4,h5,h6 {font-family: hsvslab-light,'Open Sans',Arial,Helvetica,sans-serif;} .h1, .h2, .h3 {font-family: hsvslab-extrabold,'Open Sans',Arial,Helvetica,sans-serif;} p {font-family: hsvsans-book,'Open Sans',Arial,Helvetica,sans-serif;} a {font-family: hsvsans-book,'Open Sans',Arial,Helvetica,sans-serif;} li {font-family: hsvsans-book,'Open Sans',Arial,Helvetica,sans-serif;} /** HSV Colors **************************************************************** **/ :root { --background-primary-color: #005aaa; --background-selection-color: #ed1c24; --background-main-menu-selection-color: #005aaa; --background-sub-menu-selection-color: #fff; --menu-sub-selection-color: #003264; --menu-main-selection-color: #fff; } /** HSV Margins & paddings **************************************************************** **/ h1 {margin: 0px; padding: 0px;} section {padding: 30px 0;} p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {margin: 0px;} #footer p {margin-bottom: 20px;} .tab-content p, .toggle p {margin-bottom: 20px;} /** HSV Header **************************************************************** **/ ::selection { background: var(--background-primary-color); } ::-moz-selection { background: var(--background-primary-color); /* Firefox */ } ::-webkit-selection { background: var(--background-primary-color); /* Safari */ } #header {background-color: var(--background-primary-color);} #header ul.nav-second-main { border-left:0;} #topMain {} #topMain>li>a {height:96px; line-height:96px; font-family: 'hsvslab-extrabold'; } #topNav p.static {height:96px; line-height:96px; font-family: 'hsvslab-extrabold'; color: #fff; font-size: 30px;float: left; text-transform: uppercase;} #topNav h1.static {height:96px; line-height:96px; font-family: 'hsvslab-extrabold'; color: #fff; font-size: 30px;float: left; text-transform: uppercase;} #header.fixed #topNav p.static {height: 60px; line-height: 60px;font-size: 18px;} #header.fixed #topNav h1.static {height: 60px; line-height: 60px;font-size: 18px;} #topMain.nav-pills>li>a { color:#1F262D; font-weight:400; background-color:transparent; border-left:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topMain.nav-pills>li:hover>a, #topMain.nav-pills>li:focus>a { color:#1F262D; background-color:rgba(0,0,0,0.01); } #topMain.nav-pills>li.active>a { color:#687482; background-color:rgba(0,0,0,0.01);} #topMain.nav-pills>li>a.dropdown-toggle { padding-left:10px; padding-right:25px;} #topMain.nav-pills>li>a.dropdown-toggle:after { display: block; content: "\f107"; position: absolute; top: 50%; right: 17px; margin: -8px 0 0; font-family: FontAwesome; font-size: 15px; line-height: 1em; border:0; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -moz-transform .2s ease-in; -ms-transition: -ms-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; } #topMain.nav-pills>li>a {color: #fff;border-left-color: transparent; text-transform: uppercase; font-size: 15px; font-weight: 800;} #topMain.nav-pills>li:hover>a, #topMain.nav-pills>li:focus>a {background-color: var(--background-main-menu-selection-color); color: var(--menu-main-selection-color); box-shadow: inset 0 -5px 0 #fff; /*box-shadow: inset 0 -6px 0;*/} #header li.search i.fa {color: #fff; height: 46px; line-height: 46px; font-size: 18px; padding-top: 5px;} #topNav .navbar-collapse { float:right; } #topNav a.logo { height:96px; line-height:96px; overflow:hidden; display:inline-block;} #topNav button.btn-mobile i {color: #fff;} #topNav div.submenu-dark ul.dropdown-menu {border:0;} #topNav div.submenu-dark ul.dropdown-menu>li a {color:#000;} #topNav div.submenu-dark ul.dropdown-menu li.active>a, #topNav div.submenu-dark ul.dropdown-menu li.active:hover>a, #topNav div.submenu-dark ul.dropdown-menu li.active:focus>a, #topNav div.submenu-dark ul.dropdown-menu li:hover>a, #topNav div.submenu-dark ul.dropdown-menu li:focus>a, #topNav div.submenu-dark ul.dropdown-menu li:focus>a {background-color: var(--background-sub-menu-selection-color); border:0; color: var(--menu-sub-selection-color) !important;} #topNav nav.navbar-hsv {background-color: var(--background-primary-color);} #topNav nav.sponser-spacerline {border-top: 1px solid rgba(255,255,255,0.2);} #topBar {background-color: var(--background-primary-color);} #topBar ul.li {float: left;} #topBar ul li a {color: rgba(255,255,255,0.6); text-transform: none !important;} #topBar ul li a:hover {color: #fff; font-weight: 400; box-shadow: inset 0 -2px 0 #fff;} #topBar ul li a.nav-sponsor-link {height: 46px; line-height: 46px; display: block; padding: .5rem 0rem;} #topBar ul li a.nav-sponsor-link:hover {box-shadow: none;} #topBar a.nav-sponsor-link img {height: 35px !important;} #topBar .navbar-flex-zero {flex-basis: 0 !important;} #topBar .navbar-flex-auto {flex-basis: auto !important;} #topSub {} #topSub li.dropdown {padding-left:10px;padding-right:25px;} #topSub li.dropdown:after {display: block; content: "\f105"; position: absolute; top: 50%; right: 17px; margin: -1px 0 0; font-family: FontAwesome; font-size: 15px; line-height: 1em; border:0; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -moz-transform .2s ease-in; -ms-transition: -ms-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; color: #fff;} #topSub li.dropdown:hover:after {content: "\f107";} #topSub li.dropdown a:after {display: none;} #topSub li a.active-unit {color: #fff; font-weight: 600;box-shadow: inset 0 -2px 0 #fff;} #topSub>li>a {height:46px; line-height:46px;} #topSub.nav-pills>li>a {font-weight:400; background-color:transparent; color: #ffffff; text-transform: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topSub.nav-pills>li { padding-right:20px; } #topBar ul li div.dropdown-menu {background-color: #fff; border-bottom: 8px solid var(--background-primary-color); width: 42rem;} #topBar ul li div.dropdown-menu a {font-size: 14px; color: #000; } #topBar ul li div.dropdown-menu a:hover {color: #fff; box-shadow: none;} #topBar .dropdown-item:focus, .dropdown-item:hover {background-color: var(--background-sub-menu-selection-color); border:0; color: var(--menu-sub-selection-color) !important;} #topBar .spacerline {border-bottom: 1px solid rgba(255,255,255,0.2); width: 1140px;} #topSubRight li a {font-family: 'hsvslab-extrabold'; color: #ffffff !important; height: 46px; line-height: 46px;} #topSub li.dropdown:hover>.dropdown-menu { display: block; } @media only screen and (max-width: 992px) { #topMain, #topMain>li>a {border-left:0; border-right:0;} #topMain>li { border-top:rgba(255,255,255,0.2) 1px solid; line-height: 60px; } #topMain>li:hover, #topMain>li:hover { border-top:rgba(255,255,255,0.2) 1px solid !important;} #topMain>li:last-child { border-bottom:0; } #topMain.nav-pills>li>a.dropdown-toggle:after {content: ""; } #topMain.nav-pills>li>a.tap-area:after { display: block; content: "\f107"; position: absolute; top: 50%; right: 30px; margin: -14px 0 0; font-family: 'FontAwesome'; font-size: 26px; line-height: 1em; border: 0; } #topMain.nav-pills>li>a.dropdown-toggle {padding-left:15px; padding-right:15px;} #topMain.nav-pills>li>a.tap-link { border-right:rgba(255,255,255,0.2) 1px solid; } #topNav div.submenu-dark ul.dropdown-menu {box-shadow: none !important; border-bottom: 0 !important; } #topNav nav.nav-main li > ul.dropdown-menu li a {padding-left: 10px; color: #000 !important; height:60px !important; line-height:60px !important; } #topNav div.submenu-dark ul.dropdown-menu li.active>a, #topNav div.submenu-dark ul.dropdown-menu li.active:hover>a, #topNav div.submenu-dark ul.dropdown-menu li.active:focus>a, #topNav div.submenu-dark ul.dropdown-menu li:hover>a, #topNav div.submenu-dark ul.dropdown-menu li:focus>a, #topNav div.submenu-dark ul.dropdown-menu li:focus>a {background-color: transparent;} #topNav div.submenu-dark ul.dropdown-menu a.dropdown-toggle {padding-left:15px; padding-right:15px;} #topNav div.submenu-dark ul.dropdown-menu a.dropdown-toggle.tap-area:after { display: block; content: "\f107"; position: absolute; top: 50%; right: 30px; margin: -14px 0 0; font-family: 'FontAwesome'; font-size: 26px; line-height: 1em; border: 0; } #topNav div.submenu-dark ul.dropdown-menu li {border-top: rgba(0,0,0,0.2) 1px solid; line-height: 60px; } #topNav div.submenu-dark ul.dropdown-menu li>a.tap-link { border-right:rgba(0,0,0,0.2) 1px solid; width: 90vw;} #topNav div.submenu-dark ul.dropdown-menu li>a.tap-area {width: 10vw;position: relative;} #topNav div.submenu-dark ul.dropdown-menu a.tap-area {background-image: none;} #topNav nav.nav-main li > ul.dropdown-menu li:hover, #topNav nav.nav-main li.resp-active {} #topNav nav.nav-main li.resp-active a {color: #fff !important;} #topNav #topSub div.dropdown-menu {background-color: #fff; border-bottom: 8px solid var(--background-primary-color);} #topSubRight li a {height: auto; line-height: normal;} #header { height:60px !important; } #header #topNav a.logo { height:60px !important; line-height:50px !important; } #header #topNav a.logo>img { max-height:60px !important; } #header #topNav #topMain>li>a { height:60px !important; line-height:60px !important; padding-top:0; box-shadow:none;} #header li.search .search-box { margin:0 !important; position:fixed; left:0; right:0; top:60px !important; width:100%; background-color:#fff; border-top:rgba(0,0,0,0.1) 1px solid;} #header li.search i.fa {line-height: normal; height: auto;} #header #topSubNavSearchMobile .search-box {display: block; position: relative;} #header .search-box {width: 100%;} #header .tx_solr {width: 100%;} } @media only screen and (max-width: 482px) { #topNav #topSub a.nav-link {padding-right: .3rem; padding-left: .3rem; font-size: 11px;} #topMain.nav-pills>li>a.tap-area:after {right: 25px;} #topNav div.submenu-dark ul.dropdown-menu a.dropdown-toggle.tap-area:after {right: 25px;} } .heading-title.heading-arrow-top, .heading-title.heading-arrow-bottom {background-color: #ed1c24;} .heading-title.heading-arrow-bottom:after {border-top: 20px solid #ed1c24;} .callout-dark p {color: #fff !important;} .callout-dark a {color: #fff !important; font-weight: 600; text-decoration: underline; padding-top: 20px;text-transform:uppercase;display: block;} /** HSV Footer **************************************************************** **/ #footer {background: var(--background-primary-color);} #footer .phonenumber {font-family: hsvslab-extrabold,'Open Sans',Arial,Helvetica,sans-serif; color: #ffffff; font-size: 1.5em; margin-bottom: 20px;} #footer .spacerline {border-top: 1px solid rgba(255,255,255,0.2); width: 1140px;} #footer .copyright {background: var(--background-primary-color);} #footer form input, #footer form textarea {color: #fff;} @media only screen and (max-width: 992px) { #footer h4, #footer ul {text-align: center;} } /** HSV Elements **************************************************************** **/ .btn-success {color: #fff; background-color: #000; border-color: #000;} .btn-success:hover {color: #fff;background-color: #ed1c24; border-color: #ed1c24;} #slider:not(.custom-form) .btn-default:hover, .slider .btn-default:hover {background-color: #ed1c24;border-color:#fff;} a, a:focus:not(.btn), section.dark a, #slidetop a:hover, h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span, .pagination>li>a, .pagination>li>a:hover, .pagination>li>span, ul.list-links>li>a:hover, #sidepanel ul li a[data-toggle="collapse"], #sidepanel ul li a[data-toggle="collapse"]:hover, #sidepanel ul li a:hover, .menu-list ul li a:hover, /* header-0.css */ .menu-list ul li.active a, /* header-0.css */ #menu_overlay_close:hover, /* header-0.css */ #topMain.nav-pills>li.active>a>span.topMain-icon, #page-menu.page-menu-light ul>li:hover>a>i, #page-menu.page-menu-dark ul>li:hover>a>i, #page-menu.page-menu-transparent ul>li:hover>a>i, #page-menu.page-menu-light ul>li.active>a>i, #page-menu.page-menu-dark ul>li.active>a>i, #page-menu.page-menu-transparent ul>li.active>a>i, .tp-caption.block_white, section span.theme-color, section em.theme-color, section i.theme-color, section b.theme-color, section div.theme-color, section p.theme-color, .owl-carousel.featured a.figure>span>i, .owl-carousel.featured a:hover:not(.btn), figure.zoom>a.lightbox:hover, #portfolio h2>a:hover, #portfolio h3>a:hover, #portfolio h4>a:hover, #portfolio h5>a:hover, #portfolio h6>a:hover, .tab-post a:hover, .tag:hover>span.txt, section.dark .tag:hover>span.txt, ul.widget-twitter li>small>a:hover, .blog-post-item h2>a:hover, .blog-post-item h3>a:hover, .blog-post-item h4>a:hover, .blog-post-item h5>a:hover, .item-box .item-hover .inner .ico-rounded:hover>span, ul.side-nav>li:hover>a, ul.side-nav>li a:hover, ul.side-nav>li.active>a, a.href-reset:hover, a.href-reset.active, .href-reset a.active, .href-reset a:hover, .href-reset a.active, .price-clean-popular h4, .box-icon.box-icon-color i, .switch-primary.switch-round > input:checked + .switch-label:after, section.dark .nav-tabs.nav-clean>li>a.active { color: var(--background-primary-color); } #sidepanel.sidepanel-theme-color, div.alert.alert-theme-color, div.alert.alert-primary, span.badge-default, span.badge-default, .list-group-item.active>.badge.badge-default, .nav-tabs.nav-alternate>li>a.active, .datepicker table tr td.active.active, .callout-theme-color, .progress-bar-primary, .toast-primary, .owl-theme .owl-controls .owl-page span, .open>.dropdown-toggle.btn-primary, .show>.btn-primary.dropdown-toggle, .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .pagination>.active>a, .pagination>.active>a:hover, #header li.quick-cart .quick-cart-box a.btn, #header li.quick-cart .quick-cart-box a.btn:hover, /* used by dark & transparent header */ #topMain.nav-pills>li.active>a>span.theme-color , .ei-slider-thumbs li.ei-slider-element, /* elastic slider active indicator */ .flex-control-paging li a.flex-active, /* flex slider bullets */ .tp-caption.block_theme_color, .tp-bullets.simplebullets.round .bullet.selected, i.ico-color, .caption-primary, .shop-list-options .btn.active, .box-static.box-color, .switch.switch-primary > input:checked + .switch-label, .fancy-file-upload.fancy-file-primary>span.button, .primary-slider .ui-slider .ui-slider-handle:before, .primary-slider .ui-slider .ui-slider-range, .ribbon-inner, .info-bar.info-bar-color, .music-album-title:hover, .inews-item .inews-thumbnail .inews-sticky, #progressBar #bar, /* OWL */ #page-menu, #page-menu ul { background-color:var(--background-primary-color); } /* !important required */ #music-player .mejs-controls .mejs-time-rail .mejs-time-current, #music-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, section .theme-background, .swiper-pagination-bullet-active { background-color:var(--background-primary-color) !important; } .inews-content-inner h3>a, div.side-nav ul>li:hover>a, div.side-nav ul>li.active>a, .pagination.pagination-simple>li.active>a, div.side-nav ul.list-group-bordered>li>a:hover, section .theme-color { color:var(--background-primary-color) !important; } .primary-slider .ui-slider .ui-slider-handle, .switch.switch-primary > input:checked + .switch-label, .timeline_center li h3:before, .timeline_center:after, a.thumbnail.active, a.thumbnail:hover, .hvr-reveal:before, .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus { border-color:var(--background-primary-color); } .open>.dropdown-toggle.btn-primary, .show>.btn-primary.dropdown-toggle, .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover .pagination>.active>a, .pagination>.active>a:hover { border-color: var(--background-primary-color); } .btn.btn-bordered { background-color: var(--background-primary-color); border-color: var(--background-primary-color); color: #ffffff; } .btn.btn-bordered:hover { background-color: #003264; border-color: #003264; color: #ffffff; } .btn.btn-hover-bg:hover { background-color: var(--background-primary-color); border-color: var(--background-primary-color); color: #ffffff; } #topNav ul.dropdown-menu { /* submenu border top color */ border-top-color:var(--background-primary-color); } section.featured-grid div.row>div .ribbon:before, .modal-content { border-top-color:var(--background-primary-color); } #topNav ul.dropdown-menu { border-color: var(--background-primary-color) #fff #fff; } #topNav div.submenu-dark ul.dropdown-menu { border-bottom: 8px solid var(--background-primary-color); background-color: #ffffff; } #topNav div.submenu-color ul.dropdown-menu { border-color: var(--background-primary-color) #3F3F3F #3F3F3F; } #topMain li.search .search-box { border-top: var(--background-primary-color) 2px solid; } /* COLOR DROP DOWN MENU */ #topNav div.submenu-color ul.dropdown-menu { background-color:var(--background-primary-color); } #topNav div.submenu-color ul.dropdown-menu { border-color: #888 var(--background-primary-color) var(--background-primary-color); } #topNav div.submenu-color ul.dropdown-menu a.dropdown-toggle { /* background-image: url('../../images/_smarty/submenu_light.png'); */ } #topNav div.submenu-color ul.dropdown-menu li.active>a, #topNav div.submenu-color ul.dropdown-menu li.active:hover>a, #topNav div.submenu-color ul.dropdown-menu li.active:focus>a, #topNav div.submenu-color ul.dropdown-menu li:hover>a, #topNav div.submenu-color ul.dropdown-menu li:focus>a, #topNav div.submenu-color ul.dropdown-menu li:focus>a { color:#fff; background-color:rgba(0,0,0,0.15); } #topNav div.submenu-color ul.dropdown-menu li.divider { background-color:rgba(255,255,255,0.3); } #topNav div.submenu-color ul.dropdown-menu>li a { color:#fff; } #topNav div.submenu-color #topMain>li.mega-menu div.row div>ul>li>span { color:#fff; } #topNav div.submenu-color #topMain>li.mega-menu div.row div { border-left: rgba(0,0,0,0.2) 1px solid; } /* Theme Color Section */ section.theme-color, section.theme-color div.heading-title.heading-dotted h1, section.theme-color div.heading-title.heading-dotted h2, section.theme-color div.heading-title.heading-dotted h3, section.theme-color div.heading-title.heading-dotted h4, section.theme-color div.heading-title.heading-dotted h5, section.theme-color div.heading-title.heading-dotted h6 { color:#fff; background-color: var(--background-primary-color); } section.theme-color div.heading-title h1, section.theme-color div.heading-title h2, section.theme-color div.heading-title h3, section.theme-color div.heading-title h4, section.theme-color div.heading-title h5, section.theme-color div.heading-title h6 { background-color: var(--background-primary-color); } section.theme-color div.heading-title h1 span, section.theme-color div.heading-title h2 span, section.theme-color div.heading-title h3 span, section.theme-color div.heading-title h4 span, section.theme-color div.heading-title h5 span, section.theme-color div.heading-title h6 span { color:#fff; } section.theme-color a { color:#fff; text-decoration:none; } section.theme-color a:hover { color:#111; } section.theme-color pre { background-color:rgba(0,0,0,0.1); } section.theme-color div.heading-border-bottom.heading-color { border-bottom-color:rgba(255,255,255,0.5); } /** Vertical Menu *************************************************** **/ body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover>a, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:focus, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:hover, body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>.active>a, body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover>a { color:var(--background-primary-color) !important; } /** [Shortcode] Buttons *************************************************** **/ section.dark .btn-default:hover { color: var(--background-primary-color); background-color:rgba(0,0,0,0.3); } /** [Shortcode] Page Header *************************************************** **/ section.page-header .breadcrumb a:hover { color: var(--background-primary-color) !important; text-decoration:none; } /** [Shortcode] Dividers *************************************************** **/ div.divider.divider-color i { color:#fff; } div.divider.divider-color:before, div.divider.divider-color:after { border-top:var(--background-primary-color) 1px solid; } div.divider.divider-color i { color:var(--background-primary-color); } div.divider.divider-circle.divider-color i { color:#fff; background-color: var(--background-primary-color); } div.divider.divider-border>a:hover>i { color:var(--background-primary-color); } /** [Shortcode] Headings *************************************************** **/ div.heading-title.heading-line-single.heading-color:before, div.heading-title.heading-line-double.heading-color:before { border-color:var(--background-primary-color); } div.heading-border-bottom.heading-color { border-bottom-color:var(--background-primary-color); } div.heading-title.heading-border.heading-color, div.heading-title.heading-border.heading-inverse.heading-color { border-color:var(--background-primary-color); } section.dark div.heading-title.heading-border-bottom { border-bottom-color:var(--background-primary-color); } /** [Shortcode] Icon Boxes *************************************************** **/ .box-icon a.box-icon-title:hover>h2 { color:var(--background-primary-color); } .box-icon a.box-icon-title:hover>i { color:#fff; background-color:var(--background-primary-color); } .box-icon a.box-icon-more { color:#111; } .box-icon a.box-icon-more:hover, section.dark .box-icon a.box-icon-more:hover { color:var(--background-primary-color); } .box-video a.box-video-title:hover h2, .box-video a.box-image-title:hover h2 { color:var(--background-primary-color); } .box-flip .box2 { color:#fff; background-color:var(--background-primary-color); } .box-flip .box2 h1, .box-flip .box2 h2, .box-flip .box2 h3, .box-flip .box2 h4, .box-flip .box2 h5, .box-flip .box2 h6 { color:#fff; } .box-static.box-border-top { border-color:var(--background-primary-color); } /** [Shortcode] Navigations *************************************************** **/ .navbar-primary { border-color:var(--background-primary-color) !important; background-color:var(--background-primary-color) !important; } /** [Shortcode] Paginations *************************************************** **/ section.dark .pagination > li.active>a, .pagination > li.active>a { border-color:var(--background-primary-color); background-color:var(--background-primary-color); } /** [Shortcode] Process Steps *************************************************** **/ .process-wizard-primary > .process-wizard-step > .process-wizard-dot, .process-wizard-primary > .process-wizard-step > .progress > .progress-bar { background:var(--background-primary-color); } .process-wizard-primary > .process-wizard-step > .process-wizard-dot:after { background-color:rgba(0,0,0,0.4); } ul.process-steps li a.active, ul.process-steps li a.active:focus, ul.process-steps li:hover>a.active { background-color:var(--background-primary-color) !important; border-color:var(--background-primary-color) !important; } ul.process-steps li a.active+h1, ul.process-steps li a.active+h2, ul.process-steps li a.active+h3, ul.process-steps li a.active+h4, ul.process-steps li a.active+h5, ul.process-steps li a.active+h6 { color:var(--background-primary-color); } /** [Shortcode] Process Steps *************************************************** **/ div.mega-price-table .pricing-title, div.mega-price-table .pricing-head, div.mega-price-table .pricing.popular { background-color:var(--background-primary-color); } div.mega-price-table .pricing:hover h4, div.mega-price-table .pricing-table i.fa { color:var(--background-primary-color); } /** Styled Icons **************************************************************** **/ section.dark i.ico-hover:hover, i.ico-hover:hover { background-color:var(--background-primary-color); border-color:var(--background-primary-color); } /** [Shortcode] Tabs **************************************************************** **/ .nav-tabs.nav-top-border>li>a.active, .nav-tabs.nav-top-border>li>a.active:hover { border-top-color:var(--background-primary-color) !important; } .nav-tabs.nav-bottom-border>li>a.active, .nav-tabs.nav-bottom-border>li>a.active:hover { border-bottom-color:var(--background-primary-color) !important; } .nav-tabs.nav-alternate>li>a.active { background-color: var(--background-primary-color) !important; } .nav-tabs>li>a.active { color: var(--background-primary-color) !important; } /** Sky Forms **************************************************************** **/ /**/ /* normal state */ /**/ .sky-form .toggle i:before { background-color: var(--background-primary-color); } .sky-form .button { background-color: var(--background-primary-color); } /**/ /* checked state */ /**/ .sky-form .radio input + i:after { background-color: var(--background-primary-color); } .sky-form .checkbox input + i:after { color: var(--background-primary-color); } .sky-form .radio input:checked + i, .sky-form .checkbox input:checked + i, .sky-form .toggle input:checked + i { border-color: var(--background-primary-color); } .sky-form .rating input:checked ~ label { color: var(--background-primary-color); } /** Hover Buttons **************************************************************** **/ .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px var(--background-primary-color), 0 0 1px rgba(0, 0, 0, 0); } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active, .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active, .hvr-sweep-to-right:before, .hvr-sweep-to-left:before, .hvr-sweep-to-bottom:before, .hvr-sweep-to-top:before, .hvr-bounce-to-right:before, .hvr-bounce-to-left:before, .hvr-bounce-to-bottom:before, .hvr-bounce-to-top:before , .hvr-radial-out:before, .hvr-radial-in, .hvr-rectangle-inm .hvr-rectangle-out:before, .hvr-shutter-in-horizontal, .hvr-shutter-out-horizontal:before, .hvr-shutter-in-vertical, .hvr-shutter-out-vertical:before, .hvr-underline-from-left:before, .hvr-underline-from-center:before, .hvr-underline-from-right:before, .hvr-overline-from-left:before, .hvr-overline-from-center:before, .hvr-overline-from-right:before, .hvr-underline-reveal:before, .hvr-overline-reveal:before { background-color: var(--background-primary-color); } .socialItem { height: 35px; width: auto; } .footer-sponsors .owl-item { vertical-align: middle; } .footer-sponsors .owl-item div { text-align: center; } .footer-sponsors>div .item>div, .footer-sponsors>div .item a { display: inline-block; position: relative; } .footer-sponsors .owl-item img { width: auto; max-width: 190px; max-height: 130px; margin: 0 auto; display: block; } .footer-sponsors .item img+img { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .footer-sponsors .item img:first-child { opacity: 1; visibility: visible; } .footer-sponsors .item:hover img:first-child { opacity: 0; visibility: hidden; } .footer-sponsors>div .item a, .footer-sponsors>div .item div:not(.edit-content-gcat) a, .footer-sponsors>div .item div:not(.edit-content-gcat) { margin: 10px 0; text-align: center; } .footer-sponsors .item:hover img { opacity: 1; visibility: visible; -webkit-transition: opacity .3s linear,visibility .3s linear,transition; -moz-transition: opacity .3s linear,visibility .3s linear,transition; -ms-transition: opacity .3s linear,visibility .3s linear,transition; transition: opacity .3s linear,visibility .3s linear,transition; } #widget1 iframe, #widget2 iframe { width: 100% !important; } .cookieinfotable td, .cookieinfotable th { border: 1px solid #dee2e6; padding: .75rem; } .cmpvendorlistheader:hover { background: #fff !important; } .cmpvendorlistheader { background: #fff !important; border: #ccc 1px solid; color: #333; background: rgba(0,0,0,0.1); cursor: pointer; font-size: 16px; font-weight: normal; padding: 10px 20px; margin: 10px 0 0; } .cmpvendordetails { background-color: #fff !important; } .card-footer { background-color: #ffffff; border: 0; } .card { flex: 0 0 100%; } .video-preview, .social-preview .btn { cursor: pointer; } .social-preview img { width: auto; } .hsv-text p { margin-bottom:20px; } .hsv-text ul { margin-bottom:20px; } .solr-pagination { float: right; } .solr-pagination::after { clear: both; } .pagination > li > a { color: #414141 !important; } .page-navigation ul li a, .solr-pagination ul li a { padding: 5px 5px; } .page-navigation ul li.active span, .solr-pagination ul li.active span { padding: 5px 5px; background-color: var(--background-primary-color) !important; color: #fff !important; border-radius: 3px !important; display: block; } .pagination > li > a:hover, .pagination > li > a:focus { background-color: #003264 !important; color: #fff !important; border-radius: 3px !important; } /* .news-list-tags { position: relative; display: inline-block; margin: 0 6px 3px 0; padding-left: 5px; padding-right: 5px; color: #fff; background: var(--background-primary-color); border-radius: 3px; } */ .news-contents .container { padding-left: 0px; padding-right: 0px; } .hsv-mfp-iframe .mfp-content { height:100%; } .hsv-text-link { color: var(--background-primary-color) !important; } .col-md-6.grid-col .frame-type-form_formframework h2 { margin: 0 0 10px 0; } .socials { background-color: #fafafa; padding-top: 10px; padding-bottom: 10px; } .socials h3 { float: left; line-height: 50px; margin-right: 20px; } .socials .social-icon { width: 50px; height: 50px; background-color: #fff; background-size: 70% 70%; background-repeat: no-repeat; background-position: center; float: left; } .socials .feed-instagram { background-image: url('../../images/icon-instagram.svg'); } .socials .feed-facebook { background-image: url('../../images/icon-facebook.svg'); } .socials .feed-twitter { background-image: url('../../images/icon-twitter.svg'); } .socials p { color: #000; } .socials p.dsgvo { line-height: 2.4rem; } .socials .toggle { margin:0 0 0 0; position: relative; display: inline-block; width: 15.0rem; height: 2.4rem; } .socials .toggle input { display: none; } .socials .toggletext { margin-left: 4.8rem; float: left; line-height: 2.4rem; color: #000; } .socials .roundbutton { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 4.3rem; background-color: #cfcfcf; display: block; transition: all 0.3s; border-radius: 3.4rem; cursor: pointer; } .socials .roundbutton:before { position: absolute; content: ""; height: 1.4rem; width: 1.5rem; border-radius: 100%; display: block; left: 0.5rem; bottom: 0.5rem; background-color: white; transition: all 0.3s; } input:checked + .roundbutton { background-color: #005aaa; } input:checked + .roundbutton:before { transform: translate(1.8rem, 0); } #ebusy-container iframe { height: 100vh !important; width: 100% !important; } .frame-type-textpic header h2 { margin-bottom: 0; margin-top: 20px; } .textpic .col .float-left img { margin-right: 20px; } .textpic .col .float-right img { margin-left: 20px; } .textpic .col .float-right figcaption { margin-left: 20px; } .textpic .col .float-center { text-align: center!important; } .textpic .col figcaption { font-size: 0.75rem; } .textpic figure { display: inline-block; max-width: min-content; text-align: left; } .textpic figcaption { max-width: 100%; word-wrap: break-word; } .adBanner { opacity: 0; transition: opacity 1s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .adBanner.active { opacity: 1; z-index: 1; } .hsv-banner { position: relative; width: 100%; height: 100%; } .alert-info { background-color: var(--background-primary-color); border-color: var(--background-primary-color); color: #fff; border-radius: 0; } @media only screen and (max-width: 576px) { .hype-desktop, .hype-desktop a.adLink, .hsv-banner, .adBanner { height: 90px; min-height: 90px; } } @media only screen and (min-width: 576px) { .hype-desktop, .hype-desktop a.adLink, .hsv-banner, .adBanner { height: 90px; min-height: 90px; } } @media only screen and (min-width: 768px) { .hype-desktop, .hype-desktop a.adLink, .hsv-banner, .adBanner { height: 120px; min-height: 120px; } } @media only screen and (max-width: 768px) { section div.row>div.grid-col { margin-bottom: 0px; } section div.row>div { margin-bottom: 10px; } #footer .row>div { margin-bottom: 40px; } .btn { font-size: .75rem !important; line-height: 1 !important; height: 2rem !important; display: inline !important; } h1 { font-size: 2rem !important; line-height: 1.5 !important; } h2 { font-size: 1.25rem !important; line-height: 1.5 !important; } h3 { font-size: 1.15rem !important; line-height: 1.5 !important; } h4 { font-size: 1rem !important; line-height: 1.5 !important; } } @media only screen and (min-width: 992px) { .hype-desktop, .hype-desktop a.adLink, .hsv-banner, .adBanner { height: 180px; min-height: 180px; } } @media only screen and (min-width: 1200px) { .hype-desktop, .hype-desktop a.adLink, .hsv-banner, .adBanner { height: 200px; min-height: 200px; } } @media only screen and (max-width: 1199px) { section#slider { height: 670px !important; } } @media only screen and (max-width: 1190px) { section#slider { height: 650px !important; } } @media only screen and (max-width: 1180px) { section#slider { height: 620px !important; } } @media only screen and (max-width: 1150px) { section#slider { height: 580px !important; } } @media only screen and (max-width: 1100px) { section#slider { height: 520px !important; } } @media only screen and (max-width: 1020px) { section#slider { height: 500px !important; } } @media only screen and (max-width: 992px) { section#slider { height: 450px !important; } } @media only screen and (max-width: 768px) { section#slider { height: 380px !important; } } @media only screen and (max-width: 670px) { section#slider { height: 350px !important; } } @media only screen and (max-width: 576px) { section#slider { height: 300px !important; } } @media only screen and (min-width: 1200px) { section#slider { height: 680px !important; } } @media only screen and (min-width: 1300px) { section#slider { height: 680px !important; } } @media only screen and (min-width: 1400px) { section#slider { height: 720px !important; } } @media only screen and (min-width: 1600px) { section#slider { height: 800px !important; } } @media only screen and (min-width: 1800px) { section#slider { height: 900px !important; } } @media only screen and (min-width: 2000px) { section#slider { height: 1000px !important; } } /* Remove focus outline for mouse users */ a:focus:not(:focus-visible), input:focus:not(:focus-visible), textarea:focus:not(:focus-visible), select:focus:not(:focus-visible), button:focus:not(:focus-visible), [tabindex]:focus:not(:focus-visible) { outline: none; } /* Show focus outline only for keyboard users */ a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: 2px solid #007acc !important; outline-offset: 2px !important; } /* Focus styles for keyboard navigation */ .dropdown-toggle:focus:not(:focus-visible) { outline: none; } .dropdown-toggle:focus-visible, .dropdown-menu a:focus-visible { outline: 2px solid #007acc; outline-offset: 2px; } /* Make sure dropdown menus are properly positioned */ .dropdown-menu { display: none; position: absolute; z-index: 1000; } .dropdown.open .dropdown-menu { display: block; } /* Visual indicator for open dropdown */ .dropdown.open > .dropdown-toggle { background-color: rgba(0, 122, 204, 0.1); } /* Make tap-area links focusable but visually hidden */ .tap-area:focus:not(:focus-visible) { outline: none; } .tap-area:focus-visible { outline: 2px solid #007acc; outline-offset: 2px; } /* Focus styles for tap-link (actual navigation links) */ .tap-link:focus:not(:focus-visible) { outline: none; } .tap-link:focus-visible { outline: 2px solid #007acc; outline-offset: 2px; } /* Fix dropdown positioning */ .dropdown { position: relative; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 200px; background-color: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); display: none; } /* When keyboard navigation is active, disable all hover effects on dropdowns */ .keyboard-navigation .dropdown:hover > .dropdown-menu { display: none !important; } .keyboard-navigation .dropdown.open > .dropdown-menu { display: block !important; }