@font-face {
font-family: 'roboto-black';
src: url(https://nichewebsites.net/wp-content/uploads/2025/01/Roboto-Black.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'roboto-bold';
src: url(https://nichewebsites.net/wp-content/uploads/2025/01/Roboto-Bold.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'roboto-regular';
src: url(https://nichewebsites.net/wp-content/uploads/2025/01/Roboto-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'roboto-lightitalic';
src: url(https://nichewebsites.net/wp-content/uploads/2025/01/Roboto-LightItalic.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'roboto-mediumitalic';
src: url(https://nichewebsites.net/wp-content/uploads/2025/01/Roboto-MediumItalic.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'roboto-light';
src: url(https://nichewebsites.net/wp-content/uploads/2025/01/Roboto-Light.woff) format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'roboto-light', sans-serif;
}
h1{
font-family: 'roboto-black', sans-serif;
}
h2 {
font-family: 'roboto-bold', sans-serif;
}
h3 {
font-family: 'roboto-bold', sans-serif;
}
a{
color: #003573
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: 003573 !important;
}
.nav-link {
color: rgb(255 255 255);
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
float: none;
width: 30%;
margin: 0 auto;
}
.woocommerce div.product .product_title {
text-align: center;
}
.woocommerce div.product p.price {
text-align: center;
}
#add_payment_method .cart-collaterals .cart_totals .discount td, .woocommerce div.product .stock, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price, .woocommerce-cart .cart-collaterals .cart_totals .discount td, .woocommerce-checkout .cart-collaterals .cart_totals .discount td {
color: #1b769c;
font-weight: bold;
}
.woocommerce div.product form.cart {
text-align: center;
}
.woocommerce div.product form.cart {
margin-bottom: 2em;
}
.cart button {
width: 300px;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: white;
border: none;
background: #1b769c;
padding: 10px;
}
.product_meta {
display: none;
}
.product .add-to-cart-container {
display: none;
}
.woocommerce .woocommerce-breadcrumb {
display: none;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
display: none;
}
.woocommerce div.product form.cart div.quantity {
display: none;
}
.related.products {
display: none
}
.hero-back {
background: url(https://nichewebsites.net/wp-content/uploads/2025/02/stars-bg2.png);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.wrapper {
padding: 0;
}
:root {
--marquee-width: 100%;
--marquee-height: 10vh;  --marquee-elements-displayed: 5;
--marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
--marquee-animation-duration: calc(var(--marquee-elements) * 3s);
}
.heartbeat {
animation: heartbeat 3s infinite;
}
@keyframes heartbeat {
0% {
transform: scale(1);
}
20% {
transform: scale(1.1);
}
40% {
transform: scale(1);
}
60% {
transform: scale(1.1);
}
80% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
.marquee {
width: var(--marquee-width);
height: var(--marquee-height);
background-color: #003573;
color: #eee;
overflow: hidden;
position: relative;
}
.testi{
overflow: hidden;
position: relative;
}
.testi:after {
right: 0;
background: linear-gradient(to left, #fff 0%, transparent 100%);
}
.testi:before {
left: 0;
background: linear-gradient(to right, #fff 0%, transparent 100%);
}
.marquee:before,
.marquee:after,.testi:before,.testi:after {
position: absolute;
top: 0;
width: 10rem;
height: 100%;
content: "";
z-index: 1;
}
.marquee:before {
left: 0;
background: linear-gradient(to right, #111 0%, transparent 100%);
}
.marquee:after{
right: 0;
background: linear-gradient(to left, #111 0%, transparent 100%);
}
.marquee-content {
list-style: none;
height: 100%;
display: flex;
animation: scrolling var(--marquee-animation-duration) linear infinite;
} @keyframes scrolling {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));
}
}
.marquee-content li {
display: flex;
justify-content: center;
align-items: center; flex-shrink: 0;
width: var(--marquee-element-width);
max-height: 100%;
font-size: calc(var(--marquee-height)*3/4); white-space: nowrap;
}
.marquee-content li img {
width: 100%; border: 2px solid #eee;
}
.modal-header {
background: #003573;
color: white;
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-dialog {
top: 10%;
max-width: 340px!important;
}
.modal-body .wpcf7 input[type=submit] {
background: #CD1B34!important;
color: white!important;
border: none!important;
padding: 15px 25px!important;
}
.modal-body .wpcf7-not-valid-tip {
color: #dc3232;
font-size: 14px;
font-weight: normal;
display: block;
}
.hero.container {
max-width: 1320px;
}
.hero h1 {
font-size: 3rem;
}
.hero p {
font-size: 1.4rem
}
.hero.container > .row {
align-items: center;
min-height: 85vh;
}
#home-services, .middle-section-services {
padding: 5% 0;
}
#home-services>h2,.package-heading>h2 {
text-align: center;
font-size: 2.6rem;
margin-bottom: 10px;
}
#home-services>p,.package-heading p {
text-align: center;
max-width: 700px;
margin: 0 auto;
margin-bottom: 2%;
font-size: 1.4rem
}
.home-service-boxes {
display: flex;
flex-wrap: wrap; justify-content: center; gap: 20px;
padding: 0 40px;
}
.home-service-boxes > div {
flex: 0 0 300px; max-width: 100%;
padding: 20px 20px 0 20px;
border: 1px solid rgb(230, 230, 230);
border-radius: 10px;
box-shadow: 1px 0px 10px 0px #d9d9d9;
min-height: 185px;
box-sizing: border-box;
}
@media (max-width: 768px) {
.home-service-boxes > div {
flex: 0 0 45%; }
}
@media (max-width: 500px) {
.home-service-boxes > div {
flex: 0 0 100%; }
}
.home-service-boxes>div:hover {
box-shadow: 8px 0px 12px 7px #d9d9d9;
}
.home-service-boxes > div h2 {
overflow-wrap: break-word;
font-size: 1.2rem;
margin-top: 20px;
position: relative;
bottom: 45px;
left: 40px;
padding-left: 10px;
}
.home-service-boxes > div p {
font-size: 15px;
position: relative;
bottom: 30px;
}
.home-service-boxes >div>span{
position: relative;
bottom: 5px;
right: 20px;
border-bottom-right-radius: 22px;
padding: 18px;
color: white;
}
.home-service-boxes div:nth-of-type(1) span {
background-color: #5acf99
}
.home-service-boxes div:nth-of-type(2) span {
background-color: #5533ff;
}
.home-service-boxes div:nth-of-type(3) span {
background-color: #0dcaf0;
}
.home-service-boxes div:nth-of-type(4) span {
background-color:  #ffc107;
}
.home-service-boxes div:nth-of-type(5) span {
background-color: #343a40;
}
#home-under-services > .row {
align-items: center;
max-width: 1350px;
margin: 0 auto;
min-height: 60vh;
}
#our-agency > .row {
align-items: center;
max-width: 1350px;
margin: 0 auto;
min-height: 80vh;
padding-top: 5%;
padding-bottom: 5%;
}
#our-agency {
background: #eeeeee;
padding: 20px;
}
#our-agency  .col-sm-6 > div {
margin: 0 auto;
margin-top: 2rem;
}
#testimonials {
padding: 5% 0 1%;
}
.testimonial-card {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
font-size: 1.1rem;
border: 1px solid whitesmoke;
box-shadow: 0px 0px 20px 1px #adadad;
border-radius: 8px;
background: #ffffff;
}
.testimonial-text {
display: flex;
flex-direction: column;
text-align: left;
}
.testimonial-stars {
color: #ffc107;
}
.testimonial-owner {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.testimonial-owner img {
border-radius: 100%;
}
.testimonial-owner > div p {
margin-bottom:0
}
.carouselImage {
width: 20%;
margin-right: 33px;
margin-top: 70px;
margin-bottom: 50px;
counter-increment: carousel-cell;
text-align: center;
vertical-align: center;
transition: transform 0.5s;
font-size: 1.2em;
}
.footerrow {
display: flex;
justify-content: space-around;
align-items: flex-start;
padding: 80px 60px 0 60px;
background: #ededed;
border-top: 4px dotted #ffffff;
}
.footerrow a {
text-decoration: none;
color: rgb(0, 0, 0)
}
.footerrow a:hover {
color: #41A6F1;
}
.footerrow h3 {
font-weight: 700;
font-size: 1.25rem;
}
.footerform {
text-align: center;
}
.footerform > div {
margin-bottom: 20px;
}
.footerform i{
font-size: 2rem
}
.footerform p{
max-width: 250px;
font-size: 11px;
margin: 10px;
}
.footer-contact-navigation i{
color:#000
}
#bottomfooter {
text-align: center;
padding: 0 50px;
font-size: 12px;
background: #ededed;
}
#bottomfooter > div p {
margin: 0 auto;
font-size: 14px;
max-width: 1200px;
padding-top: 25px;
padding-bottom: 10px;
}
.footer-navigation {
list-style: none;
padding-left: 0;
}
.footer-navigation li {
position: relative;
}
.footer-navigation li:hover {
cursor:pointer
} .footer-navigation.services a {
width: 100%;
display: inline-block;
}
.footer-contact-navigation {
list-style: none;
margin-left: -25px;
padding-left: 1.5rem;
}
#footer-top-container {
display: flex;
justify-content: space-around;
align-items: center;
background: #cd1b34;
max-width: 850px;
margin: 0 auto;
padding: 20px 20px;
border-radius: 13px;
position: relative;
top: 38px;
box-shadow: 0px 8px 12px 4px gray;
}
#footer-top-container h2 {
font-size: 1.6rem;
color: white;
margin-bottom: 0;
}
#footer-top-container button {
border: none;
padding: 10px 20px;
border-radius: 28px;
background: white;
box-shadow: 0px 9px 15px 0px #292727;
}
#footer-top-container button:active {
box-shadow: none
}
.middle-section-services > .row {
align-items: center;
max-width: 1200px;
margin: 0 auto;
}
.middle-section-services h2 {
font-size: 2rem;
margin-bottom: 10px;
}
.middle-section-services p{
max-width: 700px;
margin-bottom: 2%;
font-size: 1rem
}
.middle-cta-services {
display: flex;
gap: 20px;
align-items: flex-start;
padding: 5%;
}
.middle-cta-services > .row {
max-width: 1350px;
margin: 0 auto;
}
.first-column {
position: sticky;
top: 0;
align-self: flex-start;
height: 100vh;
overflow: hidden;
background: #ffffff61;
padding: 0;
}
.second {
padding: 40px;
}
#stop-here {
padding: 5% 0;
background:whitesmoke
}
#stop-here h2 {
text-align: center;
}
.related-articles-container {
max-width: 1350px;
margin: 0 auto;
text-align: center;
}
.first-column h2 {
font-weight: 800;
font-size: 4rem;
padding: 0 3% 0 3%;
line-height: 4.4rem;
}
.first-column h3 {
background: #cd1b34;
color: white;
padding: 10px 20px;
font-weight: 600;
}
.first-column p {
font-size: 1.6rem;
margin-top: 5%;
padding: 0 3% 0 3%;
}
.first-column-image {
text-align: center;
position: relative;
top: 11%;
}
.service-middle-card {
padding: 30px;
margin-bottom: 5%;
font-size: 120%;
border-top: 2px dotted rgb(10, 10, 10);
}
.second>div:first-child {
border-top: none!important;
}
.bulletpoint {
position: relative;
margin-left: -20px;
font-size: 3rem;
top: 5px;
color: #43a8ee;
}
.middle-card-img {
border: 2px solid black;
max-width: 80px;
text-align: center;
border-radius: 100%;
padding: 12px;
margin-bottom: 10px;
}
.post.type-post {
max-width: 1200px;
margin: 0 auto;
padding: 30px;
}
.post.type-post table{
width: 100%;
border: 1px solid #dbdbdb;
margin-bottom: 2%;
margin-top: 2%;
}
.post.type-post table tr:nth-child(even){background-color: #f2f2f2}
.post.type-post table thead tr {
background: #e9e9e9;
}
.post.type-post table tbody,.post.type-post table  td,.post.type-post table  tfoot,.post.type-post table  th,.post.type-post table  thead,.post.type-post table  tr {
padding: 10px;
border-width: 1px;
}
.post.type-post p, .post.type-post li {
font-size: 1.3rem;
}
.post.type-post .entry-title {
padding: 3% 2%;
text-align: center;
}
.post-featured-image {
margin-bottom: 40px;
}
.related-in-box {
font-size: .8rem;
}
.custom-post-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
max-width: 1350px;
margin: 0 auto;
justify-content: space-evenly;
align-items: flex-start;
padding: 40px 20px;
}
.custom-post-item {
width: 30%;
text-align: center;
}
.custom-post-thumbnail img {
width: 100%;
height: auto;
border-radius: 8px;
}
.custom-post-title {
margin-top: 10px;
font-size: 1em;
}
.custom-post-title a {
text-decoration: none;
font-weight: bold;
color: black;
}
#contact-in-post {
margin-top: 5%;
margin-bottom: 5%;
border-radius: 12px;
}
#contact-in-post > .row {
padding: 20px;
max-width: 1000px;
margin: 0 auto;
background: #f9f9f9;
border: 1px solid #efefef;
}
.buton {
background: #CD1B34;
font-size: 1.1rem;
padding: 5px 25px;
border: none;
border-radius: 19px;
color: white;
box-shadow: 3px 4px 16px 1px #bdbbbb;
}
#contact-in-post .col-sm-3 img {
margin-bottom:4%
}
.flickity-viewport::before {
content:"";
left:0;
background: linear-gradient(to right, #111 0%, transparent 100%);
}
.red-button {
border: none;
background: #CD1B34;
font-size: 1.1rem;
padding: 10px 20px;
border-radius: 30px;
color: white;
box-shadow: 3px 6px 0px 0px #00357396
}
.red-button:hover {
background: rgb(255, 36, 36);
}
.blue-button {
background: #003573;
border: none;
font-size: 1.1rem;
padding: 10px 20px;
border-radius: 30px;
color: white;
box-shadow: 3px 6px 0px 0px #dc35458a
}
.blue-button:hover {
background: #024ca1;
}
.red-button:active,.blue-button:active {
box-shadow: none;
}
.website-design-hero-back {
background: url(https://nichewebsites.net/wp-content/uploads/2025/02/bg2-11.png);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
#testimonials {
background: url(https://nichewebsites.net/wp-content/uploads/2025/01/testemonial-background.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
#home-under-services {
padding: 20px;
}
.contact-hero-back {
min-height: 15vh;
}
#contact-icons {
max-width: 1200px;
margin: 0 auto;
min-height: 85vh;
color: white;
padding: 30px;
}
#contact-icons > .row {
margin-top: 10%;
align-items: center;
}
.wpcf7-response-output{
color: black;
text-align: center;
font-size: .8rem;
padding: 10px;
border-radius: 5px;
}
.kontak-form > div {
color: black;
margin-bottom: 10%;
margin-top: 10%;
}
#kontak-form-text h2{
font-size: 3rem;
font-weight: 800;
}
#kontak-form-text a {
color: #fff
}
#kontak-form-text p {
font-size: 1.3rem
}
.site-footer {
padding-right: 0;
}
.about-us-text {
padding: 30px;
max-width: 1200px;
margin: 0 auto;
font-size: 1.3rem;
}
.about-h1 {
background: #212529; 
color:white;
font-weight: 500;
font-size: 3rem;
}
.about-h1 > span {
color: #41A6F1;
font-weight: 800;
font-size: 80%
}
.first-column-h1 {
font-family: 'roboto-regular', sans-serif;
background: #212529; 
color:white;
font-size: 3rem;
padding: 0 1%;
}
.first-column-h1 > span {
font-family: 'roboto-black', sans-serif;
color: #41A6F1;
font-size: 77%;
margin-right: -10px;
}
.first-column h1 {
padding: 5% 3% 0 3%;
}
.hentry {
max-width: 400px;
}
.services-ul {
list-style-type: none;
}
.services-ul li {
position: relative;
}
.services-ul li:before {
content: "\f14a";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #43a8ee;
font-size: 26px;
padding-right: 0.5em;
position: absolute;
top: -8px;
left: -29px;
}
.service-page-cta {
display: flex;
align-items: center;
justify-content: center;
}
.service-page-cta p {
margin-bottom: 0;
font-size: 1.6rem;
max-width: 100%;
padding-left: 25px;
} @media (max-width: 767px) {
.middle-cta-services .blue-button {
width: 100%;
}
.first-column-h1{
font-size: 2.3rem;
}
.middle-section-services img {
padding-bottom: 30px;
}
.heartbeat {
padding: 30px;
}
.kontak-form > div {
text-align: center;
}
.kontak-form > div h3 {
font-size: 1rem
}
.kontak-form > div h2 {
font-size: 1.2rem;
}
#kontak-form-text {
margin-bottom: 15%;
}
#kontak-form-text p {
font-size: 1rem;
}
#kontak-form-text h2{
font-size: 2rem;
}
#footer-top-container {
display: flex;
justify-content: space-around;
align-items: center;
gap: 20px;
border-radius: 0!important;
position: relative;
box-shadow: none!important;
flex-direction: column;
}
.first-column {
position: relative;
height: auto;
}
.first-column h1 {
text-align: center;
}
.first-column h2 {
font-weight: 800;
font-size: 1.8rem;
padding: 5% 3% 0 3%;
line-height: normal;
text-align: center;
}
.first-column h3 {
text-align: center;
}
.first-column p {
font-size: 1.2rem;
margin-top: 5%;
padding: 0 3% 0 3%;
text-align: center;
}
.second {
padding: 40px 0;
}
.service-middle-card p {
font-size: 1rem;
}
.custom-post-list {
display: flex;
flex-wrap: nowrap;
gap: 20px;
max-width: 1350px;
margin: 0 auto;
justify-content: space-evenly;
align-items: stretch;
padding: 40px 20px;
font-size: 13px;
flex-direction: column;
}
.custom-post-item {
width: 100%;
}
#home-services>h2, .package-heading>h2 {
font-size: 1.6rem;
}
#home-services>p, .package-heading p {
font-size: 1rem;
margin-bottom: 10%;
}
#testimonials {
padding: 5%;
}
.footerrow {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 80px 60px 0 60px;
background: #ededed;
border-top: 4px dotted #ffffff;
flex-wrap: wrap;
}
.footerform {
text-align: center;
width: 100%;
}
.img-fluid {
max-width: 250px!important;
}
.hero h1 {
font-size: 2rem;
}
.hero.container {
padding: 5%;
}
.hero.container .col-sm-6 {
margin-bottom: 15%;
margin-top: 3%
}
.hero.container > .row {
flex-direction: column-reverse;
justify-content: flex-end;
min-height: auto;
}
.marquee-content .fab {
font-size: 70%;
}
.marquee {
height: 60px;
}
.home-service-boxes>div {
width: 100%;
}
.home-service-boxes {
flex-wrap: wrap;
}
#home-services, .middle-section-services {
padding: 15% 5%;
}
#home-under-services > .row {
flex-direction: column;
}
#our-agency > .row {
flex-direction: column-reverse;
justify-content: flex-end;
}
.carouselImage {
width: 98%;
}
.red-button,.blue-button {
width: 100%;
}
}
.grecaptcha-badge { 
visibility: hidden !important;
}
.woocommerce-checkout .hentry, .woocommerce-cart .hentry {
max-width: 100%;
margin-top: 5%;
margin-bottom: 5%;
}
.testimonials {
padding-top: 30px;
padding-bottom: 30px;
margin-top: 50px
}
.testimonials h2 {
text-align: center;
}
.items {
width: 90%;
margin: 0px auto;
margin-top: 30px
}
.card {
position: relative;
display: flex;
width: 350px;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid #d2d2dc;
border-radius: 11px;
-webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
-moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
}
.card .card-body {
padding: 1rem 1rem;
}
.card-body {
flex: 1 1 auto;
padding: 1.25rem
}
.profile {
margin-top: 16px;
margin-left: 11px;
}
.profile-pic {
width: 58px;
}
.cust-name {
font-size: 18px;
}