/* Custom Dynamic CSS */ /* Dynamic Color Settings */ :root { --primary: #f16142; --secondary: #838182; --success: #28a745;† --danger: #bd1222; --warning: #f4ac00; --info: #17a0b8; --dark: #a2a0a1; --light: #c5c1c2; --default_body_bg: #191616; --default_body: #ffffff; --default_link: #f16343; --default_link_hover: #f16343; --header_bg: #000000; --header: #ffffff; --header_link: #c4dcff; --header_link_hover: #008fff; --footer_bg: #000000; --footer: #ffffff; --footer_link: #c4dcff; --footer_link_hover: #f16343; --default_nav: #ffffff; --default_nav_bg: #333333; --default_nav_link: #c2c2c2; --default_nav_link_bg: ; --default_nav_link_hover: #ffffff; --default_nav_link_hover_bg: #f16343; --prehead_bg: #646464; --prehead: #ffffff; --prehead_link: #c4dcff; --prehead_link_hover: #008fff; --sub_footer_bg: #ffffff; --sub_footer: #444444; --sub_footer_link: #000000; --sub_footer_link_hover: #0000ff; } body{color: var(--default_body);background-color:var(--default_body_bg);} a{color: var(--default_link);} a:hover{color: var(--default_link_hover);} header{color: var(--header);background-color: var(--header_bg);} header a{color: var(--header_link);} header a:hover{color: var(--header_link_hover);} footer{color: var(--header);background-color: var(--footer_bg);} footer a{color: var(--footer_link);} footer a:hover{color: var(--footer_link_hover) !important;} .bg-prehead{color: var(--prehead);background-color: var(--prehead_bg);} .bg-prehead a{color: var(--prehead_link);} .bg-subfoot{color: var(--sub_footer);background-color: var(--sub_footer_bg);} .bg-subfoot a{color: var(--sub_footer_link);} .bg-navbar{color: var(--default_nav);background-color: var(--default_nav_bg);} .navbar-nav .nav-link{color: var(--default_nav_link);background-color: var(--default_nav_link_bg);} .navbar-nav .nav-link:hover{color: var(--default_nav_link_hover);background-color: var(--default_nav_link_hover_bg);} .text-black{color:#000000;} .bg-black{background-color: #191617;} .btn-black{background-color: #000000;border-color:#000000} .btn-black:hover{background-color: #333;} .text-primary{color: var(--primary)!important;} .bg-primary{background-color: var(--primary)!important;} .btn-primary{background-color: var(--primary)!important;border-color: var(--primary);} .text-secondary{color: var(--secondary)!important;} .bg-secondary{background-color: var(--secondary)!important;} .btn-secondary{background-color: var(--secondary)!important;border-color: var(--secondary);} .text-success{color: var(--success);} .bg-success{background-color: var(--success)!important;} .btn-success{background-color: var(--success)!important;border-color: var(--success);} .text-danger{color: var(--danger)!important;} .bg-danger{background-color: var(--danger)!important;} .btn-danger{background-color: var(--danger)!important;border-color: var(--danger);} .text-warning{color: var(--warning)!important;} .bg-warning{background-color: var(--warning)!important;} .btn-warning{background-color: var(--warning)!important;border-color: var(--warning);} .text-info{color: var(--info);} .bg-info{background-color: var(--info)!important;} .btn-info{background-color: var(--info)!important;border-color: var(--info);} .text-dark{color: var(--dark)!important;} .bg-dark{background-color: var(--dark)!important;} .btn-dark{background-color: var(--dark)!important;border-color: var(--dark);} .text-light{color: var(--light)!important;} .bg-light{background-color: var(--light)!important;} .btn-light{background-color: var(--light)!important;border-color: var(--light);} .btn-primary:hover, .btn-secondary:hover, .btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover, .btn-dark:hover, .btn-light:hover{ background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)); } /* End Dynamic Color Settings */ /* Font Settings */ body{ font-size: 18px } h1, h2, h3, h4, h5, h6{ font-family: Roboto; } .text-accent{ } .text-script{ } .navbar-nav .nav-link{ } /* End Font Settings */ .section-pad { padding:75px 0px; } .section-headline { font-size: 35px; } .product-card p { font-size: 20px !important; font-weight: 800; } .product-card { position: relative; } .product-name { position: absolute; width: 100%; bottom: 0px; opacity: 0; } .product-name { transition: all 0.3s ease-in-out; overflow: hidden; } .product-card:hover .product-name { opacity: 1; } .network svg { width: 24px; height: 24px; color: #838182; } .custom-input { height: 50px; background-color: #a2a0a1; border: none; border-radius: 3px; } .newsletter-submit { border-radius: 25px; font-weight: 900; } .network { display: inline-flex; justify-content: center; align-items: center; width: 35px; height: 35px; background-color: #ffffff; border-radius: 50%; text-decoration: none; } .btn-white { background-color: #ffffff; border-color: #ffffff; } #home-services .row:nth-child(even) { flex-direction: row-reverse; } .event-card .card-title { font-weight: 600; } .event-location { font-weight: 300 !important; margin-bottom: 0px; } .event-time { font-size: 18px !important; font-weight: 300 !important; } .event-card .card-title { font-weight: 600; color: #000000; font-size: 25px; margin-bottom: 0px; } nav#header { padding-top: 20px !important; padding-bottom: 20px !important; } .bg-image { background-position: center; background-repeat: no-repeat; background-size: cover; } .product-title { position: absolute; text-align: center; width: 100%; bottom: 0px; width: 100%; } .product-title .card-title { font-size: 20px; color: #fff; padding: 13px 15px; background: rgb(241 98 68); display: inline-block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-transform: uppercase; font-weight: 800; width: 100%; } .child-card { overflow: hidden; /* Prevents the zoomed image from overflowing */ position: relative; aspect-ratio: 1 / 1; } .card-img-top { transition: transform 0.3s ease-in-out; /* Smooth zoom effect */ } .child-card:hover .card-img-top { transform: scale(1.1); /* Scales the image on hover */ } .product-title-sub h5 { color: #000000; font-size: 18px; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: 900; margin-top: 15px; } .breadcrumbs a { color: #ffffff; font-size: 14px; font-weight: 600; } .main-product-image { } .product-sub-image { } .product-sub-image:hover { cursor: pointer; } .black-white-image { filter: grayscale(100%); transition: filter 0.3s ease-in-out; } .black-white-image-card:hover .black-white-image { filter: grayscale(0%); } .accordion-question { font-size: 20px; color: #000000; } .accordion-answer p { font-size: 18px !important; } .event-info { font-size: 16px !important; margin-bottom: 2px; font-weight: 600; } span.event-span { font-weight: 300; } img.goog-te-gadget-icon { display: none; } .goog-te-gadget-simple { background-color: #24201d00 !important; border-left: 1px solid #24201d00 !important; border-top: 1px solid #24201d00 !important; border-bottom: 1px solid #24201d00 !important; border-right: 1px solid #24201d00 !important; font-size: 10pt; display: inline-block; padding-top: 1px; padding-bottom: 2px; cursor: pointer; } .skiptranslate.goog-te-gadget span { color: #ffffff !important; text-transform: uppercase !important; font-weight: 500; content:"ES"; } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1350px; } } .scale { width: 100%; height: auto; } section.first.article { padding-top: 150px; } img { max-width: 100% !important; height: auto; } .scale-embed { height: 0; margin-bottom: 20px; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; } .scale-embed iframe, .scale-embed object, .scale-embed embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .entry-content img, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%; } .video-embed { height: 0; margin-bottom: 20px; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; } .video-embed iframe, .video-embed object, .video-embed embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .entry-content img, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%; } .meta ul { list-style: none; padding: 0; margin: 0 0 10px 0px; font-size: 14px; } .meta ul li { display: inline-block; margin: 0 11px 0px 0px; } /*PAGINATION*/ .pagination-controller { display: block; padding: 0 0 70px; } .pagination { border-radius: 5px; display: inline-block; margin: 0 auto; padding: 0; position: relative; z-index: 1000; } .pagination > li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #333333; border-color: #000 !important; border-image: none; border-style: solid; border-width: 1px 1px 1px 0; color: #ffffff; float: left; line-height: 38px; max-height: 40px; min-height: 40px; min-width: 50px; text-align: center; text-decoration: none; } .pagination li:last-child { } .pagination li a { background-color: #000000; border: medium none; color: #ffffff !important; display: block; text-align: center; width: 100%; } .pagination > li:hover { } .pagination li.previous a, .pagination li.next a { padding: 0 10px; } .pagination li a:hover, .pagination > li:hover a { background-color: #013c74 !important; color: #ffffff !important; } .pagination li.previous, .pagination li:first-child { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .pagination li.next, .pagination li:last-child { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .clear-all { display: block; width: 100%; clear: both; height: 10px; } a.dropdown-toggle > b.caret { display: none !important; } li.dropdown:hover ul.dropdown-menu { display: block; min-width: 280px; } .nav b.caret { display: none; } section.first { padding-top: 150px !important; } .contact-page { margin-top: 110px; } footer a.nav-link:hover { color: #fff; } .item-information { position: absolute; bottom: 0; } .item.news-article-block { position: relative; } a.article-title { font-weight: 600; } .text-shadow { text-shadow: 1px 1px 1px #000; } .item-information { background-color: rgba(0, 0, 0, .5); display: block; width: 100%; padding-top: 3px; } h1.ruled span { color: #000000; } .row.follow-us { border-bottom: 1px dotted #000000; } .card p { font-size: 10px; } .card a.network { color: #fff; background-color: #f16243; border-radius: 50%; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0 0 10px 0; font-size: 13px; } .card a.network { transition: all .2s ease-in-out; } .utility-newsletter-button { background-color: #316531; } .card a.network:hover { background-color: #000000; } .sticky-2 { position: sticky; top: 80px; } a.utility-link { color: #316531; text-decoration: none; } a.utility-link:hover { color: #224622; } .bio-font-awesome { font-size: 20px; color: #ffffff; } .bio-font-awesome:hover { color: #429042; } .underlay-rev { background: #ffffff; background: -moz-linear-gradient(left, #ffffff 3%, #ffffff 3%, #3b4a3d 41%, #090909 82%); background: -webkit-linear-gradient(left, #ffffff 3%,#ffffff 3%,#3b4a3d 41%,#090909 82%); background: linear-gradient(to right, #ffffff 3%,#ffffff 3%,#3b4a3d 41%,#090909 82%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#243b4c',GradientType=1 ); border-bottom: 1px solid #9a9898; border-top: 1px solid #9a9898; } .bio-hero-background { background-color: #ff000000 !important; color: #ffffff; } section.bio-body { background-color: #ffffff; } section.first.bio-hero { background-color: #b4b5b8 !important; padding: 90px 0 30px 0; } .mask-right { -webkit-mask-image: linear-gradient(to right, transparent 0%, black 36%); mask-image: linear-gradient(to right, transparent 0%, black 36%); } .bio-hero-background { padding-top: 0 !important; } .bg-fixed { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } .bg-cover {background-size: cover; background-position: right;} .live-area { position: relative; } .bg-10-white { background-color: rgba(246, 246, 246, 0.5); } .donation-form input[type=radio], .donation-form input[type=checkbox] { display: none; } .donation-form input[type=radio] + label, .donation-form input[type=checkbox] + label { display: inline-block; margin: 0 1px 10px 1px; padding: 8px 12px; font-size: 16px; line-height: 20px; color: #ffffff; text-align: center; vertical-align: middle; cursor: pointer; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 100%; border: 1px solid #d1d1d1; background-color:#d1d1d1; transition: all 0.5s ease; } .donation-form input[type=radio] + label:hover, .donation-form input[type=checkbox] + label:hover { display: inline-block; margin: 0 1px 10px 1px; padding: 8px 12px; font-size: 16px; line-height: 20px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 100%; border: 1px solid #438843; background-color: #438843; text-shadow: none; transition: all 0.3s ease; } .utility-title { font-size: 30px; } .donation-form input[type=radio]:checked + label, .donation-form input[type=checkbox]:checked + label { display: inline-block; margin: 0 1px 10px 1px; padding: 8px 12px; font-size: 16px; line-height: 20px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 100%; border: 1px solid #316431; background-color: #316431; text-shadow: none; transition: all 0.5s ease; } .text-small { font-size: medium; } .text-accent { } .text-script{ } h4.text-script.text-accent { } .cover { background-size: cover; } .content-body li{ margin:0 0 20px 0; } .shareaholic-service-parler { background-color: #A51300 !important; } a.shareaholic-service-parler:before { content: "" !important; background-image: url(https://mr.cdn.ignitecdn.com/client_assets/templateclone/media/themes/img/parler.png?1621611693); display: inline-block; width: 25px; height: 25px; background-repeat: no-repeat; background-size: contain; } a.pminc { } a.structure { } .parler-icon { width: 15px; vertical-align: unset; } .navbar-brand { display: block; text-indent: -5000px; background-image: url(https://mr.cdn.ignitecdn.com/client_assets/lesslethal_com/media/picture/6841/d91c/c2a2/5ae5/ed3c/a9c8/original_ALS_white.png?1749145886); background-repeat: no-repeat; overflow: hidden; width: 270px; height: 80px; background-size: contain; } .navbar{ background-color:#393939; } @media (min-width: 1200px) { .navbar-expand-xl .navbar-nav .nav-link { padding-left: 0px; } } .bg-navbar{ background-color:#838181; } .off-content { margin: 0 auto; text-align: center; } .navbar-toggler { z-index: 999999; } .positioner { padding-top: 120px !important; } .navbar-nav .nav-link { font-weight: 500; } .row .three{ padding: 80px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #2c3e50; color: #ecf0f1; text-align: center; } .hamburger .line{ width: 40px; height: 4px; background-color: #ffffff; display: block; margin: 8px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hamburger:hover{ cursor: pointer; } .bg-glass { background-color: rgb(0 0 0 / 85%) !important; } #hamburger-6.is-active{ -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #hamburger-6.is-active .line:nth-child(2){ width: 0px; } #hamburger-6.is-active .line:nth-child(1), #hamburger-6.is-active .line:nth-child(3){ -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } #hamburger-6.is-active .line:nth-child(1){ -webkit-transform: translateY(11px); -ms-transform: translateY(11px); -o-transform: translateY(11px); transform: translateY(11px); } #hamburger-6.is-active .line:nth-child(3){ -webkit-transform: translateY(-13px) rotate(90deg); -ms-transform: translateY(-13px) rotate(90deg); -o-transform: translateY(-13px) rotate(90deg); transform: translateY(-13px) rotate(90deg); } @media (max-width: 10000px) { .offcanvas-collapse.open { visibility: visible; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @media (max-width: 10000px){ .offcanvas-collapse { position: fixed; top: 0px; bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; z-index: 99999; } } .divider{ background-color:#ffffff; height:4px; } .article-topic-author{ color:#f16243; font-size:12px; } footer .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: row; padding-left: 0; margin-bottom: 0; list-style: none; justify-content: center; } footer{ background-color:#231f20; padding:80px 0 20px 0; } .logo-img{ width: 540px; } .navbar-nav .nav-link { font-weight: 500; color: #ffffff; margin-left: 25px; } .other-sites{ color:#9a9a9a; } @media (max-width: 10000px){ .offcanvas-collapse-search.open { visibility: visible; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @media (max-width: 10000px){ .offcanvas-collapse-search { position: fixed; top: 15px; bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; z-index: 999; margin-top: -15px !important; overflow-y: auto; visibility: hidden; background-color: rgba(20, 20, 20, 0.98); transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; z-index: 1111111; } #comment-search .offcanvas-close-all { position: absolute; top: 0; right: 0; margin: 12px 30px; font-size:25px; } #comment-search .positioner{ width:320px; } #comment-search .form-control { text-align: center; border-radius: 20px; } } footer a.nav-link:hover { color: #ffffff !important; } .dropdown-menu{ padding: 0; margin: 0; background-color: #838181 !important; } .dropdown-menu li{ background-color:#F16343; } label.error { background-color: #ff0000; color: #fff; padding: 0 10px; position: absolute; bottom: -5px; } label { display: inline-block; margin-bottom: .5rem; } input.error { border-color: #ff0000; background-color: #fffef2; margin-bottom: 30px !important; } .black-white-image-card:hover .card-title, .child-card:hover .card-title { background-color: #000000; } .black-white-image-card { transition: filter 0.3s ease-in-out; } .product-description{ font-size: 15px; line-height: 30px; } .description-body{ background-color: #024ea8; color: #ffffff; padding: 5px 12px; } .btn-specs-safety{ background-color: #f16242; } .btn-specs-safety:hover{ background-color: #000000; } #google_translate_element .goog-te-gadget-simple span:first-child { display: none !important; } .goog-te-gadget-simple span{ border-left:none !important; } @media (max-width: 575px) { .custom-input{ margin-bottom: 10px; } } .hero-image{ padding-top:100px; } .current-site{ color:#F26143; } #home-services{ padding:140px 0px; } .image-att-style{ background-color:#e5e5e5; } .card-networks .network svg { height: 1em; color: #ffffff; } .VIpgJd-ZVi9od-ORHb-OEVmcd{ display:none; } body{ top:0px !important; } .limit-char { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .hero-section { position: relative; width: 100%; height: 700px; overflow: hidden; margin-top: 0px; } .video-wrapper { position: fixed; top: 0px; left: 0; width: 100%; height: 700px; overflow: hidden; z-index: -1; } .video-wrapper iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; width: 100%; height: 100%; } @media (max-width: 575px) { .video-wrapper iframe { transform: translate(-50%, -60%); } } .hero-content { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; /* align-items: center; */ height: 100%; color: white; text-align: center; } .featured-image { aspect-ratio: 1/1; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: space-around; flex-wrap: nowrap; padding: 10px; } .sub-image { aspect-ratio: 1 / 1; border: 1px solid #ffffff; padding: 5px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .fc .fc-toolbar-title { font-size: 22px !important; margin: 0px; } iframe.iframe-scale { width: 100%; min-height: 700px; } .offset-top { margin: 99px 0 0 0; background-color: #000000; } p.marker-info__desk { margin: 7px 0; } .legal { font-size: 15px; } .light-divider { background-color: #ffffff; height: 4px; } .dropdown-menu a { margin: 0px !important; } @media only screen and (max-width: 991px) { .navbar-nav .nav-link { margin-left: 0 !important; } .dropdown-menu .nav-link { margin-left: 25px !important; } } .top-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .service-item { margin-bottom: 15px; /* Add some space between items */ } .service-item .description { display: none; /* Start hidden */ padding: 10px; margin-top: 10px; overflow: hidden; /* Avoid content overflow during animation */ } .row.headline { border-bottom: 4px solid #fff; } .headline p { margin: 0; } .info{ background-color:#231f1f; } section.contact{ background-color:#231f20; } .fc-event-time { display: none; } svg#expand-map2:hover { cursor: pointer; } tr.fc-event.fc-event-start.fc-event-end.fc-event-future.fc-list-event.fc-event-forced-url:hover { color: var(--default_link); } div#cal-expander { position: relative; top: -30px; z-index: 5; } .fc-event-title{font-size:11px} div#calendar { z-index: 10; position: relative; } .border-warning { border-color: #f16142 !important; } #calendar .fc-view-harness { background-color: #00000080 !important; } li.dropdown ul.dropdown-menu li:hover, li.dropdown ul.dropdown-menu li:hover a, li.dropdown ul.dropdown-menu li a:hover{ background-color: #000000; } #cover-img-fader { width: 100%; max-width: 100%; position: relative; overflow: hidden; } #cover-img-fader .fade-slide { width: 100%; position: absolute; display: none; } #cover-img-fader .fade-slide img { width: 100%; height: auto; display: block; } .video-wrapper { display: inline-block; } .video-wrapper::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; } .video-wrapper iframe { z-index: 0; width: 100%; height: 100%; } div#navbarNavMain { background-color: #0000008a; } #navbarNavMain .menu-list-main { width: 100%; justify-content: end; } #navbarNav .menu-list-main { width: 100%; justify-content: end; } .menu-list-main { margin-left: 0px !important; } .hourglass { width: 60px; height: 43px; background-color: #0000008a; clip-path: polygon(50% 0%, 50% 0%, 50% 50%, 50% 100%, 0% 100%, 11% 100%, 30% 50%, 11% 0%); display: flex; justify-content: center; align-items: center; color: white; font-weight: bold; position: absolute; left: -30px; } .navigation-home { transition: background-color 0.5s ease; } .hero-content:hover { cursor: pointer; } .container-xxl { max-width: 1750px; margin: 0 auto; } .negative-top-margin { margin-top: -100px; } .slick-arrow { display: none !important; } .home-hero-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; color: #fff; font-size: 40px; cursor: pointer; } .play-btn svg{ font-size: 100px; transition: font-size 0.3s ease, color 0.3s ease, opacity 0.3s ease; } .hero-section:hover .play-btn svg { font-size: 110px !important; color: #f16243; opacity:1; z-index: 9; } .play-btn svg { transition: opacity 0.3s ease, font-size 0.3s ease; } .hero-section:hover .play-btn svg { opacity: 0; /* Hide the original icon */ } .play-btn:hover { position: relative; } .hero-section:hover .play-btn::after { content: '\f05b'; /* Correct Unicode for the 'crosshairs' icon from Font Awesome 4 */ font-family: 'FontAwesome'; /* Use the correct Font Awesome 4 font family */ font-size: 110px; color: #f16243; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; } .dropdown-menu li { background-color: #000000; } .dropdown-menu li:hover a{ background-color: #f16344 !important; } #navbarNav .off-content .menu-list-main { margin-left: 0px !important; } #navbarNav .navbar-nav .nav-link { margin-left: 0px; } .slick.slick-slider { z-index: 500; } .product-card img { border: 1px solid #787878 !important; box-shadow: 0px 11px 7px 1px #000; opacity: .55; transition: opacity 0.5s ease; } .product-card > a { background-color: #000 !important; display: block; } .product-card:hover img { opacity: 1; transition:opacity 0.5s ease; } @media only screen and (max-width: 1245px) { .video-wrapper { height: 100vh; } } a#at-a-glance { position: relative; top: -120px; } span.domain_name, span.company_name { color: #e2e2e2 !important; font-weight: 600; } section.first{ background-attachment: fixed; background-position: center center; } footer a.network { margin: 15px 5px 0; } .main-nav-networks .networks { width: 300px; } @media only screen and (max-width: 1281px) { .main-nav-networks .networks { width: 210px; } }