.video-container {
    position: relative;
    height: 100%;
    width: 90%;
    margin: 50px auto 0px;
}


.video {
    position: unset;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    max-height: 600px;
}


		.white-edge {
			max-width: 1100px;
			width: 98%;
		}
		
		.overhead-image {
			margin: 25px auto;;
		}
		.overhead-layout {
			margin: 0px auto;
			background-color:#fff;
		}
		
		.feature-photo-container {
		    width: 90%;
            margin: -100px auto 0px;
		}
		
		
		.feature-video-container{
		    width: 90%;
            margin: -600px auto 0px;
            height:600px;
		}
		
		.overhead-feature-photo {margin-top: -70px;}
		
		.heading-text-underline {
            height: 7px;
            background-color: #db2027;
            width: 200px;
            margin: -10px 0px 30px -20px;
            transform: skewX(-14deg);
        }
		
		.modalopt-in {
			border: 1px solid black;
			background-color: white;
			color: black;
			font-size: 16px;
			border-radius: 0px;
			padding: 10px;
			width: 200px;
		}
		
		.modalopt-in:hover {
			border: 1px solid #28aaae;
			background-color: #28aaae;
			color: white;
			font-size: 16px;
			border-radius: 0px;
			padding: 10px;
			width: 200px;
		}
		
		.navbar {padding:.75rem 1rem; background-color: #0f1c39; height: 80px; margin-top: -45px;}
		.navbar ul {margin: 0px auto !important;}
		.navbar li {padding: 0px 25px;}
		.navbar .nav a {color: white;}
		.nav-item .active {color: red;}
		
		.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
			color: #fff;
			border-bottom: 3px solid #f5bb3e;
		}
		
		.quick-stat {
		    border-left: 1px solid white;
            padding: 10px 25px 0px;
            border-right: 1px solid white;
            width: 175px;
        }
		
		.quick-stat .stat {
			font-size: 35px;
			font-weight: 600;
			margin-bottom: -10px;
		}
		
		.quick-stat .stat-name {
			font-size: 15px;
			text-transform: uppercase;
			font-weight: 300;
		}
		
		.overhead-photo {padding: 25px 10px;}
		#specs {
            border-top: 1px solid black;
            padding-top: 120px;
            padding-bottom: 120px;
            background-color: black;
            margin-top: -75px;
        }
        
        #specs h4, #features h4 {
            font-family: Teko;
            font-size: 45px;
            margin-bottom: 15px;
        }
        
		
		.specs-box {
			padding: 10px;
			background-color: #ebebeb;
			color: black;
			height: 45px;
			margin: 10px auto;			
		}
		
        
        .main-paragraph {
			max-width: 1100px;
			margin: 100px auto 25px;
		}
		
		.features-box {
			border: 1px solid #ccc;
			padding: 15px
		}
		
		.feature-box-container {
			margin-bottom: 25px;
		}
		
		.feature-title-box {
			background-color: #ccc;
			color: black;
			margin: 0px auto 15px;
			display: flex;
		}
		
		
		.feature-title {
			display: flex;
			font-size: 16px; 
			font-weight: 700;
			margin: 10px !important;
		}
		
		.features-box ul {
		    list-style-type: circle;
            margin-left: -10px;
        }
		
		
		.features-box ul li {
			margin-bottom: 10px;
			text-transform: capitalize;
		}
		
		.options-container {
			padding-top:70px;
			padding-bottom:70px;
			background-color: #ededed
		}
		
		.options-container h4 {
			text-transform: uppercase;
			font-size: 60px;
			font-weight: 700;
			font-family: Teko;
		}
		
		.options-card {
			border-bottom: 3px solid #ccc;
		}
		.options-card .card-header {
			background-color: #ededed;
			padding: 10px;
			border: none;
		}
		
		.options-card li {
		    text-transform: capitalize;
		}
		.options-card .btn-link {
			font-weight: 700;
			font-size: 16px;
			color: #000;
			text-decoration: none;
			text-transform: uppercase;
		}
		
		.options-card .btn {
            display: contents;
		}

        .options-card .collapse.in {
            display: contents;
        }
		
		.card-header [data-toggle="collapse"]:after{
			font-family: 'Glyphicons Halflings';
			content: "-";
			float: right;
			color: #000;
			font-size: 18px;
			line-height: 22px;
		}
		.card-header [data-toggle="collapse"].collapsed:after{
			font-family: 'Glyphicons Halflings';
			content: "+";
			float: right;
			color: #000;
			font-size: 18px;
			line-height: 22px;
		}
		
		
		.boat-title {
		    margin-top: 275px;
		}
		
		.boat-title h2 {
		    font-size: 100px !important;
            line-height: 80px !important;
            font-weight: 300 !important;
            color: white !important;
        }
		
		.hero-border {
		    background-color: #061c3a;
            height: 15px;
            width: 90%;
            transform: skewX(-30deg);
            margin-left: -20px;
            margin-top:-7px;
        }
		
		.main-hero {margin: -80px auto 0px;}
		
		.main-hero-image-container {
			padding: 200px 0px 25px;
			background-position: center;
			background-size: cover;
			min-height: 850px;
		}
		
		.hero-btn {
			width: 100%;
			margin: 10px 0px
		}
		
		.hero-dealer-btn {
            background-color: white;
            border: 2px solid white;
            color: black;
            width: 250px;
            padding: 10px;
            display: inline-block;
            text-align: center;
            text-transform: uppercase;
        }
		
		.hero-brochure-btn {
            background-color: none;
            border: 2px solid white;
            color: white;
            width: 250px;
            padding: 10px;
            display: inline-block;
            text-align: center;
            margin-top: 5px;
            text-transform: uppercase;
        }
		
		.hero-dealer-btn:hover {
			background-color: #66c7c3;
			border: 2px solid #66c7c3;
			color: white;
			text-decoration: none;
		}
		
		.hero-brochure-btn:hover {
			background-color: #28aaae;
			border: 2px solid #28aaae;
			color: white;
			text-decoration: none;
		}

        .gallary-container-fluid {padding: 100px 0px}
        
        .gallery-container h4 {
			text-transform: uppercase;
			font-size: 70px;
			font-weight: 300;
			font-family: Teko;
		}
		
		.swatch {padding: 15px; width: 100px;}
        
        #highlights {padding-top: 70px;}
        
        #highlights .main-paragraph h2 {
			margin-bottom: 15px !important;
		}
		
        .gallery-btn {
            width: 200px;
            text-align: center;
            background-color: #28aaae;
            padding: 10px;
            border-radius: 0px !important;
            color: white !important;
        }

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #66c7c3;
}

.gallery-container .tab-content>.active {
    display: contents;
}

.quick-stat-line {
    padding: 10px;
    color: white;
    margin-top:35px;
}
.gallery-padding {padding: 5px;}


@media only screen and (min-width: 0px) {
    .container {
        width: auto !important;
    }
}





@media only screen and (max-width: 991px) {
    .main-paragraph {
		margin: 50px auto 25px;
	}
		
    .overhead-feature-photo {
        margin-top: 0px;
    }
    
    .feature-photo-container {
        width: 97%;
        margin: -50px auto 0px;
    }

    .feature-video-container {
        width: 97%;
        margin: -50px auto 0px;
    }
}

@media only screen and (max-width: 768px) {
    
    .feature-photo-container {
        width: 98%;
        margin: 10px auto 0px;
    }
    
    .feature-video-container {
        width: 98%;
        margin: 10px auto 0px;
    }
    
    .main-paragraph {
			margin: 30px auto 25px;
		}
		
	.quick-stat {
	    width: 157px;
	}
    
    .quick-stat .stat {font-size: 30px;}
    
    .main-hero-image-container {
			padding: 25px 0px 25px;
            min-height: 600px;
		}
    
    
}

@media only screen and (max-width: 575px) {
    #specs .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .boat-title h2 {
    font-size: 70px !important;
    line-height: 70px !important;
    }
    
    .main-hero-image-container {
    padding: 25px 15px 25px;
    min-height: auto;
    }
}
@media only screen and (max-width: 520px) {
    .quick-stat-line {
	    display: none;
	}
    
    .boat-title {
    margin-top: 200px;
    }
}

@media only screen and (max-width: 365px) {
    .main-hero-image-container {
        padding: 50px 15px 25px !important;
    }
}