@font-face { font-family: 'PTSans'; src: url('https://cdn.dearnex.cloud/s/files/2efa4a50/885b/4391/9357/3b029ddfddfb/assets/fonts/PTSans-Regular.ttf'); font-weight: normal; } @font-face { font-family: 'PTSans'; src: url('https://cdn.dearnex.cloud/s/files/2efa4a50/885b/4391/9357/3b029ddfddfb/assets/fonts/PTSans-Bold.ttf'); font-weight: bold; } @font-face { font-family: 'Montserrat'; src: url('https://cdn.dearnex.cloud/s/files/2efa4a50/885b/4391/9357/3b029ddfddfb/assets/fonts/montserrat.ttf'); font-weight: 100 1000; font-style: normal; } body { font-family: Montserrat,sans-serif; overflow-x: hidden; } .btn { border-radius: 0; font-size: 18px; line-height: 26px; font-weight: 500; padding: 0.8rem 1.3rem; } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-weight: 600; } p { font-size: 16px; } .section-gap { padding: 2.5rem 0; } .section-no-gap { margin-top: -2.5rem; } .header { font-family: 'PTSans',sans-serif; } .header .navbar-top { padding: 0; background-color: #e0e0e0; } .header .navbar-top .support { padding: 0.75rem 0; font-size: 14px; line-height: 24px; color: #191919; } .header .navbar-top .support a { color: #191919; } .header .navbar-top .support .icon { margin-right: 5px; color: #c08246; font-size: 75%; } .header .navbar-top .contact { padding: 0; background-color: transparent; } .header .navbar-top .contact .btn { padding: 0.75rem 1.5rem; text-transform: uppercase; font-weight: normal; font-size: 14px; } .header .logo { background-color: #f8f8f8; } .header .logo-img { max-height: 150px; } .header .navbar-bottom { position: relative; z-index: 1; padding: 0; background-color: #272727; color: #ffffff; overflow-x: hidden; } .header .navbar-bottom .nav-link { padding: 1rem 1.25rem; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #ffffff; } .header .navbar-bottom .nav-link:hover { color: #c08246; } .header .navbar-bottom .nav-link.active { color: #916236; } .header .navbar-social { position: relative; padding: 0 1rem; } .header .navbar-social .nav-link { padding: 1rem 0.5rem; color: #ffffff; } .header .navbar-social .nav-link:hover { color: #c08246; } .header .navbar-social::after { content: ""; display: block; width: 50vw; position: absolute; left: 0; top: 0; bottom: 0; background: #1e1e1e; z-index: -1; } .header .nav-item-basket .nav-link { position: relative; color: #b5b2b2; } .header .nav-item-basket .basket-count { position: absolute; top: 0.7rem; right: 0.3rem; width: 17px; height: 17px; background-color: #ffcd00; color: #000000; border-radius: 50%; line-height: 17px; font-size: 10px; text-align: center; } @media(max-width: 720px) { .header { position: sticky; top: 0; z-index: 1020; } } .navbar-mobile { display: none; } .sidebar-open,.sidebar-open:hover,.sidebar-open:active,.sidebar-open:focus { color: #ffffff; padding: 0; font-size: 30px; } .navbar-mobile .navbar-nav .nav-link { padding: 0.5rem 1rem; color: #ffffff; } .navbar-mobile .navbar-social { width: 100%; margin-top: auto; } .navbar-mobile .navbar-social:after { width: 100%; } .navbar-mobile .navbar-social .nav-link { padding: 1rem 0.5rem; } @media(max-width: 720px) { .navbar-mobile { display: flex; flex-direction: column; position: fixed; top: 0; right: -250px; bottom: 0; width: 250px; background-color: #272727; color: #ffffff; z-index: 1; } } .breadcrumb-wrapper { background-color: #525252; } .breadcrumb { padding: 1.25rem 0; background-color: #525252; } .breadcrumb-item { font-size: 15px; } .breadcrumb-item + .breadcrumb-item::before { color: #ffffff; font-weight: 900; font-family: 'Font Awesome\ 5 Free'; content: "\F061"; margin-top: 1.5px; font-size: 12px; padding-left: 0.5rem; padding-right: 0.75rem; } .breadcrumb-item.active { font-weight: bold; color: #cfcfcf; } .breadcrumb-item a { font-weight: bold; color: #ffffff; } .video { aspect-ratio: 16 / 9; width: 100%; } .cta { color: #000000; } .cta .title { font-size: 18px; line-height: 30px; margin-bottom: 0.35rem; font-weight: 600; } .cta .description { font-family: 'PTSans',sans-serif; font-size: 16px; margin: 0; } a.cta:hover { cursor: pointer; text-decoration: none; color: #000000; } .cta .cta-image { position: relative; background-color: #f4f4f4; margin-bottom: 0.8rem; height: 350px; background-size: cover; background-repeat: no-repeat; } .cta .cta-image .hover { display: none; } .cta .cta-image .hover .hover-button { background-color: #333333; color: #ffffff; width: 50px; height: 50px; text-align: center; line-height: 50px; } .cta .cta-image:hover .hover { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,205,0,0.8); } .testimonial-body { position: relative; padding: 1.5rem; background-color: #f4f4f4; margin-bottom: 1.5rem; color: #000000; } .testimonial-body:after { content:''; position: absolute; top: 100%; left: 50%; margin-left: -10px; width: 0; height: 0; border-top: solid 10px #f4f4f4; border-left: solid 10px transparent; border-right: solid 10px transparent; } .testimonial .rating { font-size: 16px; margin-bottom: 5px; } .testimonial .rating .active { color: #ffcd00; } .testimonial .rating .inactive { color: #000000; } .testimonial .quote-main { font-style: italic; font-size: 16px; line-height: 28px; } .testimonial .quote-author { font-size: 15px; line-height: 24px; font-style: italic; } .testimonial .quote-image { display: inline-block; width: 60px; height: 60px; border-radius: 50%; background-color: #f4f4f4; text-align: center; line-height: 60px; font-size: 25px; color: #dedede; } .quote-wrapper .show-more { display: none; } .quote-wrapper.quote-fade { position: relative; height: 250px; overflow: hidden; } .quote-wrapper.quote-fade::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 150px; background-image: linear-gradient(to top,#f4f4f4,transparent); z-index: 1; } .quote-wrapper.quote-fade .show-more { display: block; position: absolute; left: 0; right: 0; bottom: 0; padding: 0; color: #000; font-weight: bold; z-index: 2; } .contact { padding: 3rem 0; background-color: #ffffff; } .contact .contact-lead { font-size: 18px; line-height: 26px; color: #000000; } .contact .contact-lead a { text-decoration: underline; color: #979797; } .contact .contact-lead a:hover { color: #ffcd00; } .contact .contact-icon { width: 60px; height: 60px; background-color: #ffcd00; color: #000000; font-size: 20px; line-height: 60px; text-align: center; border-radius: 50%; } .contact .contact-title { font-size: 18px; font-weight: 600; line-height: 26px; color: #000000; margin: 20px 0 7px 0; text-transform: uppercase; } .contact .contact-content { font-size: 16px; line-height: 26px; color: #000000; margin: 0; } .footer { font-family: 'PTSans',sans-serif; background-color: #333333; color: #939393; } .footer .title { color: #ffcd00; font-size: 18px; line-height: 26px; border-bottom: 1px solid #464646; padding: 1rem 0; margin-bottom: 1rem; } .footer a { color: #ffffff; } .footer a:hover { color: #ffcd00; } .footer .box { border: 1px solid #464646; } .footer .opening-times { font-size: 0.85rem; } .footer .opening-times .active { color: #ffffff; } .footer .nav-contact .nav-link { padding: 0.35rem 0; font-size: 16px; line-height: 26px; border-bottom: 1px solid #404040; color: #939393; border-radius: 0; } .footer .nav-contact .nav-item:last-child .nav-link { border-bottom: none; } .footer .nav-contact .nav-link:hover { color: #ffcd00; } .footer .nav-contact .nav-link .fa { font-size: 10px; color: #ffffff; line-height: 26px; margin-right: 0.5rem; } .footer .nav-contact .nav-link .fa:hover { color: #ffffff; } .footer .contact-block { margin-bottom: 0.5rem; color: #ffffff; } .footer .contact-block .icon > div { margin-top: 5px; color: #ffcd00; width: 20px; font-size: 12px; } .footer .news .date { font-size: 14px; } .copyright { background-color: #252525; color: #ffffff; font-size: 13px; overflow-x: hidden; } .copyright a { color: #ffcd00; } .copyright a:hover { color: #ffcd00; } .copyright .social { position: relative; z-index: 1; padding-left: 1rem; } .copyright .social:after { content: ""; display: block; width: 50vw; position: absolute; left: 0; top: 0; bottom: 0; background: #1e1e1e; z-index: -1; } .copyright .social .nav-link { color: #ffffff; font-size: 18px; padding: 0 0.5rem; } .copyright .social .nav-link:hover { color: #ffcd00; } @media(max-width: 720px) { .copyright .social:after { width: 100%; } .copyright .social .nav-link { padding: 1rem 0.5rem; } } .hero { position: relative; padding: 5rem 0; background-color: #343434; min-height: 400px; } .hero .title { font-size: 3rem; font-weight: bolder; color: #ffffff; text-shadow: 2px 2px rgba(0,0,0,0.5); } .hero .lead { font-weight: bolder; color: #ffffff; font-size: 2.5rem; text-shadow: 2px 2px rgba(0,0,0,0.5); } .hero .title strong,.hero .lead strong,.hero .title ins,.hero .lead ins { color: #ffcd00; } .hero .banner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center;; } .hero::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.15); } .hero .content { position: relative; z-index: 1; } @media(max-width: 1280px) { .hero .banner { background-position: center right; } } @media(max-width: 768px) { .hero .banner { background-position: center; } } .newsletter-container { padding: 2.5rem; background-color: #f4f4f4; color: #000000; } .newsletter-container .newsletter-icon { width: 200px; } .newsletter-container .newsletter-content { flex-grow: 1; } .newsletter .form-control { background-color: #f8f8f8; border: #929292; color: #000000; } .about-us { background-color: #f3f3f3; } .about-us .project { display: block; color: #000000; } .about-us .project:hover { cursor: pointer; text-decoration: none; } .about-us .project-image { position: relative; background-color: #d8d8d8; height: 140px; background-size: cover; background-repeat: no-repeat; } .about-us .project-image .hover { display: none; -webkit-transition: background-color .5s ease-out; -moz-transition: background-color .5s ease-out; -o-transition: background-color .5s ease-out; transition: background-color .5s ease-out; } .about-us .project-image .hover .hover-button { background-color: #333333; color: #ffffff; width: 50px; height: 50px; text-align: center; line-height: 50px; } .about-us .project:hover .project-image .hover { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,205,0,0.8); } .content-box { display: flex; } .content-box .content-icon { width: 60px; height: 60px; background-color: #ffcd00; color: #000000; font-size: 20px; line-height: 60px; text-align: center; border-radius: 50%; } .content-box .content-title { font-size: 18px; line-height: 26px; font-weight: bold; color: #000000; margin: 20px 0 20px 0; text-transform: uppercase; } .content-box .content { font-size: 16px; line-height: 26px; color: #000000; margin: 0; } .product-item .product-image { position: relative; background-color: #f4f4f4; max-height: 500px; } .product-item .product-image:after { padding-bottom: 0 !important; } .product-item .product-image:hover { cursor: pointer; text-decoration: none; } .product-item .product-image .hover { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .product-item .product-image .hover .hover-button { background-color: #333333; color: #ffffff; width: 50px; height: 50px; text-align: center; line-height: 50px; } .product-item .product-image:hover .hover { display: block; background-color: rgba(199,199,199,0.8); } .product-item .btn-product:hover { background-color: #333333; color: #ffffff; border-color: transparent; } .product-item .product-title { font-size: 1.2rem; line-height: 1.3750; font-weight: 600; color: #000000; } .product-item .product-price { margin-top: 0.25rem; font-size: 1rem; font-weight: 600; color: #000000; } .product-item .product-price strike { font-size: 0.9rem; color: #a3a3a3; } .section { margin-bottom: 2rem; } .section-title { border-bottom: 2px solid #eaeaea; margin-bottom: 1rem; } .section-title h2 { margin: 0 0 0.5rem 0; font-size: 1.3750rem; color: #000000; font-weight: 600; } .section p { font-size: 1rem; color: #000000; font-weight: 500 } .section a { font-size: 1rem; color: #000000; font-weight: 500; text-decoration: underline; } .section-list { margin: 0; padding: 0; list-style: none; } .section-list .section-list-link .icon { display: inline-block; font-size: 0.7rem; margin-right: 0.5rem; } .section-list .section-list-link { display: block; padding: 0.5rem 0; border-bottom: 1px solid #f3f3f3; color: #333333; font-weight: 500; font-size: 0.9rem; text-decoration: none; } .section-list .section-list-link:hover { text-decoration: underline; } .form-control { font-family: 'PTSans',sans-serif; background-color: #eaeaea; border-radius: 0; border: none; padding: 0.75rem 1rem; font-size: 1rem; height: calc(2em + 1rem + 2px) } .form-control:focus,.form-control:active { background-color: #eaeaea; } .form-control-rounded { padding: 0.75rem 1.5rem; border-radius: 25px; } .form-control-filter { font-family: 'PTSans',sans-serif; background-color: #ffffff; color: #a7a7a6; border-radius: 0; border: none; padding: 0.25rem 0.75rem; font-size: 1rem; height: calc(1em + 1rem + 2px) } .form-control-filter:focus,.form-control-filter:active { background-color: #ffffff; } .owl-carousel .owl-nav { } .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); padding: 1rem !important; font-size: 2rem; color: #000; } .owl-carousel .owl-nav button.owl-prev { left: 0; background: linear-gradient(to right,#fff,transparent); } .owl-carousel .owl-nav button.owl-next { right: 0; background: linear-gradient(to left,#fff,transparent); } @media (max-width: 768px) { .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next { font-size: 1rem; } .owl-carousel .owl-nav button.owl-prev { padding-left: 0 !important; } .owl-carousel .owl-nav button.owl-next{ padding-right: 0 !important; } } .carousel-banner-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .carousel-banner-content img,.carousel-banner-content video { display: block; width: 100% !important; height: 100%; object-fit: cover; } .carousel-content { padding: 1.5rem 0; } .carousel-banner-content-mobile { position: relative; } @media(min-width:992px) { .carousel-banner-content { position: relative; } .carousel-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; } } .email-request-form { margin-top: 2.5rem; } @media(min-width:992px) { .email-request-form { margin: 0 auto; position: relative; top: -50%; transform: translateY(-50%); } } .company-profile { padding: 2.5rem 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .company-profile-content { } .company-profile-content p:last-child { margin: 0; } .course-tabs .nav-item .nav-link.active { background-color: #c08246; color: #fff; }