* {
outline: none !important;
text-decoration: none !important;
}
body {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 30px;
font-weight: 400;
font-family: "Montserrat", sans-serif;
color: #707070;
}
html,
body {
height: 100%;
}
.main-wrapper {
position: relative;
overflow-x: hidden;
}
ul,
ol,
li {
padding: 0;
margin: 0;
list-style: none;
}
a {
color: #4B4B4B;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a:hover {
text-decoration: none;
color: #4B4B4B;
}
a:focus,
input:focus,
button:focus,
select:focus,
button:focus,
textarea:focus {
outline: none;
}
img {
width: auto;
max-width: 100%;
display: block;
height: auto;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #07001c;
margin-bottom: 10px;
font-family: "Russo One", sans-serif;
}
.heading {
font-family: "Russo One", sans-serif;
}
h1,
.h1 {
font-size: 45px;
line-height: 120%;
}
h2,
.h2 {
font-size: 40px;
line-height: 115%;
}
h3,
.h3 {
font-size: 36px;
line-height: 120%;
}
h4,
.h4 {
font-size: 38px;
line-height: 120%;
}
h5,
.h5 {
font-size: 24px;
line-height: 35px;
}
h6,
.h6 {
font-size: 18px;
line-height: 24px;
}
p {
margin-bottom: 20px;
}
p:last-child {
margin-bottom: 0 !important;
}
button {
border: none;
transition: all 0.4s ease 0s;
background: transparent;
}
.container {
max-width: 1170px;
}
.container.wide {
max-width: 1200px;
}
strong {
font-weight: 700;
}
.cta-btn {
display: inline-flex;
text-align: center;
justify-content: center;
align-items: center;
padding: 8px 34px;
font-weight: 400;
background: #f00;
color: #FFFFFF;
font-size: 16px;
font-family: "Russo One";
border: 0px!important;
}
.cta-btn:hover {
background: #a81e1a;
color: #FFFFFF;
}
.cta-btn-border {
display: inline-flex;
text-align: center;
justify-content: center;
align-items: center;
padding: 8px 40px;
font-weight: 400;
margin-top: 10px;
background: transparent;
border: 1px solid #f00;
color: #f00;
font-size: 16px;
font-family: "Russo One";
}
.cta-btn-border:hover {
background: #f00;
color: #FFFFFF;
}
.cta-btn-white {
display: inline-flex;
text-align: center;
justify-content: center;
align-items: center;
padding: 8px 40px;
font-weight: 700;
background: #fff;
color: #f00;
border: 1px solid transparent;
font-size: 15px;
}
.cta-btn-white:hover {
background: #07001c;
color: #FFFFFF;
}
.btn_border_white {
display: inline-flex;
text-align: center;
justify-content: center;
align-items: center;
padding: 8px 40px;
font-weight: 700;
background: transparent;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 15px;
}
.btn_border_white:hover {
background: #fff;
color: #f00;
}
.section_cta {
margin-top: 30px;
}
@media (max-width: 991px) {
br:not(.c_info br) {
display: none;
}
.cta-btn {
padding: 10px;
font-size: 14px;
}
.btn_border_white {
padding: 10px;
font-size: 14px;
}
.cta-btn-white {
padding: 10px;
font-size: 14px;
}
.cta-btn-border {
padding: 10px;
font-size: 14px;
}
}
@media (max-width: 991px) {
h1, .h1 {
font-size: 40px;
}
h2, .h2 {
font-size: 30px;
}
h3, .h3 {
font-size: 22px;
}
h4, .h4 {
font-size: 22px;
line-height: 120%;
}
h5, .h5 {
font-size: 18px;
line-height: 28px;
}
}
@media (max-width: 575px) {
.cta-btn {
padding: 10px 15px;
}
.btn_border_white {
padding: 10px 15px;
}
.cta-btn-white {
padding: 10px 15px;
}
.cta-btn-border {
padding: 10px 15px;
}
}
.header-area {
padding: 15px 0;
position: relative;
}
.header-area .site-logo {
width: 244px;
background: #fff;
box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.16);
margin: -15px 0 -35px;
position: relative;
z-index: 222;
padding: 15px;
}
.header-area .header-navigation {
}
.header-area .mainmenu li {
display: inline-block;
margin: 0 7px;
}
.header-area .mainmenu li a {
font-family: "Russo One", sans-serif;
font-weight: 400;
font-size: 14px;
text-align: left;
color: #07001c;
}
.header-area .mainmenu li a:hover {
color: #f00;
}
.header-area .call {
margin-right: 20px;
}
.header-area .call .title {
display: none;
}
.header-area .call img {
margin-right: 5px;
}
.header-area .call {
margin-right: 20px;
background: #f00;
color: #fff !important;
font-family: "Russo One";
font-weight: normal;
font-size: 16px;
text-align: left;
color: #fff;
text-transform: none;
padding-left: 18px;
padding-right: 18px;
}
.header-area .call svg {
margin: 0 10px;
}
.header-toggle {
display: none;
height: 46px;
width: 46px;
text-align: center;
margin-left: 10px;
}
.header-toggle span {
height: 2px;
width: 100%;
background: #000;
display: block;
margin-top: 5px;
position: relative;
transition: all 0.2s ease 0s;
border-radius: 5px;
margin-right: auto;
margin-left: 0;
}
.header-toggle span:nth-child(1) {
top: 4px;
}
.header-toggle span:nth-child(2) {
top: 6px;
}
.header-toggle span:nth-child(3) {
top: 8px;
}
#menu-toggle {
width: 42px;
height: 42px;
display: block;
position: relative;
background: transparent;
padding: 4px 8px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1200px) {
.header-toggle {
display: block;
}
nav#menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 999;
min-height: 100vh;
opacity: 0;
visibility: hidden;
transition: 0.3s all;
text-align: center;
}
nav#menu.active {
opacity: 1;
visibility: visible;
transition: 0.3s all;
}
.mainmenu ul {
text-align: center;
}
nav#menu {
overflow: hidden;
max-height: 0;
background: #07001c;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
text-align: center;
}
nav#menu,
nav#menu > ul ul {
overflow: auto;
padding: 50px 20px;
padding-top: 15px;
}
nav#menu > ul > li {
display: block !important;
margin: 0 !important;
padding: 0;
position: relative;
}
nav#menu ul ul,
nav#menu ul ul ul {
display: inherit;
position: relative;
left: auto;
top: auto;
padding: 0;
}
nav#menu > ul > li > span {
width: 40px;
height: 35px;
position: absolute;
right: 0;
top: 6px;
z-index: 2;
}
nav#menu ul ul.sub-menu.active {
visibility: visible;
opacity: 1;
max-height: 55em;
}
nav#menu > ul > li > a {
display: block;
position: relative;
padding: 10px 0px;
color: #fff;
font-size: 18px;
opacity: 1;
}
nav#menu > ul > li:last-child > a {
border: none;
}
.mainmenu ul li > ul {
border: none;
}
nav#menu li.has-submenu > a:after {
border: none;
content: "+";
position: absolute;
top: 10px;
right: 9px;
display: block;
top: 50%;
transform: translateY(-50%);
width: auto;
height: auto;
font-size: 30px;
font-weight: 400;
}
.sub-menu::before {
height: 90% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
.sub-menu::after {
display: none;
}
nav#menu li.has-submenu > a.active:after {
content: "-";
font-size: 20px;
}
nav#menu ul ul > li a {
padding: 10px 0px;
line-height: normal;
color: #fff;
font-size: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
ul.sub-menu {
padding-left: 20px;
}
.header-toggle .active span:nth-child(2) {
opacity: 0;
}
.header-toggle .active span:nth-child(1) {
top: 14px;
transform: rotate(45deg);
}
.header-toggle .active span:nth-child(3) {
top: 0px;
transform: rotate(-45deg);
}
.header-toggle {
display: block;
}
nav#menu > ul ul {
background: transparent;
box-shadow: none;
width: 100%;
padding-left: 15px;
}
.header-area {
padding: 14px 0;
}
.header-area .header-navigation {
padding: 0;
}
.header-area .action {
margin: 0;
}
.header-area::after {
height: 15px;
}
.header-area .site-logo {
width: 55px;
}
.header-area .call {
}
.header-area .call .title {
display: block;
color: #f00;
font-weight: 700;
font-size: 14px;
}
.header-area .call a {
font-size: 18px;
font-weight: 600;
line-height: 20px;
}
.menulogo {
width: 170px;
margin: 0 auto;
margin-bottom: 20px;
}
.closeMenu {
position: absolute;
right: 20px;
top: 20px;
z-index: 11;
}
body.act {
overflow: hidden;
}
.mCall {
flex-direction: row !important;
justify-content: center;
margin: 30px 0 !important;
}
.mCall img {
margin-right: 15px !important;
}
.mCall a {
color: #FFFFFF !important;
}
.dn_12 {
display: none !important;
}
.df_12 {
display: flex !important;
}
.db_12 {
display: block !important;
}
}
footer {
background: #07001c url(../img/footer-bg.svg) no-repeat center top /cover;
}
footer .client-logo {
background: transparent;
position: relative;
z-index: 1;
}
footer .client-logo::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #000000;
opacity: 0.24;
z-index: -1;
}
.footer-top {
padding: 60px 0;
}
.footer-top .footer-logo {
width: auto;
}
.footer-top .footer_title {
color: #FFFFFF;
font-size: 20px;
display: block;
margin-bottom: 10px;
font-family: "Russo One";
}
.footer-top .footer_links li {
margin-bottom: 5px;
}
.footer-top .footer_links li a {
color: #808098;
font-size: 14px;
line-height: 25px;
}
.footer-top .footer_links li a:hover {
color: #FFFFFF;
}
.footer-top p {
color: #808098;
font-size: 15px;
line-height: 25px;
margin-bottom: 10px;
}
.footer-top .footer-widget.alt {
margin-top: 30px;
}
.footer_social li {
display: inline-block;
margin-right: 10px;
}
.footer_social li:last-child {
margin-right: 0;
}
.footer_social li a:hover {
transform: translateY(-4px);
}
.copyright {
padding: 14px 0;
position: relative;
z-index: 1;
}
.copyright p {
color: #808098;
font-size: 14px;
}
.copyright a {
color: #808098;
}
.copyright::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #000000;
opacity: 0.24;
z-index: -1;
}
@media (max-width: 767px) {
.footer-top {
padding: 30px 0;
}
.footer-widget {
margin: 15px 0;
}
}
.hero-area {
position: relative;
z-index: 1;
}
.hero-area .hero_bg {
height: 520px;
object-fit: cover;
width: 100%;
object-position: center 65% !important;
}
.hero-area .hero-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.hero-area .cta-btn {
margin-top: 15px;
}
.hero-area .hero_subHeading {
margin-bottom: 0px;
display: block;
}
.hero-area .h1 {
color: #FFFFFF;
max-width: 550px;
text-transform: uppercase;
}
.hero-area .hero_subHeading {
color: #FFFFFF;
}
@media (max-width: 991px) {
.hero-area .hero_bg {
height: 280px;
}
}
@media (max-width: 575px) {
.hero-area .hero_bg {
height: 380px;
}
}
.client-logo {
padding: 80px 0;
}
.feature-boat .head,
.client-logo .head {
max-width: 950px;
margin: 0 auto 50px;
}
.client-logo .inner {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
flex: 1;
}
.client-logo .inner .items {
padding: 0 30px;
height: 50px ;
display: flex !important;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) {
.client-logo {
padding-top: 60px;
padding-bottom: 60px;
}
}
.feature-boat {
padding: 70px 0;
}
.feature-boat .section_action {
margin-top: 20px;
}
.boat-list-slider .slide {
padding: 0 20px;
padding-bottom: 20px;
}
.boat-list-slider .slick-list {
margin-left: -20px;
margin-right: -20px;
}
.boat-list-slider .slick-arrow {
width: 50px;
height: 50px;
opacity: 1;
transition: all 0.4s;
border: 2px solid #081A23;
}
.boat-list-slider .slick-arrow:hover {
background:#081A23
}
.boat-list-slider .slick-arrow:hover path{
fill:white
}
.boat-list-slider .slick-arrow::before {
display: none;
}
.boat-list-slider .slick-prev {
left: -80px;
}
.boat-list-slider .slick-next {
right: -80px;
}
.more-dealer-slider .slide {
padding: 0 10px;
padding-top: 30px;
}
.more-dealer-slider .slick-list {
margin-left: -10px;
margin-right: -30px;
padding-right: 100px;
}
.more-dealer-slider .slick-arrow {
width: auto;
height: auto;
opacity: 0.6;
transition: all 0.4s;
}
.more-dealer-slider .slick-arrow:hover {
opacity: 1;
}
.more-dealer-slider .slick-arrow::before {
display: none;
}
.more-dealer-slider .slick-prev {
left: -50px;
}
.more-dealer-slider .slick-next {
right: -50px;
}
.box.style1 img {
height: 240px;
object-fit: cover;
width: 100%;
}
.box.style1 .text {
margin-top: 20px;
padding: 0 20px;
}
.box.style1 .title {
margin-bottom: 4px;
font-family: "Russo One";
font-weight: normal;
font-size: 20px;
line-height: 25px;
text-align: left;
color: #07001c;
}
.box.style1 .price {
font-family: "Russo One";
font-weight: normal;
font-size: 12px;
line-height: 12px;
text-align: left;
color: #07001c;
}
.box.style1 .text > span:last-of-type {
font-size: 16px;
text-align: left;
color: #081a23;
}
.box.style1 .text > span:last-of-type svg {
margin-left: 6px;
}
.more-dealer-slider .price {
font-size: 18px !important;
}
.more-dealer-slider .box.style1 img {
height: 175px;
}
.more-dealer-arrows {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 20px;
}
.more-dealer-arrows .slick-arrow {
position: inherit;
top: auto;
left: auto;
bottom: auto;
right: auto;
width: auto;
height: auto;
transform: translate(0, 0);
}
.more-dealer-arrows .slick-arrow::before {
display: none;
}
.more-dealer-arrows svg {
height: 26px;
}
@media (max-width: 991px) {
.feature-boat {
padding: 50px 0;
}
}
@media (max-width: 1200px) {
.boat-list-slider .slick-list {
padding-right: 100px;
margin-left: 40px;
}
.boat-list-slider .slick-next {
left: 0;
top: 43%;
right: auto;
transform: rotate(180deg);
}
.boat-list-slider .slick-prev {
display: none;
}
.boat-list-slider .slide {
padding: 0 8px;
padding-top: 20px;
}
.box.style1 img {
height: 190px;
}
.box.style1 .price {
font-size: 18px;
}
}
.perfect-boat {
background: linear-gradient(180deg, rgb(230, 243, 245) 0%, rgb(255, 255, 255) 100%);
padding: 70px 0 490px;
margin-bottom: -390px;
position: relative;
}
.perfect-boat .bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
opacity: 0.1
}
.perfect-boat .container {
position: relative;
z-index: 2;
}
.perfect-boat .heading {
}
.perfect-boat .box {
box-shadow: -9px 14px 32px rgba(0, 0, 0, 0.27);
padding: 30px;
background: #fff;
border-radius: 20px;
margin-top: 30px;
color: #07001c;
min-height: 130px;
}
.perfect-boat .box:hover {
transform: translateY(-12px);
}
.perfect-boat .section_action {
margin-top: 20px;
}
.perfect-boat .cta-btn {
margin-top: 20px;
}
@media (max-width: 991px) {
.service-parts .cta-btn {
margin-top: 20px;
}
.perfect-boat {
padding: 50px 0 490px;
}
.perfect-boat .box {
padding: 20px 40px;
min-height: 100px;
line-height: 22px;
}
}
.service-parts {
padding-bottom: 70px;
position: relative;
}
.service-parts .cta-btn {
margin-top: 35px;
}
.service-parts .heading {
}
.service-parts .heading-alt {
}
.service-parts .box {
position: relative;
}
.service-parts .box > img {
width: 100%;
height: 100%;
object-fit: cover;
}
/*
.service-parts .box::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.87;
background: url('data:image/svg+xml,');
}*/
.service-parts .box .inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
.service-parts .box .inner .icon {
margin-bottom: 20px;
height: 60px;
}
.service-parts .box .inner .icon img {
height: 100%;
}
.service-parts .box .title {
color: #FFFFFF;
font-size: 28px;
line-height: 110%;
}
@media (max-width: 991px) {
.service-parts {
padding-bottom: 50px;
}
.service-parts .text {
margin-bottom: 30px;
}
.service-parts .box .inner {
padding: 25px;
}
.service-parts .box .inner .icon {
height: 45px;
}
.service-parts .box .title {
font-size: 22px;
}
}
@media (max-width: 575px) {
.service-parts .box .inner {
padding: 15px;
}
.service-parts .box .inner .icon {
height: 35px;
}
.service-parts .box .title {
font-size: 18px;
}
}
.about-area {
background: #D8E9EE;
}
.about-area .heading {
}
.about-area .container {
padding: 140px 15px;
position: relative;
}
.about-area .about_img {
position: absolute;
left: -180px;
width: 80%;
top: -75px;
}
.about-area .cta-btn {
min-width: 260px;
}
.about-area .cta-btn-border {
min-width: 260px;
margin-bottom: 10px;
}
@media (max-width: 991px) {
.about-area .container {
padding: 50px 15px;
}
}
@media (max-width: 575px) {
.about-area .container {
padding-bottom: 0;
}
.about-area .image {
margin-top: 30px;
}
}
.boat-breands {
padding: 80px 0 70px;
background: #D8E9EE;
}
.boat-breands .heading {
}
.brand-slider .slide {
padding: 40px 15px;
}
.brand-slider .slick-list {
margin-left: -15px;
margin-right: -15px;
}
.brand-slider .box {
position: relative;
display: block;
}
.brand-slider .box .brand-logo {
position: absolute;
padding: 40px;
left: 0;
top: 0;
width: 100%;
}
.brand-slider .box .brand-logo img {
height: 45px;
margin: auto;
}
.brand-slider .box:hover {
transform: scale(1.1);
transform-origin: center center;
}
.brand-slider .slick-arrow {
z-index: 1;
width: auto;
height: auto;
}
.brand-slider .slick-arrow::before {
display: none;
}
.brand-slider .slick-arrow svg {
width: 65px;
}
.brand-slider .slick-prev {
left: 0;
}
.brand-slider .slick-next {
right: 0;
}
@media (max-width: 991px) {
.boat-breands {
padding: 50px 0;
}
.boat-breands .slide {
padding: 30px 5px;
}
.boat-breands .slick-arrow svg {
width: 40px;
}
.boat-breands .box .brand-logo {
padding: 15px;
}
.boat-breands .box .brand-logo img {
height: 20px;
}
}
.image-cta {
background: #D8E9EE;
padding-top: 30px;
}
.image-cta .inner {
height: 420px;
position: relative;
z-index: 1;
}
.image-cta .inner > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.image-cta .inner .cta_shadow {
position: absolute;
bottom: -63px;
right: 0;
width: 100%;
height: 150px;
object-fit: contain;
z-index: -1;
}
.image-cta .meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
background: rgba(0, 0, 0, 0.1764705882);
}
.image-cta .meta img {
height: 70px;
margin-right: 50px;
}
.image-cta .meta .title {
color: #FFFFFF;
}
@media (max-width: 1200px) {
.image-cta .inner {
height: 320px;
}
.image-cta .meta {
padding: 20px;
}
.image-cta .meta img {
height: 60px;
margin-right: 20px;
}
.image-cta .meta .title {
font-size: 24px;
margin: 0;
}
}
@media (max-width: 767px) {
.image-cta .inner {
height: 220px;
}
.image-cta .meta {
padding: 10px;
}
.image-cta .meta img {
height: 30px;
margin-right: 20px;
}
.image-cta .meta .title {
font-size: 17px;
margin: 0;
}
}
.footer-banner {
margin-top: -400px;
background: #D8E9EE;
}
.footer-banner.bg_white {
background: #fff;
}
@media (min-width: 1201px) {
body.home .footer-banner {
margin-top: -530px;
}
}
@media (max-width: 1200px) {
.footer-banner {
margin-top: -220px;
}
}
@media (max-width: 991px) {
.footer-banner {
margin-top: -100px;
height: 315px;
}
.footer-banner img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media (max-width: 767px) {
.footer-banner {
margin-top: -100px;
height: 215px;
}
}
.inventory-area {
padding: 70px 0;
}
.inventory-area .sidebar {
background: #f0f9ff;
}
.inventory-area .sidebar .head {
background: #07001c;
padding: 15px 22px;
}
.inventory-area .sidebar .heading {
font-size: 18px;
color: #FFFFFF;
}
.inventory-area .sidebar .reset_btn {
color: #FFFFFF;
padding: 8px 20px;
border: 1px solid #fff;
display: inline-block;
text-align: center;
}
.inventory-area .sidebar .accordion-item {
border: none;
border-bottom: 1px solid #D8E9EE;
background: transparent;
padding: 20px;
}
.inventory-area .sidebar .accordion-item:last-child {
border: none;
}
.inventory-area .sidebar .accordion-item .notes img {
margin-right: 5px;
}
.inventory-area .sidebar .accordion-item .notes a {
font-size: 14px;
color: #07001c;
text-decoration: underline !important;
}
.inventory-area .sidebar .accordion-item .notes a:hover {
text-decoration: none !important;
}
.inventory-area .sidebar .accordion-button {
padding: 0;
background: transparent;
border-radius: 0;
border: none;
box-shadow: none;
font-weight: 700;
color: #363940;
font-size: 17px;
}
.inventory-area .sidebar .accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b8d3d9'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.inventory-area .sidebar .sidebar_widgets {
padding-top: 15px;
}
.inventory-area .sidebar .sidebar_widgets input[type=checkbox] {
display: none;
}
.inventory-area .sidebar .sidebar_widgets input[type=checkbox]:checked ~ label::before {
background: #07001c;
}
.inventory-area .sidebar .sidebar_widgets input[type=checkbox]:checked ~ label::after {
opacity: 1;
visibility: visible;
}
.inventory-area .sidebar .sidebar_widgets label {
color: #363940;
position: relative;
padding-left: 30px;
font-size: 15px;
}
.inventory-area .sidebar .sidebar_widgets label::before {
position: absolute;
content: "";
top: 4px;
left: 0;
width: 20px;
height: 20px;
border: 1px solid #99BBD9;
background: #fff;
border-radius: 4px;
}
.inventory-area .sidebar .sidebar_widgets label::after {
content: "";
display: block;
position: absolute;
top: 7px;
left: 8px;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
visibility: hidden;
}
.inventory-area .sidebar .sidebar_widgets .checkbox {
column-count: 2;
}
.inventory-area .sidebar .sidebar_widgets .checkbox li {
margin-bottom: 5px;
}
.inventory-area .sidebar .sidebar_widgets select {
border: 1px solid #99BBD9;
background: #fff;
padding: 5px 10px;
width: 100%;
border-radius: 4px;
font-size: 15px;
}
.inventoryListing .heading {
font-weight: 500;
font-size: 38px;
margin-bottom: 20px;
}
.inventoryListing .search {
height: 55px;
border: 1px solid #e5eff6;
position: relative;
}
.inventoryListing .search input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
border: none;
padding: 10px 20px;
padding-right: 60px;
}
.inventoryListing .search button {
position: absolute;
top: 0;
right: 15px;
z-index: 1;
height: 100%;
}
.inventoryListing .sortBy {
display: flex;
align-items: center;
}
.inventoryListing .sortBy select {
height: 55px;
border: 1px solid #e5eff6;
position: relative;
margin-left: 10px;
padding: 5px 10px;
font-size: 15px;
}
.inventoryListing .listViwe {
text-align: center;
font-size: 13px;
line-height: 13px;
display: block;
text-transform: uppercase;
}
.inventoryListing .listViwe img {
margin-bottom: 5px;
width: 45px;
margin-left: auto;
margin-right: auto;
}
.inventoryListing .filter_info {
display: flex;
align-items: center;
margin-top: 20px;
}
.inventoryListing .filter_info p {
margin: 0;
margin-right: 20px;
font-size: 15px;
color: #07001c;
}
.inventoryListing .filter_info .paginations {
display: flex;
align-items: center;
}
.inventoryListing .filter_info .paginations li {
display: inline-block;
margin: 0 3px;
}
.inventoryListing .filter_info .paginations li a {
display: block;
width: 30px;
height: 30px;
color: #07001c;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-weight: 600;
}
.inventoryListing .filter_info .paginations li a.active {
background: #e5eff6;
}
.single_listing {
margin-top: 20px;
background: #fff;
border: 1px solid #e5eff6;
}
.single_listing .top {
position: relative;
padding: 20px;
padding-left: 260px;
}
.single_listing .top .thumbs {
position: absolute;
left: 0;
width: 240px;
top: 0;
height: 100%;
overflow: hidden;
}
.single_listing .top .thumbs img {
position: absolute;
left: 0;
width: 100%;
top: -11px;
height: calc(100% + 22px);
object-fit: cover;
}
.single_listing .top .featured_tag {
position: absolute;
left: -15px;
top: 20px;
z-index: 1;
padding: 10px 20px;
font-weight: 600;
color: #FFFFFF;
background: linear-gradient(180deg, rgb(41, 63, 112) 0%, rgb(39, 141, 180) 100%);
padding-left: 35px;
letter-spacing: 1px;
font-size: 15px;
}
.single_listing .top .featured_tag::after {
position: absolute;
bottom: -18px;
left: 0px;
width: 14px;
height: 18px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.247' height='10.313' viewBox='0 0 10.247 10.313'%3E%3Cpath id='Path_53' data-name='Path 53' d='M-6204,509.979V499.665h-10.247Z' transform='translate(6214.247 -499.665)' fill='%23295482'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: top right;
content: "";
background-size: contain;
}
.single_listing .title {
font-size: 24px;
line-height: normal;
margin-bottom: 0;
}
.single_listing p {
font-size: 14px;
margin-bottom: 5px;
}
.single_listing .feature_list {
margin-top: 15px;
}
.single_listing .feature_list ul {
column-count: 2;
}
.single_listing .feature_list ul li {
display: flex;
align-items: center;
font-size: 14px;
line-height: 24px;
margin: 2px 0;
}
.single_listing .feature_list ul li span {
font-weight: 500;
min-width: 100px;
}
.single_listing .head {
position: relative;
padding-right: 100px;
}
.single_listing .head .share {
position: absolute;
top: -9px;
right: 0px;
display: flex;
align-items: center;
font-size: 14px;
color: #87B8C5;
}
.single_listing .head .share img {
margin-right: 5px;
}
.single_listing .actions {
display: flex;
border-top: 1px solid #e5eff6;
}
.single_listing .actions a {
flex: 1;
display: flex;
align-items: center;
background: #f0f9ff;
font-size: 12px;
font-weight: 500;
color: #07001c;
padding: 10px;
justify-content: center;
border-right: 1px solid #e5eff6;
}
.single_listing .actions a img {
margin-right: 5px;
height: 13px;
}
.single_listing .actions a:last-child {
color: #FFFFFF;
background: #f00;
border: none;
}
@media (max-width: 1200px) {
.inventory-area .sidebar .reset_btn {
padding: 8px 10px;
font-size: 14px;
}
.single_listing .top {
padding-left: 210px;
}
.single_listing .top .thumbs {
width: 190px;
}
.single_listing .actions a {
padding: 7px 3px;
font-size: 12px;
}
.single_listing .actions a img {
width: 13px;
}
.single_listing .feature_list ul li {
font-size: 12px;
line-height: 20px;
}
}
@media (max-width: 991px) {
.inventory-area {
padding: 50px 0;
}
.inventory-area .sidebar .accordion-button {
font-size: 15px;
}
.inventory-area .sidebar .heading {
font-size: 16px;
}
.inventoryListing .heading {
font-size: 28px;
}
.inventoryListing .filter_info {
display: block;
text-align: center;
}
.inventoryListing .filter_info p {
font-size: 12px;
margin-right: 0;
margin-bottom: 15px;
}
.inventoryListing .filter_info .paginations {
justify-content: center;
}
.inventory-area .sidebar {
margin-bottom: 30px;
}
.inventoryListing .search {
margin-bottom: 20px;
}
.inventoryListing .sortBy select {
margin-left: 0;
}
.single_listing .top {
padding: 20px;
}
.single_listing .top .thumbs {
position: inherit;
width: 100%;
margin-bottom: 20px;
height: 250px;
}
.single_listing .top .featured_tag {
left: 6px;
}
.single_listing .actions {
flex-wrap: wrap;
}
.single_listing .actions a {
flex: 0 0 50%;
padding: 10px 8px;
font-size: 13px;
line-height: 20px;
}
.single_listing .feature_list ul {
column-count: 1;
}
.single_listing .feature_list ul li {
margin: 3px 0;
}
.single_listing .feature_list ul li span {
width: 50%;
}
.single_listing .head {
margin-bottom: 20px;
padding-right: 70px;
}
.single_listing .head .share {
top: 5px;
}
.single_listing .title {
font-size: 20px;
}
}
.page-banner {
background: #07001c;
padding: 50px 0;
padding-bottom: 70px;
position: relative;
}
.page-banner .bg img,
.page-banner .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.page-banner .container {
position: relative;
z-index: 2;
}
.page-banner .cta-btn-border {
color: #FFFFFF;
}
.page-banner p {
color: #FFFFFF;
}
.page-banner .heading {
color: #FFFFFF;
font-weight: 600;
}
.page-banner .sub_heading {
font-weight: 500;
color: #FFFFFF;
}
.page-banner .group_btn {
margin-top: 20px;
}
.page-banner .group_btn a {
margin: 0 5px;
}
.page-banner .btn_fill {
display: inline-flex;
text-align: center;
justify-content: center;
align-items: center;
padding: 10px 25px;
font-weight: 700;
background: #f00;
color: #FFFFFF;
border: 1px solid #f00;
}
.page-banner .btn_border {
display: inline-flex;
text-align: center;
justify-content: center;
align-items: center;
padding: 10px 25px;
font-weight: 700;
border: 1px solid #f00;
color: #FFFFFF;
}
.postBanner {
padding-bottom: 300px;
}
.postBanner .post-meta {
color: #FFFFFF;
}
.postBanner .post-meta a {
color: #FFFFFF;
}
.postBanner .post-meta a:hover {
text-decoration: underline !important;
}
@media (max-width: 991px) {
.page-banner {
padding: 30px 0;
padding-bottom: 40px;
}
.page-banner .heading {
font-size: 30px;
}
}
@media (max-width: 575px) {
.postBanner {
padding-bottom: 220px;
}
}
.form-area {
padding: 70px 0;
}
.form-area .heading {
margin-bottom: 30px;
}
.form-area .c_form {
background: #07001c;
padding: 40px;
border-radius: 0px;
}
.form-area .c_form .cta-btn {
margin-top: 30px;
}
.form-area .c_form legend {
color: #fff;
font-size: 16px;
width: auto;
margin-right: 20px;
display: inline-block;
margin-bottom: 0 !important;
position: relative;
top: 5px;
font-family: "Russo One", sans-serif;
width: 100%;
}
body legend+* {
clear: inherit;
}
.form-area .c_form .custom_radio .gfield_radio > div {
display: inline-block;
margin-right: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
.form-area .c_form .custom_radio .gfield_radio > div:last-child {
margin-right: 0;
}
.form-area .c_form .custom_radio .gfield_radio > div label {
padding-left: 30px;
position: relative;
color: #fff;
}
.form-area .c_form .custom_radio .gfield_radio > div label::before {
width: 20px;
height: 20px;
position: absolute;
content: "";
top: 4px;
left: 0;
border-radius: 50%;
border: 1px solid #ff0000;
}
.form-area .c_form .custom_radio .gfield_radio > div label::after {
width: 12px;
height: 12px;
position: absolute;
content: "";
top: 8px;
left: 4px;
border-radius: 50%;
background: #ff0000;
opacity: 0;
transition: all 0.4s;
}
.form-area .c_form .custom_radio .gfield_radio > div input[type=radio] {
display: none;
}
.form-area .c_form .custom_radio .gfield_radio > div input[type=radio]:checked ~ label::after {
opacity: 1;
}
.form-area .c_form .c_form_heading {
font-size: 22px;
color: #fff;
position: relative;
margin: 20px 0;
font-family: "Russo One", sans-serif;
}
.form-area .c_form .c_form_heading span {
padding: 0px 30px;
padding-left: 0;
position: relative;
z-index: 1;
}
.form-area .c_form .gfield {
margin: 5px 0;
padding: 0 12px;
}
.form-area .c_form .gform_fields {
display: flex!important;
flex-wrap: wrap!important;
margin: 0 -12px;
grid-column-gap: 0px!important;
}
.form-area .c_form .gfield.gfield--type-radio {
padding: 10px 12px
}
.form-area .c_form .gfield label:not(.gchoice label) {
display: none;
}
.form-area .c_form input:not([type="submit"]) {
width: 100%;
height: 55px;
background: #fff;
border: none;
padding: 10px 20px;
}
.form-area .c_form input:not([type="submit"])::placeholder {
opacity: 0.7;
color: #575757;
}
.form-area .c_form textarea {
width: 100%;
height: 110px;
background: #fff;
border: none;
padding: 10px 20px;
}
.form-area .c_form textarea::placeholder {
opacity: 0.7;
color: #575757;
}
.form-area .c_form select {
width: 100%;
height: 55px;
background: #fff;
border: none;
padding: 10px 20px;
color: rgba(87, 87, 87, 0.8078431373);
}
.form-area .c_form select option {
color: #4B4B4B;
}
.qtyTitle {
color: #575757;
opacity: 0.7;
}
.quantity-form {
display: inline-block;
position: relative;
margin-left: 5px;
}
.quantity-form input[type=number] {
width: 70px;
line-height: 30px;
text-indent: 10px;
font-weight: normal;
font-size: 14px;
padding: 5px;
height: 45px;
}
.quantity-form .qty-plus {
position: absolute;
right: 6px;
top: 10px;
cursor: pointer;
opacity: 0.6;
}
.quantity-form .qty-minus {
position: absolute;
right: 6px;
bottom: 10px;
cursor: pointer;
opacity: 0.6;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
opacity: 0;
}
.addAnotherBTn {
width: 100%;
padding: 8px 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border: 1px solid #f00;
color: rgba(87, 87, 87, 0.6745098039);
margin-top: 10px;
margin-bottom: 30px;
}
.addAnotherBTn img {
margin-right: 10px;
}
.contact_side .c_info {
padding-left: 60px;
position: relative;
margin-bottom: 50px;
}
.contact_side .c_info .title {
font-size: 20px;
color: #07001c;
margin-bottom: 5px;
font-family: "Russo One", sans-serif;
}
.contact_side .c_info:last-child {
margin-bottom: 0;
}
.contact_side .c_info .icon {
position: absolute;
left: 0;
top: 5px;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #f00;
}
.contact_side .c_info .icon img {
height: 18px;
}
.map {
padding-bottom: 70px;
}
.map iframe {
height: 400px;
width: 100%;
}
@media (max-width: 991px) {
.map {
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.form-area {
padding: 50px 0;
}
}
@media (max-width: 575px) {
.form-area .c_form {
padding: 20px;
}
.contact_side .c_info {
margin-bottom: 30px;
}
.contact_side .c_info:last-child {
margin-bottom: 30px;
}
}
.icon-teaser-area.no-bg {
background: linear-gradient(180deg, rgb(239 247 249) 15%, rgb(255, 255, 255) 40%);
padding-top: 20px;
}
.icon-teaser-area {
background: linear-gradient(180deg, rgb(230, 243, 245) 50%, rgb(255, 255, 255) 90%);
padding: 70px 0;
}
.icon-teaser-area .heading {
font-weight: 500;
margin-bottom: 30px;
}
.icon-teaser-box {
padding: 50px 35px;
background: #fff;
box-shadow: 0px 14px 18px rgba(116, 164, 183, 0.0392156863);
border-radius: 9px;
font-size: 14px;
line-height: 24px;
height: calc(100% - 30px);
margin-bottom: 30px;
}
.icon-teaser-box .icon {
width: 100px;
margin: 0 auto 26px;
}
.icon-teaser-box .title {
font-family: "Russo One", sans-serif;
color: #07001c;
font-size: 24px;
margin-bottom: 15px;
}
.icon-border-box .col-md-4 {
border-bottom:none;
border-right: 1px solid #D6D6D6
}
.icon-border-box .col-md-4:nth-child(3) {
border-right: 0
}
.icon-border-box .col-md-4:nth-child(6) {
border-right: 0
}
.icon-border-box .col-md-4:nth-child(9) {
border-right: 0
}
.icon-border-box .col-md-4:nth-child(12) {
border-right: 0
}
.icon-border-box .col-md-4:last-child:not(:nth-child(3)) {
border-bottom: 0;
border-left: 1px solid #D6D6D6
}
.icon-teaser-v3 {
text-align: center;
padding: 30px 5px;
}
.icon-teaser-v3 img {
margin: auto;
display: block;
width: 85px;
}
.icon-teaser-v3 .title {
color: #454D54;
font-size: 19px;
font-weight: 500;
margin-top: 20px;
}
@media (max-width: 991px) {
.icon-teaser-area {
padding: 50px 0;
}
.icon-teaser-area .title {
font-size: 20px;
}
.icon-teaser-box {
padding: 30px;
}
.icon-teaser-v3 .title {
font-size: 17px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.icon-border-box .col-md-4 {
border-bottom: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
}
.icon-border-box .col-md-4:nth-child(3) {
border-bottom: none;
}
.icon-border-box .col-md-4:nth-child(6) {
border-right: 1px solid #D6D6D6;
}
.icon-border-box .col-md-4:nth-child(9) {
border-right: 1px solid #D6D6D6;
}
.icon-border-box .col-md-4:nth-child(12) {
border-right: 1px solid #D6D6D6;
}
.icon-border-box .col-md-4:last-child:not(:nth-child(3)) {
border-left: 1px solid #D6D6D6;
}
.icon-border-box .col-md-4:nth-child(2) {
border-right: 0;
}
.icon-border-box .col-md-4:nth-child(4) {
border-right: 0;
}
.icon-border-box .col-md-4:nth-child(6) {
border-right: 0;
}
}
.text-area {
padding: 70px 0;
}
.text-area .heading {
font-weight: 500;
}
.text-area .group_btn {
margin-top: 30px;
}
.text-area .group_btn a {
margin: 0 5px;
}
.content-list, .promotion-content ul {
margin-top: 15px;
margin-bottom: 30px;
}
.promotion-content ul li ul{
margin-top:0;
margin-bottom:0
}
.content-list li, .promotion-content ul li {
position: relative;
padding-left: 20px;
margin: 10px 0;
}
.content-list li::before, .promotion-content ul li::before {
position: absolute;
top: 9px;
left: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background: #FF0000;
content: "";
}
.promotion-content ul li{
margin:5px 0
}
.content-list li strong{
color:#07001C
}
.promotion-content ul li::before{
background:#07001c
}
.promotion-content .innerHeading {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #ddd;
}
.promotion-content .content h4, .promotion-content .content h5, .promotion-content .content h3{
font-size:22px
}
table {
margin: 30px 0;
}
@media (max-width: 991px) {
.text-area {
padding: 50px 0;
}
}
@media (max-width: 575px) {
.text-area .group_btn .cta-btn {
width: 100%;
margin: 3px 0;
}
}
.cta-area {
padding: 70px 0;
position: relative;
}
.cta-area .title {
font-size: 24px;
font-family: "Russo One", sans-serif;
margin-bottom: 15px;
}
.cta-inner-v1 {
padding: 60px;
background: #f00;
color: #FFFFFF;
border-radius: 10px;
}
.cta-inner-v1 .btns {
display: flex;
flex-direction: column;
gap: 10px;
}
.cta-inner-v2 {
padding: 60px;
background: #f00;
color: #FFFFFF;
border-radius: 10px;
}
.cta-inner-v2 .btns {
display: flex;
align-items: center;
gap: 10px;
justify-content: flex-end;
}
.cta-inner-v2 .btns a {
flex: 1;
}
.cta-inner-v3 {
padding: 60px;
background: #f00;
color: #FFFFFF;
border-radius: 10px;
}
.cta-inner-v3 p {
font-size: 20px;
}
.cta-inner-v3 .btns {
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
}
.cta-inner-v3 .btns a {
flex: 0 0 1;
display: inline-block;
width: auto;
padding: 8px 25px;
}
@media (max-width: 767px) {
.cta-inner-v2 {
padding: 30px;
}
.cta-inner-v2 .btns {
margin-top: 20px;
}
.cta-inner-v1 {
padding: 30px;
}
.cta-inner-v1 .btns {
margin-top: 15px;
display: flex;
flex-direction: row;
gap: 10px;
}
.cta-inner-v1 .btns a {
margin: 2px 0;
width: 100%;
}
.cta-inner-v3 {
padding: 30px;
}
.cta-inner-v3 p {
font-size: 16px;
}
.cta-inner-v3 .btns {
flex-direction: row;
}
.cta-inner-v3 .btns a {
margin: 2px 0;
width: 100%;
}
}
@media (max-width: 575px) {
.cta-inner-v3 .btns {
flex-direction: column;
}
.cta-inner-v3 .btns a {
margin: 2px 0;
width: 100%;
}
.cta-inner-v1 .btns {
flex-direction: column;
}
.cta-inner-v1 .btns a {
margin: 2px 0;
width: 100%;
}
}
.choose-area {
padding-bottom: 40px;
}
.choose-area .inner {
background: #F5FAFC;
border-radius: 9px;
padding: 80px;
border: 1px solid #D1E2E6;
position: relative;
}
.choose-area .inner .border_sep {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.choose-area .inner .heading {
font-weight: 500;
margin-bottom: 30px;
}
.choose-area .inner ul li {
padding-left: 30px;
position: relative;
margin: 10px 0;
display: block;
color: #4B4B4B;
}
.choose-area .inner ul li::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_3418' data-name='Group 3418' transform='translate(-1051 -3824)'%3E%3Ccircle id='Ellipse_20' data-name='Ellipse 20' cx='12' cy='12' r='12' transform='translate(1051 3824)' fill='%2307001c'/%3E%3Cpath id='Path_109' data-name='Path 109' d='M15237.332,3836.665l3.072,3.261,6.441-6.441' transform='translate(-14179.089 -0.706)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media (max-width: 991px) {
.choose-area .inner {
padding: 30px;
}
}
@media (max-width: 575px) {
.choose-area .border_sep {
display: none;
}
.choose-area .right {
margin-top: 30px;
}
}
.image-text-area {
padding: 70px 0;
}
.image-text-area .subHeading {
margin-bottom: 20px;
}
.image-text-area .heading {
margin-bottom: 20px;
}
.image-text-area .max_img {
max-width: 700px;
float: right;
}
@media(min-width: 1300px) {
.image-text-area .max_img.alt {
max-width: 700px;
}
}
.bg_light_gradient {
background: linear-gradient(180deg, rgb(230, 243, 245) 50%, rgb(255, 255, 255) 90%);
}
.bg_light {
position: relative;
}
.bg_light:before {
content: "";
background: linear-gradient(#eaf4fa 0%, rgba(234, 244, 250, 0) 100%);
opacity: 0.59;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bg_light .container {
position :relative;
z-index: 22;
}
@media (max-width: 1200px) {
.image-text-area .max_img {
max-width: 100%;
}
}
@media (max-width: 991px) {
.image-text-area {
padding: 50px 0;
}
.image-text-area .max_img {
max-width: 100%;
}
.content-img {
margin-bottom: 30px;
}
}
.expertise-area .inner {
padding: 60px;
background: #fff;
border-radius: 9px;
box-shadow: 0 15px 29px rgba(63, 134, 156, 0.0784313725);
}
.expertise-area .inner .heading {
}
.expertise-area .inner .expertise-items {
margin-top: 30px;
padding: 0 45px;
padding-left: 55px;
position: relative;
}
.expertise-area .inner .expertise-items .title {
color: #07001c;
font-family: "Russo One", sans-serif;
font-size: 22px;
margin-bottom: 15px;
}
.expertise-area .inner .expertise-items::before {
position: absolute;
top: 5px;
left: 0;
width: 20px;
height: 16px;
content: "";
background: url('data:image/svg+xml,') no-repeat scroll 0 0/cover;
}
@media (max-width: 991px) {
.expertise-area .inner {
padding: 40px;
}
.expertise-area .inner .expertise-items {
padding-left: 40px;
padding-right: 0;
}
}
@media (max-width: 767px) {
.expertise-area .inner {
padding: 30px;
}
.expertise-area .inner .expertise-items {
padding-left: 40px;
padding-right: 0;
}
.expertise-area .inner .expertise-items .title {
font-size: 20px;
margin-bottom: 10px;
}
}
.single-thumbs-banner .tags {
background: #e5eff6;
color: #07001c;
font-size: 15px;
font-weight: 500;
display: inline-block;
padding: 10px 20px;
}
.boat-single {
padding-bottom: 70px;
}
.thumbsSlider {
margin-top: 30px;
}
.thumbsSlider .thumbLeft {
width: 100px;
float: left;
}
.thumbsSlider .moreThumb {
position: relative;
margin-top: 8px;
}
.thumbsSlider .moreThumb .inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-direction: column;
}
.thumbsSlider .moreThumb .inner span {
color: #fff;
line-height: normal;
}
.thumbsSlider .moreThumb .inner img {
margin-bottom: 5px;
}
.thumbsSlider .mini-thumb-slider .slide {
padding: 0px 0 10px;
}
.thumbsSlider .mini-thumb-slider .image {
width: 100px;
height: 100px;
}
.thumbsSlider .mini-thumb-slider .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.thumbsSlider .main-thumb-slider {
overflow: hidden;
padding-left: 20px;
}
.thumbsSlider .main-thumb-slider .slick-arrow {
width: auto;
height: auto;
z-index: 11;
}
.thumbsSlider .main-thumb-slider .slick-arrow::before {
display: none;
}
.thumbsSlider .main-thumb-slider .slick-prev {
left: 20px;
}
.thumbsSlider .main-thumb-slider .slick-next {
right: 0;
}
.thumbsSlider .main-thumb-slider .image {
height: 420px;
width: 100%;
}
.thumbsSlider .main-thumb-slider .image img {
height: 100%;
object-fit: cover;
width: 100%;
}
.details-info-box {
background: #f0f9ff;
border-radius: 5px;
padding: 30px;
border: 1px solid #e5eff6;
margin-top: 30px;
}
.details-info-box .btn_border {
display: inline-block;
text-align: center;
padding: 10px 35px;
font-weight: 700;
border: 1px solid #f00;
color: #f00;
margin-top: 20px;
}
.details-info-box .heading {
position: relative;
margin-bottom: 20px;
font-size: 26px;
}
.details-info-box .heading::before {
position: absolute;
top: 0;
left: -30px;
height: 100%;
width: 20px;
content: "";
background: #07001c;
}
.details-info-box .inner {
padding-bottom: 30px;
}
.details-info-box .list_item li {
display: flex;
align-items: center;
padding: 10px 0;
font-size: 15px;
}
.details-info-box .list_item li:last-child {
border-bottom: 0;
}
.details-info-box .list_item li span {
width: 50%;
color: #09011d;
font-weight: 700;
}
.details-info-box .video-box {
position: relative;
margin: 15px 0;
}
.details-info-box .video-box .play_btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.details-info-box .upgrade-box {
padding: 12px;
border-radius: 10px;
background: #fff;
border: 1px solid #9CCED6;
font-size: 14px;
line-height: 22px;
color: #7D7D7D;
}
.optional-upgrades-list li {
margin: 0 0 20px;
}
.details-info-box .upgrade-box .image {
border-radius: 8px;
overflow: hidden;
}
.details-info-box .upgrade-box .image img {
height: 80px;
width: 100%;
object-fit: cover;
border-radius: 8px;
object-position: center;
}
.details-info-box form label, .details-info-box form .label {
font-weight: 700;
margin-bottom: 5px;
color: #09011d;
font-size: 15px;
}
.details-info-box form li {
margin-bottom: 20px;
position: relative;
}
.details-info-box form li .percent {
position: absolute;
right: 25px;
top: 42px;
color: #8399A8;
font-size-adjust: 15px;
}
.details-info-box form input:not([type="submit"]) {
width: 100%;
height: 45px;
background-color: #fff;
border: 1px solid #D8E9EE;
padding: 10px 15px;
border-radius: 6px;
font-size: 15px;
}
.details-info-box form input::placeholder {
color: #8399A8;
}
.details-info-box form .loanAmount {
font-weight: 500;
color: #605D5D;
font-size: 22px;
}
.details-info-box form button {
margin-top: 32px;
height: 45px;
}
.details-info-box .calculator_note {
font-size: 15px;
padding-left: 50px;
color: #808080;
line-height: 22px;
}
.details-info-box .calculator {
position: relative;
padding: 0 15px;
padding-bottom: 0;
margin: 30px 0;
}
.details-info-box .calculator .border_sep {
position: absolute;
left: calc(50% + 40px);
top: 50%;
transform: translate(-50%, -50%);
height: 100%;
}
.details-info-box .inner.color {
margin-top: 30px;
margin-bottom: 30px;
position: relative;
}
.details-info-box .inner.color::after {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1px;
height: 100%;
background: #9CCED6;
}
.details-info-box .color-option .box {
margin-top: 20px;
}
.details-info-box .color-option .box img {
margin-bottom: 10px;
}
.details-info-box .color-option .box span {
color: #07001c;
line-height: normal;
font-size: 15px;
}
.details-info-box .color-option .box span.color-item {
height: 90px;
width: 100%;
border: 1px solid #000;
border-radius: 6px;
margin-bottom: 10px;
}
.sideWidget {
margin-top: 60px;
padding: 30px;
background: #f0f9ff;
border: 1px solid #D8E9EE;
border-radius: 9px;
}
.sideWidget:last-child {
margin-bottom: 0;
}
.sideCall .title {
font-size: 18px;
color: #07001c;
font-weight: 500;
margin-bottom: 5px;
}
.sideCall a {
font-size: 18px;
color: #07001c;
font-weight: 500;
}
.sideCall .inner > div {
display: flex;
align-items: flex-start;
margin-top: 20px;
}
.sideCall .inner > div + div {
align-items: center;
margin-top: 5px;
}
.sideCall .inner > div .icon {
background: #f00;
min-width: 30px;
height: 30px;
margin-right: 15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.sideCall .inner > div .icon img {
width: 18px;
}
.sideCall a:hover {
color: #f00;
}
.sideBartitle {
font-size: 19px;
}
.sideBartitle img {
margin-right: 10px;
}
.sideTabsMenu {
padding: 0;
}
.sideTabsMenu ul li {
border-bottom: 1px solid #D8E9EE;
}
.sideTabsMenu ul li:last-child {
border: none;
}
.sideTabsMenu ul li a {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 500;
color: #07001c;
padding: 15px 20px;
position: relative;
}
.sideTabsMenu ul li a::after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
right: 10px;
background: url('data:image/svg+xml,');
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
}
.sideTabsMenu ul li a img {
margin-right: 10px;
}
.onsaleTags {
padding: 30px;
position: relative;
background: #2783AC;
color: #FFFFFF;
border-radius: 9px;
margin-bottom: 30px;
text-align: right;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.onsaleTags .tags {
position: absolute;
left: -15px;
top: 20px;
z-index: 1;
padding: 10px 20px;
font-family: "Russo One", sans-serif;
color: #FFFFFF;
background: #5BB8E2;
padding-left: 35px;
letter-spacing: 1px;
}
.onsaleTags .tags::after {
position: absolute;
bottom: -18px;
left: 0px;
width: 15px;
height: 18px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.247' height='10.313' viewBox='0 0 10.247 10.313'%3E%3Cpath id='Path_53' data-name='Path 53' d='M-6204,509.979V499.665h-10.247Z' transform='translate(6214.247 -499.665)' fill='%23295482'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: top right;
content: "";
background-size: contain;
}
.onsaleTags .title {
font-family: "Russo One", sans-serif;
font-size: 32px;
line-height: normal;
}
.onsaleTags .dis {
font-size: 20px;
position: relative;
margin-bottom: 20px;
display: inline-block;
}
.onsaleTags .dis::before {
position: absolute;
content: "";
bottom: -15px;
transform: translateY(-50%);
width: 100%;
height: 1px;
background: #fff;
left: 0;
opacity: 0.15;
}
.onsaleTags .dis::after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%) rotate(-3deg);
width: 100%;
height: 1px;
background: #fff;
left: 0;
}
.sideForm form {
margin-top: 20px;
}
.sideForm form li {
margin-bottom: 10px;
}
.sideForm form input:not([type="submit"]) {
width: 100%;
height: 55px;
border: 1px solid #DBEBEF;
background: #fff;
padding: 10px 20px;
font-size: 16px;
}
.sideForm form textarea {
width: 100%;
height: 95px;
border: 1px solid #DBEBEF;
background: #fff;
padding: 10px 20px;
font-size: 16px;
}
.sideForm form button {
display: block;
text-align: center;
padding: 12px 25px;
font-weight: 700;
background: #f00;
color: #FFFFFF;
width: 100%;
}
@media (max-width: 1200px) {
.details-info-box form label {
font-size: 13px;
}
.details-info-box form button {
padding: 8px;
}
.more-dealer-slider .slide {
padding-bottom: 30px;
}
.more-dealer-slider .slick-list {
margin-right: -30px;
padding-right: 70px;
}
}
@media (max-width: 991px) {
.thumbsSlider .main-thumb-slider .image {
height: 580px;
}
}
@media (max-width: 991px) {
.thumbsSlider .thumbLeft {
width: 100%;
float: none;
}
.thumbsSlider .mini-thumb-slider .slide {
padding: 0 5px;
}
.thumbsSlider .mini-thumb-slider .image {
width: 100%;
}
.thumbsSlider .main-thumb-slider {
margin-top: 20px;
padding-left: 0;
}
.thumbsSlider .main-thumb-slider .image {
height: 260px;
}
.thumbsSlider .main-thumb-slider .slick-prev {
left: 0;
}
.details-info-box .more-dealer-slider {
padding-bottom: 20px;
}
.details-info-box .more-dealer-slider .slick-list {
margin-left: -40px;
padding-right: 62px;
margin-right: -30px;
}
.details-info-box .inner {
padding: 0;
}
.details-info-box .inner.alt {
padding: 0;
}
.details-info-box .heading {
font-size: 22px;
}
.details-info-box .upgrade-box .image img {
width: 100%;
}
.details-info-box .calculator .border_sep {
display: none;
}
.details-info-box .calculator_note {
padding-left: 0;
margin-top: 20px;
}
.details-info-box .upgrade-box .image {
margin-bottom: 20px;
}
.details-info-box .inner.color::after {
display: none;
}
.details-info-box .color-option {
margin: 15px 0;
}
a {
word-wrap: break-word;
}
.onsaleTags {
padding: 20px;
}
.onsaleTags .title {
font-size: 24px;
}
.onsaleTags .dis {
font-size: 16px;
}
.onsaleTags .tags {
padding: 8px;
}
.sideWidget {
padding: 20px;
}
.sideWidget .sideBartitle {
font-size: 18px;
}
.sideCall .title {
font-size: 16px;
}
.sideCall a {
font-size: 20px;
}
.sideTabsMenu ul li a {
font-size: 13px;
padding: 10px 0;
line-height: 20px;
}
.sideTabsMenu ul li a::after {
right: -5px;
}
}
@media (max-width: 767px) {
.details-info-box form button {
margin-top: 0;
}
}
@media (max-width: 575px) {
.details-info-box .more-dealer-slider {
padding-bottom: 20px;
}
.details-info-box .more-dealer-slider .slick-list {
margin-left: -40px;
padding-right: 100px;
margin-right: -60px;
}
.onsaleTags {
margin-top: 30px;
}
}
.blog-listing {
padding: 70px 0;
}
.blog-listing .sidebar .title {
font-size: 22px;
font-weight: 700;
padding: 30px;
background: #07001c;
color: #FFFFFF;
}
.blog-listing .sidebar li {
border-bottom: 1px solid #D1E2E6;
}
.blog-listing .sidebar li:last-child {
border-bottom: 0;
}
.blog-listing .sidebar li a {
display: block;
padding: 30px;
background: #F5FAFC;
color: #07001c;
position: relative;
padding-right: 60px;
}
.blog-listing .sidebar li a::after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%) rotate(-45deg);
right: 30px;
width: 7px;
height: 7px;
border-bottom: 1px solid #07001c;
border-right: 1px solid #07001c;
transition: all 0.4s;
}
.blog-listing .sidebar li a:hover::after {
right: 20px;
}
.blog-listing .sidebar-cta {
padding: 30px;
background: #07001c;
margin-top: 30px;
color: #FFFFFF;
}
.blog-listing .sidebar-cta .title {
font-family: "Russo One", sans-serif;
color: #FFFFFF;
}
.blog-box {
display: block;
margin-bottom: 30px;
background: #F5FAFC;
}
.blog-box:hover {
transform: translateY(-12px);
}
.blog-box .image {
height: 270px;
}
.blog-box .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-box .text {
padding: 40px;
}
.blog-box .text .title {
font-weight: 700;
color: #07001c;
font-size: 22px;
margin-bottom: 15px;
}
.blog-box .text p {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-box .link_text {
display: inline-flex;
align-items: center;
font-family: "Russo One", sans-serif;
position: relative;
color: #07001c;
}
.blog-box .link_text::after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
transition: all 0.4s;
height: 1.5px;
background: #2783AC;
}
.blog-box .link_text:hover::after {
width: 0;
}
.box-slider .slide {
padding: 0 15px;
padding-top: 30px;
}
.box-slider .slick-list {
margin-left: -15px;
margin-right: -15px;
}
.box-slider-alt .slide {
padding: 0 15px;
padding-top: 30px;
}
.box-slider-alt .slick-list {
margin-left: -15px;
margin-right: -15px;
}
.post-content-area {
padding-top: 0;
margin-top: -260px;
position: relative;
z-index: 1;
padding-bottom: 70px;
}
.post-content-area .featured-image {
margin-bottom: 40px;
height: 440px;
}
.post-content-area .featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post-content-area h4 {
font-size: 22px;
}
.post-content-area .author-box {
padding: 20px;
background: #F5FAFC;
border-radius: 9px;
border: 1px solid #D1E2E6;
margin-top: 50px;
}
.post-cat {
margin-top: 50px;
}
.post-cat .video_filter_tags {
margin-top: 30px;
}
.post-cat .video_filter_tags li {
display: inline-block;
margin: 0 5px 5px 0;
}
.post-cat .video_filter_tags li a {
display: block;
padding: 10px 20px;
background: #2783AC;
color: #FFFFFF;
font-size: 14px;
}
.post-cat .video_filter_tags li a:hover {
background: #f00;
}
.related-post {
padding: 70px 0;
background: linear-gradient(180deg, rgb(230, 243, 245) 0%, rgb(255, 255, 255) 100%);
}
@media (max-width: 1200px) {
.post-cat .video_filter_tags li {
margin: 2px;
}
}
@media (max-width: 991px) {
.blog-listing {
padding: 50px 0;
}
.blog-box .text {
padding: 30px;
}
.blog-box .image {
height: 210px;
}
.related-post {
padding: 50px 0;
}
.blog-listing .sidebar .title {
font-size: 18px;
padding: 20px;
}
.blog-listing .sidebar li a {
padding: 20px;
padding-right: 40px;
font-size: 14px;
line-height: 20px;
}
}
@media (max-width: 767px) {
.step_tabs .list-unstyled {
background: #07001c;
list-style: none;
padding: 0;
height: 56px;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
line-height: 1;
font-weight: 600;
color: #fff;
width: 100%;
margin-bottom: 30px;
}
.step_tabs .list-unstyled li {
padding: 19px 20px;
z-index: 2;
}
.step_tabs .list-unstyled li:not(.init) {
padding: 15px;
width: 100%;
display: none;
background: rgb(41, 63, 112);
color: #fff;
position: relative;
font-size: 14px;
}
.step_tabs .list-unstyled li a {
color: #fff;
}
.step_tabs.alt .list-unstyled li:not(.init) {
padding: 0;
}
.step_tabs.alt .list-unstyled li:not(.init) a {
padding: 15px;
display: block;
}
.step_tabs .list-unstyled li:not(.init):hover,
.step_tabs .list-unstyled li.selected:not(.init) {
background: #fff;
color: #000;
}
.step_tabs .list-unstyled li.init {
cursor: pointer;
position: relative;
}
.step_tabs .list-unstyled li.init::after {
position: absolute;
content: "";
top: 50%;
right: 20px;
width: 7px;
height: 7px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg) translateY(-50%);
}
.box-slider-alt .slide {
padding: 0 7px;
padding-top: 30px;
}
.box-slider-alt .slick-list {
margin-left: -7px;
margin-right: -7px;
}
}
@media (max-width: 575px) {
.post-content-area {
margin-top: -180px;
padding-bottom: 50px;
}
.post-content-area .featured-image {
height: 310px;
}
.post-author-image {
margin-bottom: 20px;
}
}
.detailing-area {
padding: 70px 0;
background: #D8E9EE;
}
.detailing-area .detailing-box {
margin-bottom: 30px;
}
.detailing-area .detailing-box:last-child {
margin-bottom: 0;
}
.detailing-area .group_btn {
margin-top: 30px;
text-align: center;
}
.detailing-area .group_btn .cta-btn {
margin: 0 10px;
}
@media (max-width: 991px) {
.detailing-area {
padding: 50px 0;
}
}
@media (max-width: 575px) {
.detailing-area .group_btn .cta-btn {
display: block;
width: 100%;
margin: 5px 0;
}
}
.factory-promotion-area {
padding: 70px 0;
}
.factory-promotion-area .box {
background: #D8E9EE;
margin-top: 30px;
border-radius: 9px;
overflow: hidden;
height: calc(100% - 30px);
}
.factory-promotion-area .box .image {
height: 240px;
}
.factory-promotion-area .box .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.factory-promotion-area .box .date {
display: block;
margin-bottom: 5px;
color: #07001c;
text-transform: uppercase;
}
.factory-promotion-area .box .text {
padding: 30px;
}
.factory-promotion-area .box .title{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size:20px;
line-height:120%
}
.factory-promotion-area .box p{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.inContent{
margin-bottom:20px
}
.factory-promotion-area .box .text {
min-height: 300px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.factory-promotion-area .filter_option {
padding-bottom: 20px;
border-bottom: 1px solid #D8E9EE;
}
.factory-promotion-area .filter_option p {
color: #07001c;
font-size: 18px;
}
.factory-promotion-area .filter_option select {
height: 55px;
border: 1px solid #e5eff6;
position: relative;
margin-left: 10px;
padding: 5px 10px;
font-size: 15px;
}
.custom_modal {
border-radius: 0;
}
.custom_modal h5 {
font-weight: 600;
}
.custom_modal .date {
display: block;
margin-bottom: 5px;
color: #07001c;
text-transform: uppercase;
}
.custom_modal .modalbanner {
margin: 30px 0;
}
.custom_modal p {
font-size: 15px;
line-height: 22px;
}
.custom_modal .promotion-content {
padding: 15px;
}
.custom_modal .modal-header {
padding: 15px 30px;
}
@media (max-width: 991px) {
.factory-promotion-area {
padding: 50px 0;
}
}
@media (max-width: 575px) {
.factory-promotion-area .filter_option p {
padding-bottom: 20px;
}
.factory-promotion-area .box .text{
min-height:inherit;
display:block
}
.factory-promotion-area .box .title{
display: block
}
.factory-promotion-area .box p{
display:block;
}
}
body.single-post .post-content ul {
margin: 0 0 25px 20px;
padding: 0;
}
body.single-post .post-content ul li {
list-style: disc;
margin-bottom: 5px;
}
body.single-post .post-content ol {
margin: 0 0 25px 20px;
padding: 0;
}
body.single-post .post-content ol li {
list-style: decimal;
margin-bottom: 5px;
padding-left: 5px;
}
body.single-post .post-content li::marker {
color: #07001c;
font-weight: bold;
}
body.single-post .post-content table {
width: 100%;
margin: 0 0 30px;
}
body.single-post .post-content thead th {
background: #07001c;
border-color: #07001c;
color: #fff;
}
body.single-post .post-content th ,
body.single-post .post-content td {
border: 1px solid #ddd;
padding: 5px 12px;;
}
.paginations ul {
display: flex;
align-items: center;
}
.paginations ul li {
margin-right: 10px;
}
.paginations ul li a ,
.paginations ul li span {
background: #fff;
border: 1px solid #07001c;
color: #07001c;
line-height: 40px;
display: inline-block;
min-width: 40px;
padding: 0 5px;
text-align: center;
}
.paginations ul li span ,
.paginations ul li a:hover {
background: #07001c;
color: #fff;
}
.paginations ul li a.prev,
.paginations ul li a.next {
padding: 0 15px;
}
body .gform_validation_errors,
body .gform_required_legend {
display: none;
}
body .gfield--type-html {
margin: 0 !important;
}
.gfield_validation_message {
font-size: 14px;
color: red;
display: block;
padding-top: 3px;
}
.button-group {
height: 50px;
position: relative;
margin-left: 10px;
font-size: 15px;
width: 165px;
display: inline-block;
cursor: pointer;
}
.button-group > span {
border: 1px solid #e5eff6;
display: block;
line-height: 50px;
width: 100%;
padding: 0px 15px;
pointer-events: none;
position: relative;
text-align: left;
}
.button-group > span:after {
content: "";
border: 2px solid #000;
width: 9px;
height: 9px;
position: absolute;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
right: 15px;
top: calc(50% - 7px);
pointer-events: none;
}
.button-group > div {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #e5eff6;
z-index: 22;
display: none;
}
.button-group.act > div {
display: block;
}
.button-group > div button {
display: table;
width: 100%;
text-align: left;
padding: 5px 15px;
}
@media(max-width: 991px) {
.button-group {
font-size: 14px;
width: 150px;
}
}
body .gfield--type-list legend {
display: none !important;
}
.gfield_list_header, .gfield_list_group {
display: flex;
flex-wrap: wrap;
padding-right: 100px;
position: relative;
}
.gfield_list_group {
margin-bottom: 20px;
}
.gfield_list_header > div,
.gfield_list_group > div {
width: 80%;
margin-right: 15px;
}
.gfield_list_header > div:nth-child(2) ,
.gfield_list_group > div:nth-child(2) {
width: calc(20% - 15px);
margin: 0;
}
.gfield_list_header > div:nth-child(3) {
display: none;
}
body .gfield_list_icons {
position: absolute;
right: 0;
top: 7px;
width: auto !important;
text-align: right;
margin: 0 !important;
}
body .gfield_list_icons button {
width: 35px;
height: 35px;
border: 2px solid #f00;
font-size: 0px;
border-radius: 50%;
position: relative;
margin-left: 3px;
}
body .gfield_list_icons button:before {
content: "+";
width: 32px;
height: 31px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
color: #f00;
}
body .gfield_list_icons button + button:before {
content: "-";
}
.box.style1 .image {
height: 240px;
background: #e5e5e5;
position: relative;
}
.box.style1 .image img {
height: 100%;
}
.box.style1 .image .status-new {
position: absolute;
top: 20px;
left: -15px;
z-index: 222;
}
.box.style1 .image .status-new span {
font-weight: 500;
font-size: 15px;
letter-spacing: 0.1em;
color: #fff;
position: absolute;
text-transform: uppercase;
width: 67px;
text-align: center;
top: 2px;
}
.box.style1 .image:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-size: 85px;
filter: grayscale(1);
opacity: 0.3;
}
.box.style1 .image img {
position: relative;
z-index: 2;
object-fit: cover;
top: 0px;
}
.client-logo .inner .items {
padding: 0 25px;
height: 55px ;
display: flex !important;
align-items: center;
justify-content: center;
}
.client-logo .inner .items img {
max-width: 135px;
max-height: 45px;
mix-blend-mode: luminosity;
}
.client-logo .inner .items img[src*="verenda"] {
max-width: 160px;
}
.client-logo .inner .items img[src*="lowe"] {
max-height: 55px;
}
footer .client-logo .inner .items {
padding: 0 30px;
height: inherit ;
display: flex !important;
align-items: center;
justify-content: center;
background: transparent;
}
footer .client-logo .inner .items img {
max-width: inherit;
max-height: 60px;
mix-blend-mode: inherit;
}
.client-logo .inner{
pointer-events: none;
}
.image-text-area-v4 {
position: relative;
overflow: hidden;
}
.image-text-area-v4 .container {
position: absolute;
top: -20px;
left: 0;
right: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.image-text-area-v4 .container .col-md-6 {
min-width: 400px;
}
.image-text-area-v4 p {
color: #fff;
}
.image-text-area-v5 {
position: relative;
padding: 100px 0 150px;
overflow: hidden;
}
.image-text-area-v5 h3 + span {
display: block;
color: #f00;
font-weight: bold;
font-size: 22px;
margin: -5px 0 15px;
}
.image-text-area-v5 .cta-btn {
margin-right: 10px;
}
.image-text-area-v5 img {
position: absolute;
max-width: 900px;
right: -250px;
top: 100px;
}
.image-text-area-v5 .container {
position: relative;
z-index: 2;
}
@media(min-width: 992px) {
.image-text-area-v4 img {
width: 100%;
}
.image-text-area-v5 img {
position: absolute;
max-width: 60%;
right: -250px;
top: 0;
}
}
@media(max-width: 991px) {
.image-text-area-v5 img {
position: absolute;
max-width: 400px;
right: -200px;
top: auto;
bottom: 0;
}
.image-text-area-v4 > img {
height: 300px;
object-fit: cover;
object-position: calc(100% + 80px) 50%;
}
.image-text-area-v4 .container .col-md-6 .content-text {
text-align: left !important;
}
.image-text-area-v5 {
padding: 40px 0 150px 0;
}
}
.image-text-area-v4 h3 ,
.image-text-area-v5 h3 {
font-weight: 600;
}
@media(min-width: 586px) and (max-width: 991px) {
.image-text-area-v4 .container .col-md-6 {
margin-left: auto;
padding-right: 60px;
}
}
@media(max-width: 585px) {
.image-text-area-v4 .container .col-md-6 {
min-width: 100%;
padding: 0 80px 0 15px;
}
.footer-top .footer-logo {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
}
.divider {
width: 100%;
min-height: 20px;
background: #07001c;
padding-top: 30px;
padding-bottom: 10px;
}
.footer-logo > img {
max-width: 100px;
margin: 10px 0 0;
border: 1px solid #ffffff38;
padding: 5px;
}
.footer-logo a img {
max-width: 120px;
}
.brand-slider .box img[src*="verenda-boat-brands"] + div {
padding-top: 55px;
}
.rank-math-breadcrumb {
color: #fff;
font-size: 14px;
padding: 6px 0
}
.rank-math-breadcrumb a {
color: #fff;
font-weight: bold;
}
.rank-math-breadcrumb .separator {
font-size: 0px;
margin: 0 8px;
border-right: 1px solid #fff;
display: inline-block;
height: 12px;
position: relative;
top: 3px;
opacity: 0.6
}
.sideForm .gfield {
margin-bottom: 10px;
}
.sideForm label.gfield_label {
display: none!important;
}
.gform_wrapper.gravity-theme .gform_fields {
display: grid
grid-column-gap: 0px!important;
-ms-grid-columns: none!important;
grid-row-gap: 0px!important;
grid-template-columns: none!importan
grid-template-rows: none!important;
}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
margin: 0px!important;
padding: 0px!important;
}
.image-text-area ul {
margin-bottom: 20px;
}
.image-text-area li,
.list-style li {
padding-left: 15px;
margin: 4px 0;
position: relative;
}
.image-text-area li:before,
.list-style li:before {
content: "";
width: 6px;
height: 6px;
background: #07001c;
position: absolute;
top: 11px;
left: 0;
border-radius: 50%;
}
.onsaleTags .custom-pricing {
padding: 55px 0 0;
text-align: left;
}
.onsaleTags .custom-pricing a {
color: #fff;
}
@media(min-width: 1201px) {
header .container.wide {
width: 100%;
max-width: 1350px;
}
#menu-main-menu > li {
position: relative;
}
#menu-main-menu > li > a {
padding: 10px 0 ;
display: inline-block;
}
#menu-main-menu > li > ul {
position: absolute;
background: #fff;
width: 220px;
top: calc(100% - 5px);
box-shadow: 0 5px 15px #00000029;
z-index: 22;
padding-top: 15px;
opacity: 0;
visibility: hidden;
transition: 0.3s all;
}
#menu-main-menu > li:hover > ul {
top: 100% ;
opacity: 1;
visibility: visible;
transition: 0.3s all;
}
#menu-main-menu > li > ul:before {
content: "";
background: #f00;
width: 100%;
height: 5px;
position: absolute;
top: 0;
}
#menu-main-menu > li > ul li {
width: 100%;
padding: 0;
margin: 0;
display: block;
}
#menu-main-menu > li > ul li a {
display: table;
width: 100%;
padding: 10px 15px;
line-height: 1.2;
margin: 0;
}
.menu-item-has-children > a {
padding-right: 15px !important;
}
.menu-item-has-children > a:after {
content: '';
position: absolute;
border-style: solid;
border-width: 4px 4px 0;
border-color: #07001c transparent;
display: block;
width: 0;
z-index: 1;
top: calc(50% - 3px);
right: 0px;
}
}
@media(max-width: 1200px) {
nav#menu > ul ul {
display: none;
max-height: 10000px;
}
nav#menu > ul ul li {
display: block;
text-align: left;
}
nav#menu > ul ul.show {
display: block;
}
}
@media(max-width: 585px) {
.gform_fields {
display: block !important;
}
.form-area .c_form legend {
font-size: 15px;
}
.gfield_list_group > div:nth-child(2) input {
padding: 0 8px;
width: 45px;
text-align: center;
}
}
@media(min-width: 768px) {
.inventoryListing .sortBy {
justify-content: flex-end;
}
}
.quote-popup-wrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999999;
background: rgba(0,0,0,0.75);
transition: 0.3s all;
opacity: 0;
visibility: hidden;
}
.quote-popup-wrap.act {
opacity: 1;
visibility: visible;
}
.quote-popup {
position: relative;
max-width: 600px;
}
.quote-popup .form-area {
padding: 0;
}
.qp-close {
position: absolute;
top: 15px;
right: 15px;
background: #00000080;
color: #fff;
width: 25px;
height: 25px;
border-radius: 2px;
text-align: center;
line-height: 25px;
cursor: pointer;
}
body #field_7_11 {
transform: scale(0);
height: 0px;
margin: 0;
opacity: 0;
}
#field_7_10 {
pointer-events: none;
}
#field_7_10 input {
color: #07001cbd;
}
.related-links {
padding: 35px 0 30px;
border-top: 1px solid rgba(0,0,0,0.15);
}
.related-links h3 {
font-size: 24px;
margin-bottom: 15px;
}
.related-links ul {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
}
.related-links ul li {
padding: 0 5px 5px;
}
.related-links ul li a {
background: #1e3057;
color: #fff;
display: table;
padding: 5px 10px;
font-size: 14px;
}
.cmtsfwc-Filter-itemsContent > div .ais-Panel {
border: none;
border-bottom: 1px solid #D8E9EE;
background: transparent;
padding: 20px;
}
.cmtsfwc-Filter-itemsContent > div .ais-Panel[hidden] {
display: none;
}
body .ais-Panel-header {
color: #07001c;
font-size: 16px;
text-transform: none;
border: none;
font-family: "Russo One", sans-serif;
font-weight: 400;
}
body .ais-RefinementList-showMore {
margin: 0 0px !important;
display: table;
transform: scale(0);
height: 0px;
max-height: 0px;
padding: 0;
font-size: 0px;
}
body .cmtsfwc-InstantSearch .ais-Panel {
margin-bottom: 0;
}
body .ais-RefinementList-list li {
margin-bottom: 5px;
}
body .ais-RefinementList-list li input {
width: 15px;
height: 15px;
margin-right: 5px;
}
body .ais-RefinementList-list li span[class*="labelText"] {
color: #363940;
position: relative;
padding-left: 0px;
font-size: 15px;
padding-right: 5px;
}
body .ais-SearchBox-input {
width: 100%;
background: transparent url(../img/search.svg) no-repeat calc(100% - 15px) 50%;
padding: 10px 20px;
padding-right: 60px;
border-radius: 0px;
height: 55px;
border: 1px solid #e5eff6;
}
.cmtsfwc-Results {
margin: 20px 0 0;
}
.cmtsfwc-Results .cmtsfwc-Header {
display: flex;
justify-content: flex-end;
}
.cmtsfwc-Results .cmtsfwc-Header select {
border-radius: 0px;
height: 45px;
border: 1px solid #e5eff6;
padding: 0 15px;
font-size: 14px;
}
.cmtsfwc-Results .cmtsfwc-Header .view-as {
display: none;
}
.cmtsfwc-Results .cmtsfwc-Header .cmtsfwc-Stats {
margin-right: auto;
}
.cmtsfwc-Results .cmtsfwc-Header .cmtsfwc-Stats * {
font-size: 15px;
}
.cmtsfwc-Pagination {
padding-top: 30px;
}
body .cmtsfwc-Pagination span,
body .cmtsfwc-Pagination a {
border: 1px solid #ddd;
color: #07001c;
height: 20px;
padding: 0;
display: table;
min-width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 14px;
}
body .cmtsfwc-Pagination a:hover,
body .ais-Pagination-item--selected .ais-Pagination-link {
color: #fff;
background-color: #07001c;
border-color: #07001c;
}
.cmtsfwc-Refinements {
padding-top: 15px;
}
.ais-CurrentRefinements-category {
background-color: #f00;
padding: 5px;
border-radius: 0;
margin-left: 0;
display: flex;
align-items: center;
}
.ais-CurrentRefinements-category * {
font-size: 14px;
line-height: 1;
}
.cmtsfwc-InstantSearch .ais-CurrentRefinements-delete {
height: 16px;
width: 16px;
padding: 0 !important;
line-height: 16px !important;
}
.ais-ClearRefinements-button {
border-radius: 0px;
padding: 7px 10px !important;
font-size: 14px;
line-height: 1 !important;
display: inline-block;
height: 26px;
white-space: nowrap;
}
.cmtsfwc-Filter-category,
.cmtsfwc-Filter-productAttribute--make,
.cmtsfwc-Filter-productAttribute--engine_manufacturer {
transform: scale(0);
height: 0px;
opacity: 0;
padding: 0 !important;
}
body .cmtsfwc-InstantSearch .ais-RefinementList-label {
gap: inherit;
}
@media(min-width: 768px) {
body .ais-RefinementList ul {
column-count: 2;
}
}
.inventory-area .sidebar:not(:first-of-type) {
margin-top: 30px;
}
.inventory-area .sidebar.widget_nav_menu > div:not(.head) {
padding: 20px 20px 15px;
}
.inventory-area .sidebar.widget_nav_menu ul li {
margin-bottom: 5px;
}
.inventory-area .sidebar.widget_nav_menu ul li a {
position: relative;
padding-left: 15px;
color: #000;
font-weight: 500;
font-size: 15px;
}
.inventory-area .sidebar.widget_nav_menu ul li a:hover {
color: #f00;
}
.inventory-area .sidebar.widget_nav_menu ul li a:after {
content: '';
position: absolute;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: transparent #f00;
display: block;
width: 0;
z-index: 1;
left: 0px;
top: 5px;
}
@media(min-width: 992px) {
.inventory-area .sidebar.widget_nav_menu ul {
column-count: 2;
}
}
body .cmtsfwc-InstantSearch .ais-RefinementList-label {
flex-wrap: inherit;
align-items: flex-start;
}
.ais-RefinementList-count {
min-width: 28px;
text-align: center;
}
body .ais-RefinementList-list li span[class*="labelText"] {
min-width: 45px;
}
body .ais-RefinementList-list li input {
min-width: 15px;
min-height: 15px;
margin-right: 6px;
position: relative;
top: 3px;
}
.single_listing .title mark {
background: transparent;
padding: 0;
font-size: inherit;
color: #f00;
}
.ais-SearchBox-loadingIndicator,
.ais-SearchBox-reset {
display: none !important;
}
.cmtsfwc-Refinements .ais-CurrentRefinements > ul {
display: inline !important;
}
@media only screen and (min-width: 576px) {
.cmtsfwc-InstantSearch .ais-CurrentRefinements-list {
gap: 0 10px;
}
}
body .cmtsfwc-InstantSearch .ais-CurrentRefinements-category {
margin-right: 5px;
margin-left: 0;
}
body .cmtsfwc-InstantSearch .ais-CurrentRefinements-item {
margin: 0 5px 0 0px;
display: inline !important;
}
body .cmtsfwc-InstantSearch .ais-CurrentRefinements-item > span {
display: inline-flex !important;
margin-bottom: 5px;
}
body .ais-CurrentRefinements-item {
gap: 5px;
}
body .cmtsfwc-InstantSearch .ais-CurrentRefinements-item > span:first-child {
padding-right: 8px;
position: relative;
top: 2px;
font-size: 15px;
}
@media(min-width: 768px) {
.cmtsfwc-Filter-itemsContent > div .ais-Panel-header {
position: relative;
padding-right: 30px;
cursor: pointer;
}
.cmtsfwc-Filter-itemsContent > div .ais-Panel-header:after {
content: "";
border: 1px solid #bfcccf;
width: 10px;
height: 10px;
border-width: 0 1px 1px 0;
position: absolute;
top: 10px;
right: 0;
transform: rotate(-135deg);
}
.cmtsfwc-Filter-itemsContent > div .ais-Panel-header.act:after {
transform: rotate(45deg);
top: 8px;
}
.cmtsfwc-Filter-itemsContent > div .ais-Panel-header.act + div {
overflow: hidden;
max-height: 0;
}
.cmtsfwc-Filter-itemsContent > div .ais-Panel-header + div {
max-height: 10000px;
}
.cmtsfwc-Filter-itemsContent > div .ais-Panel-header.act {
padding: 0;
margin: 0;
}
}
.sidebar + .accordion-item {
padding: 20px;
background: #f2fcff;
}
.sidebar + .accordion-item .notes a {
font-size: 14px;
color: #07001c;
text-decoration: underline !important;
}
.sidebar + .accordion-item .notes img {
margin-right: 5px;
}
.sidebar + .accordion-item .notes a:hover {
text-decoration: none !important;
}
.single_listing .feature_list ul {
gap: 0;
}
.cmtsfwc-Filter-productAttribute--hull-type ul {
column-count: 1 !important;
}
.extt {
min-width: auto !important;
padding-right: 4px !important;
}
hr.wp-block-separator {
opacity: 0.2 !important;
}
.wp-block-gallery {
max-width: 1170px;
margin: 0 auto;
padding: 70px 5px ;
display: flex;
gap: 0 !important;
}
.wp-block-gallery figure {
width: calc(33.3333% - 20px) !important;
margin: 10px !important;
}
.wp-block-gallery figure img {
max-height: 250px;
border-radius: 10px;
}
@media(max-width: 767px) {
.wp-block-gallery figure {
width: calc(50% - 10px) !important;
margin: 5px !important;
}
.wp-block-gallery {
padding: 50px 15px;
}
}
.footer_social li a img {
width: 22px;
}
.footer-contact-info {
margin: 20px 0 0;
}
.footer-contact-info h4 {
color: #fff;
font-size: 18px;
}
.footer-contact-info ul li {
display: flex;
align-items: flex-start;
margin-top: 15px;
}
.footer-contact-info ul li a {
color: #fff;
font-size: 15px;
line-height: 22px;
}
.footer-contact-info ul li .icon {
background: #f00;
margin-right: 8px;
border-radius: 50%;
padding: 6px;
}
.footer-contact-info ul li .icon img {
width: 12px;
}
.footer-logo {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-logo a img {
width: 100%;
max-width: 195px;
}
.bg_light_gradient {
position: relative;
}
.bg_light_gradient:after {
content: "";
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 500px;
z-index: 1;
}
.bg_light_gradient .bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
opacity: 0.1
}
.bg_light_gradient > section {
position: relative;
z-index: 2;
}
.block-image-text + .wp-block-gallery {
max-width: 1080px;
padding: 0px 5px 70px;
}
.hero_btn_group {
margin-top: 20px;
}
.hero_btn_group a {
margin: 10px 5px 0 5px;
}
@media (min-width:586px) and (max-width: 991px) {
.box.style1 .image img {
height: 210px;
}
.box.style1 .image {
height: 180px;
}
}
@media(max-width: 1200px) {
.header-area .action > img {
max-height: 50px;
}
.header-area .site-logo {
width: 150px;
}
.header-toggle {
display: block;
position: absolute;
top: 2px;
right: 85px;
}
}
.float-action {
display: flex;
align-items: center;
justify-content: center;
background: #07001c;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 333;
padding: 13px 10px;
}
.float-action > div a {
margin: 0 10px;
font-size: 15px;
}
.float-action > div.call a {
color: #fff;
font-weight: bold;
}
.float-action > div a.cta-btn {
padding: 5px 20px;
}
@media (min-width: 768px) and (max-width: 1200px) {
.header-toggle {
right: 282px;
}
}
@media(max-width: 585px) {
footer {
margin-bottom: 63px;
}
}
:where(.wp-block-columns.is-layout-flex) {
margin: 0;
}
.cta-inner-v2 .btns a {
padding: 8px 15px;
}
.woocommerce-no-products-found {
text-align: center;
padding: 3rem 20px;
}
.wp-block-gallery {
position: relative;
z-index: 2;
}
.more-dealer-slider .box.style1 .title {
font-size: 17px;
line-height: 22px;
min-height: 44px;
}
.more-dealer-slider .box.style1 img:not([src*="woo-placeholder"]):not([src*="300"]) {
object-fit: contain;
background: #fff;
}
.promo-bar {
background: #f00;
margin: -15px 0 15px;
padding: 12px 15px;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
}
.promo-bar a {
color: #fff;
border-bottom: 1px solid;
font-weight: 400;
position: relative;
top: -1px;
line-height: 12px;
display: inline-block;
}
.header-inn {
position: relative;
}
@media (max-width: 585px) {
.onsaleTags {
border-radius: 9px;
padding: 30px !important;
}
.onsaleTags .tags {
top: 13px;
}
.thumbsSlider {
display: flex;
flex-direction: column-reverse;
margin: 0;
}
.sideForm {
margin-top: 30px;
}
}
@media(min-width: 768px) {
.single-product-title {
display: flex;
align-items: center;
margin: 10px 0 0;
}
.single-product-title h1 {
margin: 0 0 0 30px;
}
}
.single-product-title h1 {
font-size: 35px;
}
.boat-single .container {
max-width: 1400px;
}
.single-product-cost > ul li {
display: flex;
align-items: center;
border-bottom: 1px solid #eee;
padding: 14px 0 14px 10px;
}
.single-product-cost > ul li > span:first-child {
min-width: 130px;
font-size: 15px;
color: #707070;
}
.single-product-cost > ul li > span + span {
color: #07001c;
font-weight: 600;
font-size: 20px;
}
.single-product-cost > ul li.sp-price > span + span {
color: #f00;
}
.single-product-cost > ul li.sp-msrp > span + span {
text-decoration: line-through !important;
text-decoration-color: #f00 !important;
}
.single-product-cost > ul li.sp-low > span + span {
color: #f00;
display: flex;
align-items: flex-end;
}
.single-product-cost > ul li.sp-low > span + span small {
font-size: 14px;
font-weight: 400;
color: #999;
margin: 0 0 0 3px;
line-height: 25px;
}
.single-product-cost > ul li.sp-low a {
margin-left: auto;
font-size: 14px;
text-decoration: underline !important;
line-height: 1;
position: relative;
top: 3px;
}
.single-product-cost .status {
display: flex;
margin: 15px 0;
flex-wrap: wrap;
}
.single-product-cost .status div {
background: #07001c;
color: #fff;
font-size: 13px;
text-transform: uppercase;
padding: 6px 8px;
margin-right: 6px;
line-height: 1;
margin-bottom: 6px;
}
.single-product-cost .status div:first-child {
background: #278bb3;
}
.sp-quick-links {
margin: 0 -5px 15px;
display: inline-block;
}
.sp-quick-links a {
font-size: 14px;
border: 1px solid #07001c;
text-align: center;
padding: 8px 10px;
margin: 0 5px;
display: inline-block;
font-family: "Russo One";
}
.sp-quick-links a:last-child {
border-color: #f00;
color: #f00;
}
.sp-boat-features {
border: 1px solid #eee;
border-width: 1px 0;
margin: 5px 0;
}
.sp-boat-features ul {
display: flex;
justify-content: space-between;
}
.sp-boat-features ul li {
padding: 15px 0;
line-height: 1;
color: #07001c;
font-weight: 600;
}
.sp-boat-features ul li span {
font-size: 13px;
color: #999;
display: block;
padding-bottom: 7px;
font-weight: 400;
}
.sp-contact {
display: flex;
justify-content: center;
padding: 10px 0 0;
}
.sp-contact a {
color: #07001c;
font-weight: 600;
}
.sp-contact a span {
text-decoration: underline !important;
}
@media(min-width: 600px) {
.details-info-box ul:not(.sp-list-1) {
column-count: 2;
}
}
@media(min-width: 1100px) {
.details-info-box .sp-list-2 {
column-count: 3 !important;
}
}
.sp-list-1 li {
position: relative;
}
.sp-list-1 li:after {
content: "";
background: #D8E9EE;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
}
.col-md-4 .details-info-box ,
.col-md-8 .details-info-box {
height: calc(100% - 30px);
}
.cta-btn:hover {
background: #a81e1a;
color: #FFFFFF;
}
/*Responsive Fix New*/
.sp-quick-links{
display:flex;
}
.sp-quick-links a{
flex:1
}
.closeformPopupAlt{
display:none
}
.popupAction{
display:none
}
.inventory-area .inventory-area{
padding:0
}
.inventory-area .inventory-area .container{
padding:0
}
hr.wp-block-separator {
opacity: 0.2 !important;
margin: 0 auto;
max-width: 1140px !important;
width: 100% !important;
border-width: 1px;
opacity: 0.27;
}
.service-parts .box{
transition:all 0.4s
}
.service-parts .box:hover {
transform:translatey(-10px)
}
.float-action {
background: #1f3055;
padding: 10px 10px;
gap: 5px;
}
.float-action > div {
width: 50%;
}
.float-action .call {
padding: 7px !important;
}
.float-action .call img {
width: 22px;
}
.float-action > div a{
margin-right:0;
font-size:12px
}
.float-action > div a.cta-btn {
padding: 7px ;
}
@media(max-width:1200px){
.header-area .action{
display:none !important
}
.header-toggle{
position:inherit
}
.header-area .site-logo{
width:190px
}
.menulogo {
width: 160px;
}
}
@media(max-width:991px){
.image-text-area-v4 .h3{
font-size:30px
}
}
@media(max-width:575px){
.promo-bar{
font-size:12px
}
.hero_btn_group .btn_border_white {
display: none;
}
.cta-btn, .cta-btn-border {
width: 100%;
margin: 5px 0 !important;
}
.hero_btn_group {
margin-top: 10px;
}
.hero-area .hero_bg {
height: 310px;
}
.perfect-boat {
padding: 50px 0 420px;
}
.image-text-area.v5 .image{
margin-top:30px
}
.service-parts .cta-btn{
display:none
}
.box.style1 .title {
font-size: 14px;
line-height: 120%;
}
.image-text-area-v4{
z-index:1
}
.image-text-area-v4::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
}
.image-text-area-v4 .container{
z-index:1
}
.image-text-area-v4 > img {
height: 280px;
object-fit: cover;
object-position: calc(100% + 550px) 50%;
}
.image-text-area-v4 .container .col-md-6 {
padding: 25px 15px 0 15px;
}
.image-text-area-v4 .container .col-md-6 .content-text{
text-align:center !important
}
.boat-breands .slide{
padding-bottom:15px
}
.image-cta{
padding-top:0
}
.service-parts .box:hover {
transform:translatey(0px)
}
.rank-math-breadcrumb .separator {
top: -1px;
}
.rank-math-breadcrumb p{
font-size: 10px;
line-height: 16px;
}
.text-area .heading {
font-size:30px
}
.cta-area{
padding:50px 0
}
.block-image-text + .wp-block-gallery {
max-width: 1080px;
padding: 0px 5px 50px;
}
.icon-teaser-area.no-bg{
padding-top:0
}
.image-text-area .heading{
font-size:30px
}
.image-text-area .max_img{
float:none
}
.page-banner p {
font-size: 14px;
line-height: 22px;
}
.inventory-area .sidebar.widget_nav_menu{
position:relative
}
.inventory-area .sidebar .head{
padding:10px 20px;
position:relative
}
.inventory-area .sidebar.widget_nav_menu > div:not(.head) {
position: absolute;
z-index: 11;
background: #fff;
width: 100%;
display:none
}
.inventory-area .sidebar.widget_nav_menu.active > div:not(.head){
display:block
}
.inventory-area .sidebar .head::after {
position: absolute;
content: "";
top:45%;
right: 20px;
width: 7px;
height: 7px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg) translateY(-50%);
}
.inventory-area .sidebar.widget_nav_menu {
margin-bottom: 10px !important;
margin-top: 0;
}
.sidebar.cmtsfwc-FilterPanel .head{
display:none
}
.inventory-area .sidebar:not(:first-of-type) {
margin-top: 10px;
margin-bottom: 10px;
}
.woocommerce .page-banner .group_btn{
display:none
}
.woocommerce .page-banner p{
margin-bottom:0
}
.cmtsfwc-SearchHeader{
margin-top:20px
}
.cmtsfwc-SearchHeader h2{
font-size:20px
}
.single-thumbs-banner .tags {
font-size: 10px;
padding: 5px 15px;
line-height: normal;
}
.single-product-title h1 {
font-size: 26px;
}
.thumbsSlider .main-thumb-slider{
margin-top:5px
}
.thumbsSlider .mini-thumb-slider .image{
height:75px
}
.single-product-cost > ul li {
padding: 6px 0 6px 10px;
}
.single-product-cost > ul li > span:first-child {
font-size: 12px;
line-height: normal;
}
.single-product-cost > ul li > span + span {
line-height: normal;
font-size: 16px;
}
.sp-quick-links a {
font-size: 14px;
padding: 5px 10px;
line-height: normal;
}
.single-product-cost .status {
margin: 8px 0;
}
.thumbsSlider .main-thumb-slider .image {
height: 220px;
}
.sp-quick-links {
margin: 0 -5px 5px;
}
.sp-boat-features ul li {
padding: 5px 0;
}
.popupAction{
display:block
}
.sp-contact{
align-items:center;
justify-content:space-between
}
.cta-btn.formPopupAlt {
font-size: 12px;
color: #fff;
}
.sideForm.sideWidget.popupFormAlt {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background: #fff;
height: 100%;
display: none;
margin: 0;
border-radius: 0;
padding: 50px 30px;
}
.sideForm.sideWidget.popupFormAlt.active{
display:block
}
.closeformPopupAlt {
position: absolute;
top: 10px;
right: 10px;
display:block
}
.sp-contact a{
font-size:14px
}
.sp-quick-links{
display:inline-block
}
}
.sp-v2 ,
.sp-v3 {
padding-top: 70px;
position: relative;
}
.sp-v2:before ,
.sp-v3:before {
content: "";
background: linear-gradient(#eaf4fa 0%, rgba(234, 244, 250, 0) 100%);
opacity: 0.59;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sp-v2 .container ,
.sp-v3 .container {
position :relative;
z-index: 22;
}
.sp-v3 .box {
height: 450px;
position: relative;
}
.sp-v3 .box:before {
content: "";
background: linear-gradient( rgba(7, 0, 28, 0) 0%, #07001c 100%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.sp-v3 .box .icon {
max-height: 42px;
}
.sp-v3 .box .icon img {
max-height: 42px;
}
body .sp-v3 .box .inner {
z-index: 22;
bottom: 0;
top: auto;
left: 0;
height: auto;
z-index: 1;
}
.sp-v3 .inner h4 {
color: #fff;
font-size: 18px;
}
.sp-v3 .inner p {
font-size: 12px;
line-height: 20px;
color: #fff;
opacity: 0.72;
}
.sp-v3 .inner .cta-btn-border {
min-width: inherit;
display: inline-block;
padding: 8px 20px;
width: auto;
max-width: max-content;
margin: 0;
}
.sp-v2 .box .inner {
height: auto;
z-index: 22;
}
.sp-v2 .box h4 {
font-size: 35px;
line-height: 40px;
color: #081a23;
text-transform: uppercase;
}
.sp-v2 .box .title {
font-size: 18px;
color: #081a23;
opacity: 0.62;
text-transform: uppercase;
text-decoration: none;
}
.sp-v2 .box:hover h4 ,
.sp-v2 .box:hover .title {
color: #fff;
}
.sp-v2 .box .title strong {
font-weight: 400;
}
.sp-v2 .box a {
position: relative;
}
.sp-v2 .box a > img {
filter: grayscale(1);
}
.sp-v2 .box a:before {
content: "";
background: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0.8;
transition: 0.3s all;
}
.sp-v2 .box:hover a:before {
background: #f00;
}
.sp-v2 .box {
overflow: hidden;
}
.sp-v2 .box:before {
content: "";
background: #fff;
width: 80px;
height: 80px;
position: absolute;
bottom: -40px;
right: -40px;
z-index: 333;
transform: rotate(45deg);
}
.stats {
padding: 70px 0;
}
.stats h4 {
font-family: "Russo One";
font-weight: normal;
font-size: 100px;
line-height: 95px;
color: #07001c;
margin: 0;
}
.stats h4 + span {
font-family: "Russo One";
font-weight: normal;
font-size: 18px;
line-height: 29px;
color: #07001c;
opacity: 0.61;
display: block;
margin-bottom: 45px;
}
.boat-breands.alt {
background: #fff;
padding: 0;
overflow: hidden;
}
.boat-breands.alt .brand-slider .slide {
padding: 40px 0 0 0;
overflow: hidden;
margin-bottom: -22px;
}
.brand-slider .slick-prev,
.brand-slider .slick-next {
background: #fff;
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
width: 50px;
height: 50px;
left: 40px;
}
.brand-slider .slick-prev:hover ,
.brand-slider .slick-next:hover {
background: #081a23;
}
.brand-slider .slick-next {
left: auto;
right: 40px;
}
.brand-slider .slick-next:after {
content: '';
position: absolute;
border-style: solid;
border-width: 5px 0 5px 7px;
border-color: transparent #081a23;
display: block;
width: 0;
z-index: 1;
left: 22px;
top: 20px;
}
.brand-slider .slick-prev:after {
content: '';
position: absolute;
border-style: solid;
border-width: 5px 7px 5px 0;
border-color: transparent #081a23;
display: block;
width: 0;
z-index: 1;
right: 22px;
top: 20px;
}
.brand-slider .slick-next:hover:after {
border-color: transparent #fff;
}
.brand-slider .slick-prev:hover:after {
border-color: transparent #fff;
}
.footer-cta {
background: #fff;
text-align: center;
padding: 50px 30px;
position: relative;
z-index: 22;
top: -100px;
margin-bottom: -100px;
box-shadow: 0 0 15px 1px #0000001a;
}
.footer-cta a {
margin: 0 10px;
}
body:not(.home) footer {
margin-top: 120px;
}
@media(max-width: 1050px) {
.stats h4 {
font-size: 60px;
line-height: 55px;
}
}
@media(max-width: 767px) {
.stats h4 + span {
font-size: 15px;
line-height: 1.2;
margin-bottom: 0;
}
.stats h4 {
margin-top: 40px;
}
.hero-area .h1 {
font-size: 26px;
}
.hero_btn_group a {
width: auto;
}
footer {
margin: 0 !important;
}
.footer-cta {
padding: 40px 25px;
top: 0;
margin-bottom: 0;
margin: 0 -15px;
}
.footer-cta a {
width: auto !important;
}
.boat-breands.alt .brand-slider .slide {
padding: 0px 0 0 0;
}
}
.boat-list-slider .box.style1 {
box-shadow: -20px 20px 50px rgba(0, 0, 0, 0.02);
background: #fff;
display: block;
}
.boat-list-slider .box.style1 .text{
margin:0;
padding:20px
}
.slick-dots{
position:inherit;
bottom:0
}
.slick-dots li button:before{
display:none
}
.slick-dots li {
width: auto;
height: auto;
}
.slick-dots li button {
width: 7px;
height: 7px;
padding: 0;
background: #081A23;
border-radius: 50%;
opacity: 0.27;
}
.slick-dots li.slick-active button{
opacity:1
}
.footer-top .container, .copyright .container{
max-width:1350px
}
.col-lg-8 .footer_links{
column-count:2
}
.footer-top p, .footer-top a {
font-size: 14px !important;
color: #808098 !important;
line-height: 28px !important;
}
.footer-top a:hover{
color:#fff !important;
text-decoration:underline !important
}
.footer-top .footer-widget.alt {
margin-top: 0;
}
.footer-top .footer-widget.alt h4 {
color: #fff;
font-size: 18px;
}
.footer-call-inner {
display: flex;
align-items: center;
margin-bottom:30px
}
.footer-call-inner .icon {
margin-right: 10px;
}
.footer-call-inner .call_title {
color: #fff;
opacity: 0.5;
text-transform: uppercase;
line-height: normal;
}
.footer-call-inner a {
font-family: "Russo One", sans-serif;
color: #fff !important;
font-size: 18px !important;
}
.footer-email-inner h4 {
font-size: 34px !important;
margin-bottom: 5px;
}
.footer_social li a img {
width: auto;
}
.footer_social li a{
opacity:0.28
}
.footer_social li a:hover{
opacity:1
}
.footer_social {
margin-top: 10px;
}
.breadcrumb_div .container{
max-width:1350px
}
.divider.breadcrumb_div {
position: absolute;
z-index: 1;
background: transparent;
}
.page-banner{
padding-top:100px
}
.page-banner .heading{
font-weight:400
}
.rank-math-breadcrumb a {
opacity: 0.6;
font-weight: 400;
}
.rank-math-breadcrum .last{
display:inline-block;
text-decoration:underline
}
.form-content .h3{
font-size:32px
}
.c_image{
margin-top:30px
}
.c_form_style_3 {
background: #FCFCFC;
padding: 40px;
}
.c_form_style_3 .heading {
font-size: 24px;
text-align: left !important;
}
.c_form_style_3 .c_form {
background: transparent;
padding: 0;
border-radius: 0px;
}
.form-area .c_form_style_3 .c_form .c_form_heading {
color: #07001C;
font-size: 18px;
margin: 10px 0;
}
.form-area .c_form_style_3 .c_form textarea, .form-area .c_form_style_3 .c_form input:not([type="submit"]) {
border: 1px solid rgba(112, 112, 112, 0.18);
}
.form-area .c_form_style_3 .c_form .gfield label:not(.gchoice label), .form-area .c_form_style_3 .c_form .gfield legend {
font-size: 14px;
line-height: 18px;
color: #07001C;
font-family: "Russo One", sans-serif;
display: block;
margin-bottom: 10px !important;
display: block !important;
}
.c_form_style_3 .ginput_container--name {
display: flex;
clear: both;
gap: 30px;
}
.c_form_style_3 .gform-grid-col{
width:50%
}
.form-area .c_form_style_3 .c_form .gfield {
margin-bottom: 20px;
}
.form-area .c_form_style_3 .c_form .cta-btn {
margin-top: 0;
}
.image-text-area.gradient_bg {
background: linear-gradient(#eaf4fa 0%, rgba(234, 244, 250, 0) 100%);
}
.reviews-area{
padding:70px 0
}
.testimonial-slider .slick-list, .image-gallery-slider .slick-list {
margin-left: -180px;
margin-right: -180px;
}
.testimonial-slider .slide {
padding: 50px 15px;
}
.image-gallery-slider .slide{
padding:0 15px
}
.testimoial-box {
padding: 40px;
background: #FCFCFC;
position:relative;
overflow:hidden;
transition:all 0.4s;
z-index:1
}
.testimoial-box:hover{
background:#fff;
transform:translatey(-10px);
box-shadow:20px 20px 40px rgba(0, 0, 0, 0.01)
}
.testimoial-box:before {
content: "";
background: #fff;
width: 80px;
height: 80px;
position: absolute;
bottom: -40px;
right: -40px;
z-index: 333;
transform: rotate(45deg);
}
.testimoial-box .content {
font-style: italic;
}
.testimoial-box .rating {
display: flex;
align-items: center;
gap: 5px;
margin-left:20px
}
.testimoial-box .meta {
display: flex;
align-items: center;
margin-top: 20px;
}
.testimoial-box .name{
color: #07001C;
font-family: "Russo One", sans-serif;
font-size:18px
}
.testimonial-arrows {
display: flex;
justify-content: center;
margin-top: 30px;
}
.testimonial-arrows .slick-arrow {
position: inherit;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
left: auto;
border: 1px solid #081A23;
margin: 0 10px;
}
.testimonial-arrows .slick-arrow::before{
display:none
}
.testimonial-arrows .slick-arrow:hover{
background:#081A23
}
.testimonial-arrows .slick-arrow:hover path{
fill:white
}
.stats{
position:relative;
z-index:1
}
section.image-gallery-area {
position: relative;
z-index: 11;
}
.stat_bg {
background: linear-gradient(#eaf4fa 0%, rgba(234, 244, 250, 0) 100%);
opacity: 0.59;
position: absolute;
top: -200px;
left: 0;
width: 100%;
height: calc(100% + 200px);
z-index: -1;
}
.text-box-area {
padding-bottom: 40px;
}
.text-box-n {
padding: 40px;
background: #FCFCFC;
margin:15px 0
}
.text-box-n .content-list{
margin-bottom:0
}
.full-width-form {
background: #07001c;
padding: 60px;
}
.full-width-form .heading{
color: #fff;
text-align: left !important;
font-size: 28px;
}
.full-width-form .c_form {
background: transparent;
padding: 0px;
}
.gf_page_steps {
display: inline-flex;
align-items: center;
border-bottom: 4px solid rgba(255, 255, 255, 0.1);
}
.gf_step {
color: #fff;
font-family: "Russo One", sans-serif;
padding-right: 30px;
display: flex;
align-items: center;
padding-bottom: 10px;
position:relative
}
.gf_step::after {
position: absolute;
content: "";
bottom: -5px;
left: 0;
width: 100%;
height: 4px;
background: #FF0000;
opacity:0
}
.gf_step.gf_step_active::after{
opacity:1
}
.gf_step_number {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-right: 15px;
background:rgba(255, 255, 255, 0.1);
font-size:9px
}
.form-area.full-width-form .c_form .c_form_heading {
font-size: 18px;
}
.full-width-form .c_form .c_form_heading p{
font-family:"Montserrat", sans-serif;
color:#A9A9CC;
font-size:16px
}
.gfield_required_asterisk{
color:#FF0000;
margin-left:5px
}
.full-width-form .c_form .gfield label:not(.gchoice label), .full-width-form .c_form .gfield legend {
font-size: 14px;
line-height: 18px;
color: #fff;
font-family: "Russo One", sans-serif;
display: block;
margin-bottom: 10px !important;
display: block !important;
}
.full-width-form .ginput_container--name {
display: flex;
clear: both;
gap: 30px;
}
.full-width-form .c_form .gfield {
margin-bottom: 20px;
}
.gform_page_footer {
display: flex;
justify-content: flex-end;
}
.gform_page_footer input:not([type="submit"]) {
width: auto !important;
min-width: 180px;
background: #f00 !important;
color: #fff !important;
font-family: "Russo One";
padding-left: 18px !important;
padding-right: 18px !important;
transition:all 0.4s
}
.gform_page_footer .cta-btn{
margin-left:15px
}
.gform_page_footer input:not([type="submit"]):hover{
background: #a81e1a !important;
color: #FFFFFF !important;
}
.ui-datepicker {
background: #fff;
border: 1px solid #ddd;
}
.ui-datepicker select {
border: 1px solid #777;
padding: 10px 20px;
}
.ui-datepicker tr td {
padding: 10px 15px;
border: 1px solid #ddd;
}
a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all {
width: 50%;
display: inline-block;
text-align: center;
padding: 10px;
background: #07001c;
color: #f4f0e5;
cursor: pointer
}
a.ui-datepicker-prev.ui-corner-all {
border-right: 1px solid #f4f0e5;
}
.ui-datepicker select {
border: 1px solid #777;
padding: 10px 20px;
width: 50%;
background: #FFFEFA;
}
.ui-datepicker-calendar th {
background: #07001c;
color: #f4f0e5;
text-align: center;
}
.full-width-form .c_form .cta-btn {
margin-top: 0;
height: 55px;
}
.grid_view .testimoial-box {
padding: 30px;
margin-top: 30px;
}
.page-banner .content-list li {
color: #fff;
font-weight: 700;
display: inline-block;
margin: 0 10px;
}
.page-banner .content-list{
margin-bottom:0
}
.service-box {
margin-top: 30px;
background:#FCFCFC;
position:relative;
transition:all 0.4s
}
.link_text_pos {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.service-box:hover{
background:#07001C;
color:rgba(255, 255, 255, 0.56);
transform:translatey(-10px)
}
.service-box .inner p {
line-height: 25px;
transition:all 0.4s
}
.service-box .inner {
padding: 30px;
}
.service-box .inner h4 {
font-size: 18px;
transition:all 0.4s
}
.service-box:hover h4{
color:#fff
}
.service-box .inner .link_text {
color: #808098;
font-family: "Russo One", sans-serif;
}
.service-box:hover .link_text path{
fill:#FF0000;
stroke:#FF0000
}
.service-box:hover .link_text{
color:#FF0000
}
.service-box .inner .link_text svg{
margin-left:10px
}
.service-parts.sp-v4.normal-style {
padding-top: 70px;
}
.v8-image-text-inner {
position: relative;
padding: 40px;
background: #FCFCFC;
transition:all 0.4s
}
.v8-image-text-inner:hover {
background: #07001C;
color: #fff;
}
.v8-image-text-inner:hover .content{
opacity:0.72
}
.v8-image-text-inner > img {
position: absolute;
right: 0;
width: 50%;
height: 100%;
object-fit: cover;
top: 0;
}
.v8-image-text-inner > img.alt{
right:auto;
left:0
}
.v8-image-text-inner .content-text {
padding-left: 40px;
line-height: 26px;
font-size: 15px;
}
.v8-image-text-inner .heading{
font-size:18px;
margin-bottom:10px;
transition:all 0.4s
}
.v8-image-text-inner:hover .heading{
color:#fff
}
.img-text-logo {
margin-bottom: 15px;
max-width: 140px;
transition:all 0.4s
}
.v8-image-text-inner:hover .img-text-logo{
filter:grayscale(1) invert(1)
}
.v8-image-text-inner .subh {
display: block;
color: rgba(7, 0, 28, 0.72);
font-weight: 700;
margin-bottom: 15px;
}
.v8-image-text-inner:hover p, .v8-image-text-inner:hover .subh{
color:#fff;
opacity:0.72
}
.image-text-area.style8{
padding-top:0
}
.image-text-area.style8.top-space{
padding-top:70px
}
.service-parts.sp-v5.brand-style {
padding: 70px 0;
}
.service-box-alt .sp-image-n {
position: relative;
}
.service-box-alt .sr-logo {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
max-height: 40px;
}
.service-box-alt .sp-image-n:before {
content: "";
background: linear-gradient( rgba(7, 0, 28, 0) 0%, #07001c 100%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
transition:all 0.4s
}
.service-box-alt .hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 0, 0, 0.78);
opacity:0;
visibility:visible;
transition:all 0.4s
}
.service-box-alt:hover .hover{
opacity:1;
visibility:visible
}
.service-box-alt:hover .sr-logo{
opacity:0;
visibility:hidden
}
.service-box-alt .inner {
padding-top: 20px;
font-size: 14px;
line-height: 22px;
}
.service-box-alt .inner h4 {
font-size: 26px;
}
.service-box-alt:hover .sp-image-n:before{
opacity:0;
visibility:hidden
}
.service-box-alt {
margin-bottom: 40px;
}
.sp-v4.normal-style{
position:relative
}
.sp-v4.normal-style .gradient_bg{
content: "";
background: linear-gradient(#eaf4fa 0%, rgba(234, 244, 250, 0) 100%);
opacity: 0.59;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:-1
}
.video-gallery-area {
padding: 50px 0;
}
.video-gallery-area .video-box {
position: relative;
margin-bottom: 30px;
}
.video-gallery-area .video-box .play_btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
background: #f00;
color: #fff;
border-radius: 50%;
opacity: 0.4;
}
.video-gallery-area .video-box:hover .play_btn{
opacity:1
}
@media (min-width: 586px) and (max-width: 991px) {
.box.style1 .image img {
height: 100%;
object-fit: cover;
}
}
@media(max-width:1200px){
.box.style1 .price {
font-size: 14px;
}
.box.style1 .title {
font-size: 18px;
line-height: 100%;
margin-top: 10px;
}
}
@media(max-width:991px){
.sp-v2 .box h4 {
font-size: 20px;
line-height: 120%;
}
.sp-v2 .box .title{
font-size:16px
}
.client-logo .inner .items {
padding: 0 15px;
height: 35px;
}
.hero-area .hero_bg {
height: 350px;
}
.col-lg-8 .footer_links {
column-count: 1;
}
.testimonial-slider .slide {
padding: 20px 15px;
}
.testimoial-box{
padding:20px
}
.service-box-alt .inner h4 {
font-size: 20px;
}
.full-width-form .heading {
font-size: 22px;
}
.full-width-form .c_form .c_form_heading p {
font-size: 14px;
line-height: 22px;
}
.text-box-n {
padding: 30px;
}
.v8-image-text-inner .content-text {
padding-left: 0;
}
.v8-image-text-inner {
padding: 25px;
}
.service-parts.sp-v4.normal-style {
padding-top: 30px;
}
.c_form_style_3 .heading {
font-size: 20px;
}
.c_form_style_3 {
padding: 30px
}
}
@media(max-width:767px){
.footer-email-inner h4 {
font-size: 19px !important;
}
.col-lg-8 .footer_links {
column-count: 2;
}
.testimonial-slider .slick-list, .image-gallery-slider .slick-list {
margin-left: 0;
margin-right: 0;
}
.full-width-form {
padding: 30px;
}
.gform-grid-col {
width: 47%;
}
.full-width-form .ginput_container--name {
gap: 15px;
flex-wrap: wrap;
}
}
@media(max-width:575px){
.client-logo .inner .items {
padding: 0 20px;
height: 35px;
width: 44%;
}
.box.style1 .title {
margin-top: 10px;
}
.image-text-area.v5 .image {
margin-top: 0;
margin-bottom: 30px;
}
.gf_page_steps {
display: block;
}
.gf_step {
padding: 10px 0;
}
.v8-image-text-inner {
padding: 0;
}
.v8-image-text-inner .content-img{
margin-bottom:0
}
.v8-image-text-inner .content-text {
padding: 30px;
}
.c_form_style_3 {
padding: 30px;
margin-top: 30px;
}
}
.single-product .divider.breadcrumb_div {
position: relative;
background: #09011d;
margin-bottom: 20px;
}
.single-product .rank-math-breadcrumb a {
opacity: 0.8;
}
.details-info-box .list-style li {
font-size: 15px;
}
.box.style1 .price {
padding-bottom: 5px;
}
body .more-dealer-slider .box.style1 .price * {
font-size: 12px;
line-height: 12px;
}
body .box.style1 .text > span:not(.d-block):hover {
color: #f00;
}
body .box.style1 .text > span:not(.d-block):hover svg path {
stroke: #f00;
}
.image-gallery-slider .slick-slide > div,
.image-gallery-slider .slide,
.image-gallery-slider .gallery-box {
height: 100%;
}
.image-gallery-slider .gallery-box img {
height: 100%;
object-fit: cover;
}
.image-gallery-slider .slick-track {
display: flex !important;
}
.image-gallery-slider .slick-slide {
height: inherit !important;
}
.service-box-alt .sp-image-n > img:first-child {
height: 300px;
object-fit: cover;
width: 100%;
}
.service-box-alt .sr-logo {
max-height: 55px;
max-width: 180px;
}
body .service-box-alt .hover img {
max-height: 90px;
max-width: 170px;
}
.sp-image-n {
overflow: hidden;
position: relative;
}
.sp-image-n:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 60px 60px;
border-color: #fcfcfc transparent;
display: block;
width: 0;
z-index: 1;
bottom: 0px;
right: -60px;
transition: 0.3s all;
}
.service-box:hover .sp-image-n:after {
border-color: #07001C transparent;
}
.block-image-text .cta-btn {
margin-right: 10px;
}
.gfield_list_header > div, .gfield_list_group > div {
color: #fff;
}
body.page-id-2523 .text-area .col-lg-9 {
width: 100%;
}
.shipping-table {
border: 1px solid #eee;
width: 100%;
}
@media(max-width: 767px) {
.shipping-table {
overflow: auto;
display: inline-block;
max-width: 100%;
}
.shipping-table::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
height: 5px;
}
.shipping-table::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.shipping-table th {
min-width: 200px;
}
}
.shipping-table thead {
background: #09011d;
}
.shipping-table thead th {
color: #fff;
padding: 10px 15px;;
}
.shipping-table tbody tr td {
vertical-align: top;
padding: 15px 20px;
border: 1px solid #eee;
}
.shipping-table ul li {
position: relative;
padding-left: 27px;
margin: 0 0 5px;
}
.shipping-table ul li:before {
content: "";
width: 16px;
height: 9px;
border: 3px solid red;
position: absolute;
top: 7px;
left: 0;
border-width: 0 0 3px 3px;
transform: rotate(-45deg)
}
.thumbsSlider .mini-thumb-slider .slide a {
pointer-events: none;
}
.heading-med {
font-size: 30px;
}
.box.style1 .price ins {
float: left;
margin-right: 8px;
}
.box.style1 .price del {
color: rgba(7,0,28,0.2);
position: relative;
}
.box.style1 .price del:before {
content: "";
width: 100%;
height: 2px;
position: absolute;
top: 5px;
left: 0;
background: red;
transform: rotate(-5deg)
}
.details-info-box .list-style li.list-heading {
padding: 0;
color: #07001c;
margin-bottom: 10px;
font-family: "Russo One", sans-serif;
font-size: 20px;
margin: 25px 0 10px;
line-height: 1;
border-left: 5px solid red;
padding-left: 10px;
}
.details-info-box .list-style li.list-heading:before {
display: none;
}
.certified-partners-section .content-text p {
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.certified-partners-section .content-text img {
max-height: 80px;
max-width: 260px;
margin: 0 20px;
}
.certified-partners-section .content-text br {
display: none;
}
.certified-partners-section .content-text span {
width: 100%;
color: #07001c;
margin-bottom: 30px;
font-family: "Russo One", sans-serif;
font-size: 30px;
}
@media(max-width: 600px) {
.certified-partners-section .content-text img {
max-width: 150px;
margin: 0 10px;
}
.certified-partners-section .content-text span {
margin-bottom: 10px;
font-size: 20px;
}
}
.content-text ol:last-of-type {
margin-bottom: 0px;
}
.content-text ol:last-of-type + p,
.content-text ol:last-of-type + h1,
.content-text ol:last-of-type + h2,
.content-text ol:last-of-type + h3 {
margin-top: 25px;
}
@media(max-width: 767px) {
.video-gallery-area .col-md-4:last-child {
display: none;
}
}
.content-text p a:not([class*="btn"]) {
text-decoration: underline !important;
text-underline-offset: 3px;
color: #07001c;
}
span.onsale {
display: none;
}
@media(min-width: 1201px) {
#menu-main-menu > li ul li {
position: relative;
}
#menu-main-menu > li > ul ul {
position: absolute;
background: #fff;
width: 220px;
top: 0;
left: 100%;
box-shadow: 0 5px 15px #00000029;
z-index: 22;
padding-top: 15px;
transition: 0.3s all;
opacity: 0;
visibility: hidden;
}
#menu-main-menu > li > ul .menu-item-has-children > a:after {
right: 10px;
transform: rotate(-90deg)
}
#menu-main-menu > li > ul .menu-item-has-children:hover > a {
color: red;
}
#menu-main-menu > li > ul .menu-item-has-children:hover ul {
opacity: 1;
visibility: visible;
}
}
@media(max-width: 1200px) {
.sub-menu li a:after {
display: none !important;
}
.sub-menu .sub-menu {
overflow: visible !important;
}
}
.service-box {
height: calc(100% - 30px);
}
.sp-image-n img {
height: 260px;
width: 100%;
object-fit: cover;
}
.wp-block-heading.has-text-align-center {
text-align: center;
padding: 0 20px;
}
.sideForm .ginput_recaptcha {
transform: scale(0.85);
transform-origin:0 0;
margin: -5px 0;
}
.related-links ul li a:hover {
background: #131f3a;
}
@media(max-width:767px){
.heading-med {
font-size: 22px;
}
}
@media(max-width:575px){
.form-area .c_form .gfield{
width:100%
}
.related-links ul li {
width: 50%;
text-align: center;
line-height: normal;
}
.related-links ul li a {
min-height: 50px;
display:flex;
align-items:center
}
footer.footer-area {
padding-bottom: 75px;
}
.copyright p {
font-size: 12px;
}
}