
/* Import GLOBAL CSS */
@import url('/wp-content/themes/forzaboats/css/global.css');


.single-product .product_meta,
.single-product .price,
.woocommerce-product-gallery,
.woocommerce-cart-form__cart-item .product-thumbnail {display: none;}

.single-product .variations {display: none;}

.single-product #main, .single-product .section {padding-bottom: 0px !important;}


.woocommerce-cart-form__cart-item .product-name a {color: #000;font-size: 20px;font-weight: bold;margin-bottom: 20px;}


.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: none !important;
    width: 100% !important;
    clear: none !important;}


.woocommerce button.button.alt.disabled {background-color: #333 !important;}
.woocommerce button.button.alt {background-color: #000 !important;width: 100%; border-radius: 20px;}
.variations_form {padding: 20px;}


.video-wrapper {height: 100vh;margin-top: 40px;}
.page-template-page-video header{background: #FFF;}

.page-template-page-reserve-fx1-center-console header nav.menu,
.page-template-page-reserve-fx1-center-console header .menu-toggle-wrap {display: none !important;}
.page-template-page-reserve-fx1-center-console .inner-page,
.page-template-page-reserve-fx1-center-console .slider-section {padding: 0px !important;}
.page-template-page-reserve-fx1-center-console .image-slider .swiper-slide {height: 100vh !important;}


.page-template-page-reserve-fx1-dual-console header nav.menu,
.page-template-page-reserve-fx1-dual-console header .menu-toggle-wrap {display: none !important;}
.page-template-page-reserve-fx1-dual-console .inner-page,
.page-template-page-reserve-fx1-dual-console .slider-section {padding: 0px !important;}
.page-template-page-reserve-fx1-dual-console .image-slider .swiper-slide {height: 100vh !important;}


.page-template-page-about .left {max-width: 40%;}

#side-menu {position: absolute;width: 0px;max-width: 100vw;height: 100vh;background: #FFF;color: #000;right: 0;top: 0;}

#side-menu ul {width: 100%;}
#side-menu li {width: 100%;margin: 20px 0;}
#side-menu a {padding: 5px 10px;
    border-radius: 10px;color: #000;
    font-weight: bold;width: 80%;margin: 0 auto;display: block;}
#side-menu a:hover {background: #e9e9e9;}
#close-side-menu {font-size: 28px;    width: 100%;
    padding: 20px 40px;
    text-align: right;}
.list-split ul {flex: 50%;}
#inner-page-header {padding: 220px 0;
    background-size: cover !important;
    background-position: center !important;margin-bottom: 40px;}

.woocommerce-page #inner-page-header,
.page-template-page-reserve-fx1-center-console .inner-page,
.page-template-page-reserve-fx1-dual-console-php .inner-page,
.page-template-page-cart #inner-page-header,
.page-template-page-checkout #inner-page-header {padding: 80px 0 0 0;}

span.selection {display: block;}
.select2-container--default .select2-selection--single {border: 2px solid #000;border-radius: 0px;height: 40px;
    padding-top: 5px;}
.woocommerce form .form-row .select2-container {line-height: 0px;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #b9d431}

h6{margin-top: 20px;}

#inner-page-header h1 {font-weight: bold;}
#inner-page-header span {margin: 30px 0;font-size: 20px;}
.header-inner {display: flex;}
.header-inner.three-column .left,
.header-inner.three-column .right {flex: 25%;}
.header-details {}
.header-details span {}
.button-wrap {display: flex;}
.button-wrap a {margin: 0 10px;flex: 50%;}
#main {padding-bottom: 40px;}
.page-template-page-models #main {padding-bottom: 0px;}
#main p {margin-bottom: 15px;font-size: 20px;}

.motor-detail-list strong {border: 2px solid var(--primary-color);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    line-height: 37px;}
.motor-detail-list p {}


#main .options p {font-size: 15px;}

.no-container {padding: 0 0px 0px 0;}
.page-template-page-reserve #main {padding-top: 40px;}

.woocommerce-input-wrapper,
.wpcf7 label,
.wpcf7-form-control-wrap,
.wpcf7-text {width: 100%;}
select,
.woocommerce-input-wrapper input,
.wpcf7-form-control, textarea {border: 2px solid #000;height: 40px;margin-bottom: 20px;}
.wpcf7-textarea, textarea {width: 100%;height: 120px !important;}




body{font-family:var(--font-family); color:var(--color); font-weight:400;overflow-x: hidden;}
.container{padding-left:30px; padding-right:30px; max-width:1399px}
.header{padding:10px 0; position:absolute; left:0; top:0; width:100%; z-index:999; min-height:100px; transition:all 0.1s linear;}
.header .container{max-width:1399px;}
.header .row{margin:0 -15px;}
.header .row .col, .header .row .col-auto{padding:0 15px;}
.logo{display:block;}
.logo img{max-width:282px;}
.menu ul li:not(:last-child){margin-right:35px;}
.menu ul li a{font-weight: bold;font-size:16px; display:block; color:#000; line-height:1; padding:10px 0; position:relative;}
.menu-toggle{cursor:pointer;}
.menu-toggle span:not(:last-child){margin-right:10px;}
.menu-toggle i, .menu-toggle svg{color:#000;}

.hero{min-height:100vh; background:url(/wp-content/themes/forzaboats/images/hero-bg.jpg) center center no-repeat; background-size:cover; padding:50px 0; padding-top:150px;}
.hero-block h1{padding-bottom:10px; border-bottom:3px solid var(--primary-color); line-height:1.2;}
.hero-block h1:not(:last-child){margin-bottom:10px;}
.scroll-down{display: table;
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin: auto;}
.scroll-down:not(:first-child){margin-top:30px;}
.scroll-down:hover{color:var(--primary-color);}
.scroll-down i, .scroll-down svg{display:block;}
.hero-2{min-height:880px; background:url(/wp-content/themes/forzaboats/images/hero-bg-2.jpg) center center no-repeat; background-size:cover; padding:50px 0; padding-top:150px;}
.hero-3{height: 100vh; background:url(/wp-content/themes/forzaboats/images/hero-bg-3.jpg) center center no-repeat; background-size:cover; padding:50px 0; padding-top:150px;}
.hero-4{min-height:880px; background:url(/wp-content/themes/forzaboats/images/hero-bg-4.jpg) center center no-repeat; background-size:cover; padding:50px 0; }


.article-content strong {margin-bottom: 10px;
    display: block;
    font-size: 20px;}


h3.top-header {position: absolute;width: 100%;font-weight: bold;}

.models-hero {-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: flex-end;
    padding-bottom: 8px;
    padding-bottom: var(--tds-size--1x);
    width: 100%;}
.model-specs .single {width: 20%;text-align: center;color: #FFF;}
.model-specs .single h3 {font-weight: bold;margin-bottom: 0px !important;}
.model-specs .single h3 span {padding-left: 4px;font-weight: bold;font-size: 14px;}


.full-height-section {padding: 30px 0 !important;}
.full-height-section .article-content {width: 100%;font-size: 20px;}
.full-height-section .article-content li {margin-bottom: 20px;}

.section{padding:60px 0;}
.section-block:not(:last-child){margin-bottom:75px;}
.team-image:not(:last-child){margin-bottom:25px;}
.team-content:not(:last-child){margin-bottom:15px;}
.team-content h5:not(:last-child){margin-bottom:10px;}
.team-image figure{position:relative;}
.team-image figure::before{position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--primary-color); content:""; background-color:var(--primary-color); z-index:-1; transform:translate(-10px, 10px);}
.team-image figure img{width:208px;}
.team-section .row.rows{margin:-25px -15px;}
.team-section .row.rows .columns{padding:25px 15px;}

.accordian li{border-bottom:4px solid var(--primary-color);}
.accordian-header{min-height:70px; display:flex; align-items:center; padding-right:20px; position:relative; cursor:pointer;}
.accordian-header::before{width:20px; height:2px; background-color:#000; content:""; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.accordian-header::after{width:2px; height:20px; background-color:#000; content:""; position:absolute; right:10px; top:50%; transform:translate(50%, -50%);}
.accordian-header.active::after{display:none;}
.accordian-header h6{flex-grow:1;}
.accordian-content{padding-bottom:15px; display:none;}

.article h3:not(:last-child), .article h5:not(:last-child), .article p:not(:last-child){margin-bottom:15px;}
.article-header:not(:last-child){margin-bottom:15px;}
h2,.article-header h3,h3.widget-title{margin-bottom: 15px;font-weight: bold;padding-bottom:10px; border-bottom:2px solid var(--primary-color);}
.article-section .row.rows{margin:-15px -25px;}
.article-section .row.rows .columns{padding:15px 25px;}

.description-section{background-color:#000;}
.description{max-width:350px;}
.description h6{color:var(--primary-color);}
.description h6:not(:last-child){margin-bottom:25px;}

.section-header:not(:last-child){margin-bottom:30px;}
.section-header h3 span{padding-bottom:10px; display:block; border-bottom:2px solid var(--primary-color);}
.section-header h3:not(:last-child){margin-bottom:15px;}
.section-header p:not(:last-child){margin-bottom:20px;}
.section-header p a{color:#000; text-decoration:underline;}
.section-header p a:hover{color:var(--primary-color); text-decoration:none;}

.article-image{height:400px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.article-content h6{margin-bottom:25px;}

.strip-section{background-color:#000; border-bottom:4px solid var(--primary-color);}
.strip-section .article{max-width:780px;}

.footer{padding:15px 0; min-height:50px; background-color:#000;}
.footer p{font-size:12px; color:#fff;}
.footer p a{color:#fff;}
.footer p a:hover{color:var(--primary-color);}
.footer p span:not(:last-child), .footer p a:not(:last-child){margin-right:15px;}
.footer p:not(:last-child){margin-right:25px;}
.social-media a:not(:last-child){margin-right:10px;}
.social-media a{color:#fff; font-size:14px;}
.social-media a:hover{color:var(--primary-color);}

.slider-section > .container > .row.rows{margin:-25px -25px;}
.slider-section > .container > .row.rows > .columns{padding:25px 25px;}

.image-slider-wrapper{position:relative;}
.image-slider{overflow:hidden;}
.image-slider .swiper-slide{height:600px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.slider-arrow{width:36px; height:36px; border-radius:100%; display:grid; place-items:center; background:rgba(246,246,246,0.65); position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; z-index:99;}
.slider-arrow:hover{background:rgba(246,246,246,1);}
.slider-arrow.slider-arrow-prev{left:20px;}
.slider-arrow.slider-arrow-next{right:20px;}
.slider-arrow i, .slider-arrow svg{display:block; font-size:20px;}

h5.title {    border-bottom: 3px solid var(--primary-color);
    padding-bottom: 10px;
    margin-bottom: 20px;}

.no-pad {padding: 0px !important;}
.slider-wrap{padding-right: 0px!important;}
.options-wrap {padding-left: 0px!important;min-width: 400px;
    overflow-x: hidden;box-sizing: border-box;}
.options {height: 100vh;padding: 20px;overflow-y: scroll;}
.options h5 {font-size: 19px;}


#battery {}
#battery .battery {padding: 10px 0;
    border: 3px solid #888;
    border-radius: 30px;
    margin-bottom: 10px;}
#battery .battery:hover {background: #CCC;}
#battery .battery.selected{background: #000;color: #FFF;border-color: #000;}

#battery span {}
#battery span.price {float: right;font-weight: bold;
    margin-left: 20px;}



#trailer {}
#trailer .trailer {padding: 10px 0;
    border: 3px solid #888;
    border-radius: 30px;
    margin-bottom: 10px;}
#trailer .trailer:hover {background: #CCC;}
#trailer .trailer.selected{background: #000;color: #FFF;border-color: #000;}

#trailer span {}
#trailer span.price {float: right;font-weight: bold;
    margin-left: 20px;}


.specs-wrap {display: flex;margin-bottom: 30px;padding: 10px 0;}
.specs-wrap div {flex: 50%;font-size: 30px;line-height: 26px;}
.specs-wrap span {width: 100%;font-size: 17px;color: #888;}
.option-block:not(:last-child){margin-bottom:40px;}
.option-row:not(:last-child){margin-bottom:30px;}
.option-block .btn-wrap:not(:first-child){margin-top:15px;}
.option-block h5:not(:last-child){margin-bottom:5px;}
.option-block p:not(:last-child){margin-bottom:5px;}
.radio-box-group{margin:-10px;}
.radio-box-group .radio-box-item{padding:10px;}
.radio-box-item input[type="radio"]{display:none;}
.radio-box-item label{display:block; width:44px; height:44px; border-radius:100%; position:relative;}
.radio-box-item label::after{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); content:""; width:calc(100% + 14px); height:calc(100% + 14px); border:2px solid #000; border-radius:100%; display:none;}
.radio-box-item input[type="radio"]:checked ~ label::after{display:block;}

.swiper-notification{display:none;}
.image-slider .swiper-slide{ width: auto !important; flex-basis: 100%; }


.article-image-wrap {max-height: 80vh;margin: 0 auto;text-align: center;}

@media(max-width:1399px){
	.menu ul li a{font-size:15px;}
	.logo img{max-width:260px;}
	.menu ul li:not(:last-child){margin-right:25px;}
	.article-section .row.rows{margin:-15px -15px;}
	.article-section .row.rows .columns{padding:15px 15px;}
	.slider-section > .container > .row.rows{margin:-25px -15px;}
	.slider-section > .container > .row.rows > .columns{padding:25px 15px;}

	.page-template-page-reserve-fx1-center-console .image-slider .swiper-slide {height: 70vh !important;}
	.page-template-page-reserve-fx1-dual-console .image-slider .swiper-slide {height: 70vh !important;}



}
@media(max-width:1199px){
	.logo img{max-width:230px;}
	.hero, .hero-2, .hero-3{min-height:800px;}
	.section{padding:50px 0;}
	.section-block:not(:last-child){margin-bottom:65px;}
	.description{max-width:100%;}
	.description h6:not(:last-child){margin-bottom:10px;}
	.image-slider .swiper-slide{height:550px;}
	.radio-box-group{margin:-5px;}
	.radio-box-group .radio-box-item{padding:5px;}
	.radio-box-item label{width:36px; height:36px;}
	.radio-box-item label::after{width:calc(100% + 8px); height:calc(100% + 8px);}
	.option-block .btn{min-width:auto;}
	.option-block:not(:last-child){margin-bottom:25px;}
	.option-row:not(:last-child){margin-bottom:20px;}

	.page-template-page-reserve-fx1-center-console .image-slider .swiper-slide {height: 60vh !important;}
	.page-template-page-reserve-fx1-dual-console .image-slider .swiper-slide {height: 60vh !important;}



}
@media(min-width:992px) and (max-width:1199px){
	.menu{display:flex; justify-content:center;}
}
@media(min-width:992px){
	.menu ul li a::after{position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:0; height:2px; background-color:var(--primary-color); content:""; transition:all 0.1s linear;}	
	.menu ul li a:hover{color:var(--primary-color);}
	.menu ul li a:hover::after{width:100%;}
	.menu{display:flex !important;}
}
@media(max-width:991px){
	.logo img{max-width:200px;}
	.menu{position:absolute; left:0; top:100%; width:100%; padding:0; display:none;}
	.menu ul li:not(:last-child){margin-right:0; border-bottom:1px solid #ebebeb;}
	.menu ul li a{background-color:#fff; padding:10px 30px; line-height:1.3;}
	.menu ul li a:hover{background-color:var(--primary-color);}
	.menu-toggle-wrap{margin-left:auto;}
	.header{min-height:80px;}
	.header.menu-active{background-color:#fff;}
	.menu ul li a{font-size:14px;}
	.hero{padding:40px 0; padding-top:80px;}
	.hero, .hero-2, .hero-3{min-height:700px;}
	.scroll-down:not(:first-child){margin-top:25px;}
	.hero-2{padding-top:80px;}
	.section{padding:40px 0;}
	.section-block:not(:last-child){margin-bottom:50px;}
	.team-image figure img{width:180px;}
	.accordian-header{min-height:60px;}
	.accordian li{border-bottom-width:3px;}
	.image-slider .swiper-slide{height:400px;}
	.option-block:not(:last-child){margin-bottom:30px;}
	.option-row:not(:last-child){margin-bottom:20px;}


	.page-template-page-reserve-fx1-center-console .image-slider .swiper-slide {height: 45vh !important;}
	.page-template-page-reserve-fx1-dual-console .image-slider .swiper-slide {height: 45vh !important;}


}
@media(min-width:768px){
	.menu-toggle-wrap {}
	.article-group .article:nth-child(even) .article-image-wrap{order:2;}
	.article-group .article:nth-child(even) .article-content-wrap{order:1;}
	.article-group .article:nth-child(odd) .article-content-wrap .article-content{padding-left:30px;}
	.article-group .article:nth-child(even) .article-content-wrap .article-content{padding-right:30px;}	
}
@media(max-width:767px){
	.hero-block{max-width: 100%;}
	.container{padding-left:15px; padding-right:15px;}
	.white-color{text-shadow: 1px 1px 1px #000;}
	.menu ul li a{padding:10px 15px;}
	.model-specs {display: block !important;line-height: 32px;}
	.model-specs .single {width: 100%;display: flex;}
	.model-specs .single span {margin-left: 4px;
    font-size: 14px;}
	.hero{min-height:100vh; background:url(/images/fx1cc-mobile.jpg) center center no-repeat; background-size:contain; padding:50px 0; padding-top:150px;}
	.hero-2, .hero-3{min-height:80vh;}
	.home .hero-block {text-shadow: 1px 1px 2px #FFF;}
	.home .hero-block p {color: #FFF;text-shadow: 1px 1px 2px #000;}
	.hero-block h1 {font-size: 18px;}
	.scroll-down:not(:first-child){margin-top:20px;}
	.hero-block h1{border-bottom-width:2px;}
	.section-block:not(:last-child){margin-bottom:40px;}
	.accordian-header{min-height:50px;}
	.article-group .article:not(:last-child){margin-bottom:50px;}
	.article-group .article .article-image-wrap{margin-bottom:30px;}
	.article-content h6{margin-bottom:15px;}
	.article-image{height:350px;}
	.image-slider .swiper-slide{height:250px;}
	.page-template-page-reserve-fx1-center-console .image-slider .swiper-slide {height: 50vh !important;}
	.page-template-page-reserve-fx1-dual-console .image-slider .swiper-slide {height: 50vh !important;}
	.button-wrap {display: block !important;}


}
@media(max-width:575px){
	.video-wrapper{height: 30vh;margin-top: 80px;}
	.page-template-page-about .left {max-width: 100%;}
	.header-inner {display: block;}
	.header-details, .button-wrap {display: block;}
	.button-wrap a {margin-bottom: 15px;}
	.accordian li{border-bottom-width:2px;}
	.article-image{height:300px;}
	.footer p:not(:last-child){margin-right:0; margin-bottom:10px;}
	.page-template-page-reserve-fx1-center-console .image-slider .swiper-slide {height: 35vh !important;}
	.page-template-page-reserve-fx1-dual-console .image-slider .swiper-slide {height: 35vh !important;}	
}