<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!--DOCTYPE html-->
<html lang="en">
<head>
<title></title>
<link href="http://sangampatel.com/assets/css/bootstrap4.1.0.css" rel="stylesheet" type="text/css">
<!-- <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> -->
<!-- <link href="http://sangampatel.com/assets/css/bs4-fa.css" rel="stylesheet" type="text/css"> -->
<link href="http://sangampatel.com/assets/css/may.min.css" rel="stylesheet" type="text/css">
</head>
<body><!-- wrapper --><div class="wrapper">
<header class="container" style="box-shadow: 0px 10px 20px rgba(51,51,251,1);">
<div class="row" id="header-row1">
<div class="col-xs-4">
<div class="row">
<div class="col-xs-12">
<span id="logo"><a> <img class="img-responsive img-fluid" style="height: 80%; weight: auto;" src="http://www.sangampatel.com/assets/img/logo2-big.png"></a></span>
</div></div>
<div class="row">
<div class="col-xs-12 text-center">
<span class="text-center subtext"><strong class="logo-title logo-subtitle">Ace-Level Marketing Talent</strong></span>
</div></div>
</div><div class="col-xs-1"></div>
<div class="col-xs-7">
<div class="row">
<div class="col-xs-12">
<div class="tcb-quote-carousel">
<div class="carousel slide carousel-fade" id="fade-quote-carousel" data-interval="10000" data-ride="carousel">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item">
<i class=" fa fa-quote-left fa-3x" style="color: darkblue; margin-top: -5px; float: left; background-color: white;"></i>
<i class=" fa fa-quote-right fa-3x" style="color: darkblue; margin-top: -5px; float: right; background-color: white;"></i>
<blockquote>
<p style="color: blue; font-style: italic;">It is not the strongest of the species that survive, nor the most intelligent, but the ones that adapt best in response to change.</p>
<div class="clearfix"></div>
<div class="quoter">
<strong>Charles Darwin </strong>
<small>Maker of Mankind's Greatest Discover</small>
</div>
</blockquote>
</div>
<div class="item">
<i class=" fa fa-quote-left fa-3x" style="color: darkblue; margin-top: -5px; float: left; background-color: white;"></i>
<i class=" fa fa-quote-right fa-3x" style="color: darkblue; margin-top: -5px; float: right; background-color: white;"></i>
<blockquote>
<p style="color: blue; font-style: italic;">The world is changing very fast. Big will not beat small anymore. Instead, it's fast beating slow.</p>
<div class="quoter">
<strong>Rupurt Murdoch</strong>
<small>Media Mogul</small>
</div>
</blockquote>
</div>
<div class="item active">
<i class=" fa fa-quote-left fa-3x" style="color: darkblue; margin-top: -5px; float: left; background-color: white;"></i>
<i class=" fa fa-quote-right fa-3x" style="color: darkblue; margin-top: -5px; float: right; background-color: white;"></i>
<blockquote>
<p style="color: blue; font-style: italic;">Failure is not fatal, but failure to change might be.</p>
<div class="quoter">
<strong>John Wooden</strong>
<small>Won 10 NCAA Championships</small>
</div>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="header-row2">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Project name</a>
<div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a class="dropdown-toggle" href="#" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="#">2-level Dropdown <i class="icon-arrow-right"></i></a>
<ul class="dropdown-menu sub-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<ul class="nav pull-right">
<li><a href="#">Link</a></li>
<li class="divider-vertical"></li>
<li class="dropdown">
<a class="#" href="#">Menu</a>
</li>
</ul><!-- /Menu -->
</div>
<!-- /.nav-collapse -->
</div>
</div>
</div>
</div>
</header>
<section class="container-fluid" id="jumbotron1">
<div class="jumbotron jumbotron-fluid">
<div class="row" id="videoDiv">
<div class="col-xs-12" id="videoBlock">
<video width="100%" height="555" id="video" preload="preload" autoplay="autoplay" loop="loop">
<source src="http://sangampatel.com/assets/vid/flyover.mp4" type="video/mp4">
</video>
<div id="videoMessage">
<h1 class="spacer">The Early Bird...</h1>
<ul class="fly-in-text hidden">
<li>E</li>
<li>a</li>
<li>r</li>
<li>l</li>
<li>y</li>
<li></li>
<li>b</li>
</ul>
<h2 class="spacer">...has the best holiday.</h2>
<h3 class="spacer">Boat rentals in France</h3>
<p class="videoClick"><a href="https://www.hotelsafloat.com/home-away.php">Click here and be impressed</a></p>
</div>
</div>
</div>
</div>
</section>
<!-- slick.js #partner-carousel -->
<section class="container-fluid" id="contactbar1">
<div class="row">
<div class="col-xs-12">
<nav class="navbar navbar-inverse affix-top" data-offset-top="197" data-spy="affix" style="display: block;">
<ul class="nav">
<li class="active"><a href="#">NORMAL Topnav</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
</nav>
</div>
</div>
</section>
<section class="container-fluid">
<div class="row">
<div class="col-xs-12">
<nav class="navbar navbar-dark bg-dark">
<!-- Navbar content -->
</nav>
<nav class="navbar navbar-dark bg-primary">
<!-- Navbar content -->
</nav>
</div>
</div>
</section>
<article id="partner carousel" class="container-fluid">
<div class="row">
<div class="col-12">
<div class="customer-logos slider">
<div class="slide"><img src="http://sangampatel.com/assets/img/corp-logos/8x8.png"></div>
<div class="slide"><img src="http://sangampatel.com/assets/img/corp-logos/five9.jpg"></div>
<div class="slide"><img src="http://sangampatel.com/assets/img/corp-logos/mitel.png"></div>
<div class="slide"><img src="http://sangampatel.com/assets/img/corp-logos/sugarcrm.png"></div>
<div class="slide"><img src="http://sangampatel.com/assets/img/corp-logos/netsuite.png"></div>
<div class="slide"><img src="http://sangampatel.com/assets/img/corp-logos/marketo.png"></div>
<div class="slide"><img src="http://sangampatel.com/assets/img/corp-logos/msdynamics.png"></div>
<div class="slide"><img src="http://sangampatel.com/assets/img/corp-logos/8x8.png"></div>
</div>
</div>
</div>
</article>
<section class="container-fluid" id="contactbar2">
<nav class="navbar navbar-inverse affix-top" data-offset-top="197" data-spy="affix" style="display: block;">
<ul class="nav">
<li class="active"><a href="#">BLOCK Topnav</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
</nav>
</section>
<div class="spacer" style="height:1280px"></div>
<!--/end wrapper--></div>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$('.customer-logos').slick({slidesToShow: 6, slidesToScroll: 1, autoplay: true, autoplaySpeed: 1000, arrows: false, dots: false, pauseOnHover: false,
responsive: [{breakpoint: 768, settings: {slidesToShow: 4} }, {breakpoint: 520, settings: {slidesToShow: 3} }] }); });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
$('.customer-logos').slick({slidesToShow: 6,slidesToScroll: 1, autoplay: true, autoplaySpeed: 1000, arrows: false, dots: false, pauseOnHover: false, responsive: [{breakpoint: 768, settings: { slidesToShow: 4}},{breakpoint: 520, settings: {slidesToShow: 3}}] }); });
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
<script src="http://sangampatel.com/assets/js/slick.js"></script>
</body>
</html>
/*
.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {display: table; content: " "; clear:both;}
::before, ::after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {margin: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.4285; color: #333; background-color: #fff; margin: 0;}
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block; }
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit; font-weight: 500; line-height: 1.15; color: inherit;}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 8px; margin-bottom: 8px;} h1 {margin: .67em 0; font-size: 2em;} h1, .h1 {font-size: 36px;} h2, .h2 {font-size: 30px;} h3, .h3 {font-size: 24px;}
ul ul, ol ul, ul ol, ol ol {margin: 0px; auto;}
a {color: #428bca; text-decoration: none;} p {margin: 0 0 10px;} b, strong {font-weight: 700; } small {font-size: 80%; } img {border: 0; }
.nav > li {position: relative; display: block;}
.nav > li > a {position: relative; display: block; padding: 10px 15px;}
.navbar .nav li.dropdown > .dropdown-toggle .caret {border-top-color: #777; border-bottom-color: #777;}
.navbar .nav > li {float: left;}
.navbar .nav > li > .dropdown-menu::before {position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: "";}
.navbar .nav > li > .dropdown-menu::after {position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: "";}
.navbar-nav > li {float: left;}
.navbar .nav > li > a {float: none; padding: 10px 15px 10px; color: #777; text-decoration: none; text-shadow: 0px 1px 0px #fff;}
.navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px; line-height: 20px;}
.jumbotron p {margin-bottom: 15px; font-size: 21px; font-weight: 200;}
.jumbotron h1, .jumbotron .h1 {color: inherit; font-size: 63px;}
.pull-right {float: right !important;}
.text-center {text-align: center;}
.jumbotron {min-height: 450px; border: dashed 1px red; padding: 30px 15px; margin-bottom: 30px; color: inherit; background-color: #eee; border-radius: 6px;}
.container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; width: 1500px;}
.container-fluid {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.row {margin-right: -15px; margin-left: -15px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
.col-xs-12 {width: 100%;} .col-xs-1 {width: 8.33%;} .col-xs-4 {width: 33.33%;} .col-xs-7 { width: 58.33%;} .col-xs-6 {width: 50%;}
.hidden {display: none !important; visibility: hidden !important;}
#videoBlock {position: fixed; top: 0px; right: 0px; min-width: 100%; height: auto; min-height: 600px; z-index: -100; background: transparent url(video-bg.jpg) no-repeat; background-size: cover;}
video {display: block;}
#video {object-fit: fill; max-height: 550px; border: 2px solid #F00; object-fit: cover;}
.navbar-fixed-top {top: 0px; border-width: 0 0 1px;}
.navbar-fixed-top, .navbar-fixed-bottom {position: fixed; right: 0px; left: 0px; z-index: 1030; margin-bottom: 0px; border-radius:0;}
.navbar-inner {min-height: 40px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top,#fff,#f2f2f2); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2)); background-image: -webkit-linear-gradient(top,#fff,#f2f2f2); background-image: -o-linear-gradient(top,#fff,#f2f2f2); background-image: linear-gradient(to bottom,#fff,#f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0); *zoom:1: ; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0px 1px 4px rgba(0,0,0,0.065);}
.navbar-inner::before, .navbar-inner::after {display: table; line-height: 0; content: "";}
.navbar-inner::after {clear: both;}
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {padding-right: 0px; padding-left: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {border-width: 0 0 1px; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 10px rgba(0,0,0,0.1);}
.dropdown {position: relative;}
.dropdown-header {display: block; padding: 3px 20px; font-size: 12px; line-height: 1.4285; color: #777; white-space: nowrap;}
.dropdown-menu {position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0px 6px 12px rgba(0,0,0,0.175);}
.dropdown-menu .sub-menu {left: 100%; position: absolute; top: 0px; visibility: hidden; margin-top: -1px;}
.dropdown-menu .divider {height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5;}
.dropdown-menu > li > a {display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.258; color: #333; white-space: nowrap;}
.caret {display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0;}
.btn {display: inline-block; padding: 6px 12px; margin-bottom: 0px; font-size: 14px; font-weight: 400; line-height: 1.28; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;}
/* font-awesome */ .fa {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .fa-3x {font-size: 3em;} .fa-quote-left::before {content: "\f10d";} .fa-quote-right::before {content: "\f10e";}
/* AFFIX ------------
.affix {top: 0; width: 100%; z-index: 9999 !important;}
.affix + .container-fluid { padding-top: 70px;}
.slick-slide img {max-height: 91px; display:block;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
.slick-initialized .slick-slide {display: block;}
/* carousel blockquote {padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee;}
blockquote footer, blockquote small, blockquote .small {display: block; font-size: 80%; line-height: 1.4285; color: #777;}
blockquote footer::before, blockquote small::before, blockquote .small::before {content: "\2014 \00A0";}
small, .small {font-size: 85%;}
img, .img-responsive {display: block; max-width: 100%; height: auto; vertical-align: middle;}
.carousel {position: relative;}
.carousel-inner {position: relative; width: 100%; overflow: hidden;}
.carousel-inner > .item {position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left;}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {display: block;}
.carousel-inner > .active {left: 0px;}
/* nav navbar dropdown menus btn icon toggle
.nav {padding-left: 0px; margin-bottom: 0px; list-style: none;}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {margin-top: 0px;}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {color: #555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0px 3px 8px rgba(0,0,0,0.125);}
.navbar .nav {position: relative; left: 0px; display: block; float: left; margin: 0 10px 0 0;}
.navbar {position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;}
.navbar .brand {display: block; float: left; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777; text-shadow: 0px 1px 0px #fff;}
.navbar .nav .dropdown-toggle .caret {margin-top: 8px;}
.navbar .btn-navbar {float: right; padding: 7px 10px; margin-right: 5px; margin-left: 5px; color: #fff; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-color: #ededed; background-image: -moz-linear-gradient(top,#f2f2f2,#e5e5e5); background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5)); background-image: -webkit-linear-gradient(top,#f2f2f2,#e5e5e5); background-image: -o-linear-gradient(top,#f2f2f2,#e5e5e5); background-image: linear-gradient(to bottom,#f2f2f2,#e5e5e5); background-repeat: repeat-x; border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2',endColorstr='#ffe5e5e5',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1), 0px 1px 0px rgba(255,255,255,0.075);}
.navbar .btn, .navbar .btn-group {margin-top: 5px;}
.navbar .pull-right.nav {float: right; margin-right: 0px;}
.navbar .btn-navbar .icon-bar {display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px rgba(0,0,0,0.25);}
.navbar .divider-vertical {height: 40px; margin: 0 9px; border-right: 1px solid #fff; border-left: 1px solid #f2f2f2;}
.navbar .sub-menu::before {border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px;}
.navbar .sub-menu::after {border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: 10px; top: 11px; left: -6px;}
.navbar-nav {margin: 7.5px -15px;}
.navbar-nav {float: left; margin: 0;}
@media all and (min-width:768px) { .container {width: 750px;} }
@media all and (min-width:992px) { .container {width: 970px;} }
@media all and (min-width:1200px) { .container { width: 1170px;} }
@media all and (min-width:768px)
{.navbar-inverse {background-color: #222; border-color: #080808;}
.navbar-nav {float: left; margin: 0;}
.navbar-nav > li {float: left;}
.navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px; line-height: 20px;}
.navbar-right {float: right !important; margin-right: -15px;}
.jumbotron {padding: 48px 0; }
}
