@charset "UTF-8";
/* CSS Document */

.menu-toggle{display:none;}

.marketing .card-title{margin-bottom:0px;}

.pagebody{margin-bottom:50px;}

ol li, ul li{list-style: initial; padding-left:10px; margin-left:15px;}
.top-nav li, .side-menu li, .breadcrumb li, .pagination li{list-style: none; padding-left:0px; margin-left:auto;}
ul+p{margin-top:15px;}
ul+h2{margin-top:15px;}
td>ul{margin-bottom:0px !important;}

span{font-weight:700;}
span.blue-ital{font-weight:400;}
span.blue-ital a{color:#0e223f;}

.row.no-gutters>.col-md-4{padding-left:15px; padding-right:15px;}
.row.no-gutters>.col-md-4:first-child{padding-left:0px;}
.row.no-gutters>.col-md-4:last-child{padding-right:0px;}
.padTopBottom{padding-top:30px; padding-bottom:30px;}

.pagebody .container .col-md-12>.row+h3{margin-top:30px;}

.card-header .row{align-items: center;}

.table-responsive{display:table;}

#availability+.card h3{margin-bottom:8px;}

.roadmap .card p{margin-bottom:10px;}
.roadmap #main+section .pb-4 .mt-5 {margin-top:0px !important;}

/**********DEALER ROAD MAP**********/

.roadmap .pagebody>.container>.row>.col-md-12>p{margin-bottom:0px;}
.dealer-roadmap h2, .dealer-roadmap h3 {margin-bottom:20px;}
.dealer-roadmap .top-nav h2{margin-bottom:0px;}
.quick-guide p, .mark-comm .col-md-12>.row>.col-md-12 p, .col-md-9>.row>.col-md-12 p:last-child, tr:last-child p:last-child, .beneteau-experience .col-md-4 p, .col-md-12>.row>.col-md-12 p:last-of-type, .show-rules .col-md-6 p, .col-md-12>.row>.col-md-12 p:last-child, .brand-guide p:last-child, .sale-incentive .col-md-6 table{margin-bottom:0px;}

.card .row, .show-rules .col-md-6>div{height:100%;}
.card .card-img {height: 100%;object-fit: cover;border-radius: calc(.25rem - 1px) 0px 0px calc(.25rem - 1px);}
.roadmap .card .card-body .learn-more{text-decoration: none; color: #0090BF; -webkit-transition: color linear .2s; transition: color linear .2s; text-transform: uppercase;  font-size: 12px; font-weight: 700;}
.roadmap .card .card-body .learn-more:hover{color: #0e223f;}

.dealer-roadmap .white-box, .dealer-roadmap .col-md-9>.row>.col-md-12, .dealer-roadmap .col-md-12>.row>.col-md-12, .quick-guide .justify-content-center>.col-md-9>div, .show-rules .col-md-6>div, .prosite-tools .col-md-4 p, .beneteau-experience .col-md-4{background-color:#ffffff; border-radius: calc(.25rem - 1px); margin-bottom:15px; padding:30px; box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15); height:100%;}

.dealer-roadmap .col-md-6>.white-box>p{margin-bottom:0px;}

.dealer-roadmap .table{margin-bottom:0px;}
.dealer-roadmap th{border-top:none !important;font-size: 14px; font-weight: 700; color: #0e223f; text-transform: uppercase; padding-top:0px;}
.dealer-roadmap tr td:first-child{font-weight:400;}
.dealer-roadmap .table-responsive td{vertical-align: middle; padding: .75rem .75rem .75rem 0px; width:33%;}
.dealer-roadmap .table-responsive th{vertical-align: middle; padding: 0px .75rem .75rem 0px; width:33%;}

/***offices***/
@media (min-width: 1200px){
	.dealer-roadmap.offices .container{max-width: 1000px;}
}
.pagebody .col-md-12>.pagebreak>.col-sm-6>p{background-color: #ffffff; padding: 1.75rem; border-radius: calc(.25rem - 1px); box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);}
.pagebody .col-md-12>.pagebreak>.col-sm-6>p:first-of-type{margin-bottom:40px;background-color:#0D223F;position:relative;color:#fff;}
.pagebody .col-md-12>.pagebreak>.col-sm-6>p:first-of-type:after{content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #0D223F; transform: translateX(-50%);}
.pagebody .col-md-12>.pagebreak>.col-sm-6>h3{text-align: center;}
.pagebody .col-md-12>.pagebreak>.col-sm-6:first-child{border-right: 1px solid #dee2e6;}
.col-md-9 .lowerlevel_top_slider{margin-top:50px;}

/***who to contact***/
.contact-directory .table-responsive{display:table;}
.contact-directory .col-md-12, .event-calendar .col-md-12{background-color:#ffffff; border-radius: calc(.25rem - 1px); margin-bottom:15px;padding: 15px 30px;box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15); height:100%}
.contact-directory h3{margin-left: -15px;}
.contact-directory h3:last-of-type{margin-top:30px;}

/***product lines***/
.product-lines th{font-size:28px; font-weight:500;text-transform: none;}
.product-lines tr td:first-child{font-weight:600; text-transform: uppercase;}

/***quick start guide***/
.quick-guide .justify-content-center>.col-md-9>div p:last-child, .coop-guide .col-md-9>.row>.col-md-12 p:last-child, .beneteau-experience h2+.row+p, .blue-ital{color:#0080A5; font-style:italic;}

/***pro site***/
.prosite-tools .col-md-9>h3{margin-bottom:10px;}
.prosite-tools .col-md-9 .row+h2{margin-top:30px;margin-bottom:25px;border-top: 1px solid #dee2e6; padding-top: 35px;}
.prosite-tools .col-md-9>.row>.col-md-12{margin-right:15px; margin-left:15px;}
.prosite-tools .col-md-4 p span{font-size: 14px; font-weight: 700; color: #0e223f; text-transform: uppercase;}

/***marketing***/
.mark-comm .col-md-12>.row>.col-md-6:first-child, .show-rules .col-md-6:first-child, .sale-incentive .col-md-6:first-child, .topgun-rules .col-md-4:first-child{padding-left:0px;}
.mark-comm .col-md-12>.row>.col-md-6:nth-child(2), .show-rules .col-md-6:nth-child(2), .sale-incentive .col-md-6:nth-child(2), .topgun-rules .col-md-4:nth-child(3){padding-right:0px;}
.mark-comm .col-md-12>.row>.col-md-12, .coop-guide .col-md-9>.row>.col-md-12, .faq .col-md-12>.row>.col-md-12{background-color:#ffffff; border-radius: calc(.25rem - 1px); box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);padding:30px;margin-bottom:15px;}

/***co-op marketing guidelines***/
.coop-guide .col-md-9>.row>.col-md-12 li{list-style: decimal;padding-left:10px; margin-left:12px;}
/*.coop-guide .col-md-9>.row .col-md-12:first-child h2{margin-top:20px;}*/
.coop-guide .col-md-9>.row .col-md-12:first-child ul{margin-bottom:20px;}

/***event calendar***/
.event-calendar th, .event-calendar td{padding: .75rem .75rem .75rem 0px; width:33%;}

/***beneteau experience***/
.beneteau-experience .row>.col-md-12>.row {height:100%;}
.beneteau-experience .col-md-4{height:100%; margin-left:15px; margin-right: 15px;}
.beneteau-experience h2+.row+p{margin-top:20px;}

/***boat show rules***/
.show-rules .col-md-12>.row>.col-md-12+p, .topgun-rules .col-md-12>.row>.col-md-12+p:first-of-type, .col-md-12>.row>.col-md-6+p:first-of-type{margin-top:10px;margin-bottom:35px; padding:0px 15px 30px 15px; border-bottom: 1px solid #dee2e6;color:#0080A5; font-style:italic; width:100%;}
.show-rules p span{font-weight: 400; }

/***rendezvous and regattas***/
.rendez-reg .white-box li, .leads-dist .col-md-12 li{list-style:disc; margin-left:17px;}

/***top gun rules***/
.topgun-rules ol, .leads-dist .col-md-12>ul:last-of-type{margin-bottom:25px;}
/*.topgun-rules .col-md-12>.row p{width:100%;padding:0px 15px;}*/

/***leads distribution***/
.leads-dist .col-md-12>.row>.col-md-12 ul:last-of-type{margin-bottom:0px;}

/***dealer territories***/
.white-box h2+div img {display:block; margin:0 auto;}

@media (min-width: 768px){
	.beneteau-experience .col-md-4{-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
}

@media (max-width: 500px){
	.main-content{padding:20px;}
	
	.container{padding-left:25px; padding-right:25px;}
	
	.table-responsive{display:block !important; margin-bottom:0px;}
	.home .main-content .col .card .table-hover td, .show-events td, .dealer-roadmap .pagebody-full .pagebody td{white-space: nowrap;}
	
	.card-header{padding-bottom:20px;}
	
	.page-title .breadcrumb li {line-height: 21px;}
	
	.wrapper, .menu-open .wrapper{margin-left:0px !important;}
	.toggled:before {content: ''; background-color:rgba(0, 0, 0, .5); height:100%; width:100%; position: fixed; top: 0; bottom: 0; left:0; right:0;z-index: 100;}
	.toggled header{z-index:1;}
	
	.side-menu, .menu_open .side-menu, .menu_open .navbar-brand{width: 0px;}
	.nav-left{visibility: hidden}
	.toggled .nav-left{visibility: visible; padding-top:5px;}
	.toggled .side-menu, .toggled.menu_open .side-menu, .toggled.menu_open .navbar-brand, .toggled .navbar-brand, .toggled .side-menu .icon{width:250px;}
	.toggled .nav-left li{margin-left:0px;}
	.side-menu .icon, .side-menu .icon span, .navbar-brand:before {opacity:0; visibility: hidden; transition: visibility .5s, opacity .5s linear;-webkit-transition: visibility .75s, opacity .75s linear;}
	.toggled .side-menu .icon, .toggled .navbar-brand:before{opacity: 1; visibility: visible; transition: visibility .5s, opacity .5s linear; -webkit-transition: visibility .75s, opacity .75s linear; }
	.toggled .navbar-brand{background-color: #d7d7dc;}
	.toggled .side-menu .icon span{text-align: left; margin-left: 38px; opacity: 1; visibility: visible; transition: visibility .5s, opacity .5s linear;}
	
	.menu-toggle{display:flex; position:fixed; top:0; left:0; z-index: 10000; width: 58px; height: 58px; background-color: #0D223F; margin: 0; padding: 0; transition: all .5s ease; justify-content: center; align-items: center;}
	.menu-toggle a {font-size:28px; color:#ffffff;}
	.toggled .menu-toggle{left:192px; transition: all .5s ease; background-color: #d7d7dc;}
	.toggled .menu-toggle a {color:#0090BF; }
	.toggled .menu-toggle .fa-bars:before{content:"\f00d";}
	
	.production .page-title{display:block !important; padding-top:20px;}
	
	.top-gun #chart-area-model, .top-gun #chart-area-range {width:auto !important;}
	.top-gun h2{text-align:center;}
	.top-gun .col-sm-6 .btn-row {margin: 0 auto 30px auto !important;}
	
	.show-events .whitebox>h6.pt-3{padding-top:0px !important;padding-bottom:0px !important;}
	
	.roadmap #main .pagebody {margin-top:30px; margin-bottom:30px;}
	
	.pagebody .col-md-12>.pagebreak>.col-sm-6:first-child{border-right:none; border-bottom:1px solid #dee2e6; padding-bottom:20px; margin-bottom:25px;}
	.dealer-roadmap .pagebody-full .pagebody{padding-left:25px; padding-right:25px;}
	.dealer-roadmap .pagebody-full .pagebody .col-md-9 {padding-left:0px; padding-right:0px;}
	
}