<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="LayoutIt!">
<title>Sangam Patel's Professional Profile Website</title><!-- css -->
<meta name="description" content="Source code generated using layoutit.com">
<script src="http://sangampatel.com/MooTools-Core-1.6.0.js"></script><!--[if (gte IE 6)&(lte IE 8)]>
<script src="selectivizr-min.js"></script><![endif]-->
<!-- styles -->
<link href="assets/normalize.css" rel="stylesheet" type="text/css" /> type="text/css" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href="http://sangampatel.com/assets/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
/* Note: Try to remove the following lines to see the effect of CSS positioning */
.affix {top:; width: 100%; z-index: 9999 !important;}
.affix + .container-fluid { padding-top: 70px;}
</style>
</head>
<body>
<style>
h3 {margin: 5px 3px 3px 0; padding: 0;}
</style>
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a href="#" class="brand">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 data-toggle="dropdown" class="dropdown-toggle" href="#">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>
</div><!-- /.nav-collapse -->
</div>
</div>
<header class="navbar navbar-default navbar-fixed-top">
<div class="container clearfix">
<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 tagline1"><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><!-- TAGLINE -->
</div>
<div class="col-xs-1"></div>
<div class="col-xs-7">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="./">Login <span class="sr-only">(current)</span></a></li>
<li><a href="../navbar-static-top/">Contact Me</a></li>
<li><a href="../navbar-fixed-top/">Why Hire Me?</a></li>
</ul>
</div>
</div>
<div class="row" id="header-row2" style="position:relative; top:-100px;">
<div class="col-xs-4"></div>
<div class="collapse navbar-collapse ">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li class="dropdown "><a class="dropdown-toggle" id="drop1" role="button" href="#" data-toggle="dropdown">Books <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
<li role="presentation"><a role="menuitem" href="#">HTML</a></li>
<li role="presentation"><a role="menuitem" href="#">CSS</a></li>
<li role="presentation"><a role="menuitem" href="#">JQuery</a></li>
<li role="presentation"><a role="menuitem" href="#">JavaScript</a></li>
<li role="presentation"><a role="menuitem" href="#">Bootstarp</a></li>
</ul>
</li>
<li class="dropdown "><a class="dropdown-toggle" id="drop1" role="button" href="#" data-toggle="dropdown">services <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
<li role="presentation"><a role="menuitem" href="#">services-1</a></li>
<li role="presentation"><a role="menuitem" href="#">services-2</a></li>
<li role="presentation"><a role="menuitem" href="#">services-3</a></li>
<li role="presentation"><a role="menuitem" href="#">services-4</a></li>
</ul>
</li>
</ul>
</div>
<!--Tagline2 <div class="tagline2"><span class="subtext"><strong class="logo-title logo-subtitle">Ace-Level Marketing Talent</strong></span></div><!-- TAGLINE -->
</div>
</div>
</div>
</header>
<section id="main" class="container-fluid" style="margin: 5px auto 4px auto;">
<div class="row">
<div class="col-xs-12 col-sm-10">
<div class="wrap-company">
<h3>Dervetski Consulting Inc</h3>
</div>
<div class="wrap-job d-flex justify-content-between">
<h3>CMO & DIRECTOR OF B2B CLOUD BUSINESS</h3><small>date</small>
</div>
<ul class="main">
<li class="acc list-item">Mushroomed SMB cloud revenue from 6% of total revenue to 64% on 500% customer growth</li>
<li class="acc list-item">Leveraged 8x8, Google, and other cloud vendor relationships to identified, targeted and captured $12M SMB niche revenue for Dervetski and to deliver double digit market-share growth for over 20 'managed cloud' partners</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-10">
<div class="wrap-company">
<h3>Packet8ChannelElite.com</h3>
</div>
<div class="wrap-job d-flex justify-content-between">
<h3>CEO & BRAND OWNER</h3><small>date</small>
</div>
<ul class="main">
<li class="acc list-item">Reached $85k monthly recurring revenue as VAR of 3rd party cloud vendor solutions – UC, CRM, ERP, VoIP</li>
<li class="acc list-item">Differentiated value-added target-segment perception by delivering ROI-committed, post-implementation focused managed cloud & professional services through collaborative relationship</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-10">
<div class="wrap-company">
<h3>8x8 INC</h3>
</div>
<div class="wrap-job d-flex justify-content-between">
<h3>PRODUCT MARKETING - UC Contact Center</h3><small>2009 - 2010</small>
</div>
<ul class="main">
<li class="acc list-item">Accumulated 40,000 UC agent seat subscriptions and penetrated 40% of SMB on-demand UC Contact Center market, creating and executing Integrated Marketing Plan which ignited UC product re-launch</li>
</ul>
<div class="wrap-job d-flex justify-content-between">
<h3>Inside Sales - VoIP and UC Contact Center</h3><small>date</small>
</div>
<ul class="main">
<li class="acc list-item">Closed 70% of total company UC sales in 2007 & Ranked #1 in UC sales in '07, '08, '09</li>
<li class="acc list-item">Reaching 250% quota in final two months of promo that counted UC sales as ‘double revenue’</li>
<li class="acc list-item">Increased agent production 150% with CRM best practices user training, sharing sales automation tools</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-10">
<div class="wrap-job d-flex justify-content-between">
<h3>Product Marketing - UC Contact Center</h3><small>date</small>
</div>
<ul class="main">
<li class="acc list-item">Surpassed quota by 140% on $780k in partner solutions revenue – Epicor & MS Dynamics/Great Plains</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-10">
<div class="wrap-company">
<h3>8x8 INC</h3>
</div>
<div class="wrap-job d-flex justify-content-between">
<h3>Product Marketing - UC Contact Center</h3><small>date</small>
</div>
<ul class="main">
<li class="acc-top list-item">Aenean sit amet erat nunc</li>
<li class="acc-bottom list-item">Eget porttitor lorem</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-10">
<div class="wrap-company">
<h3>DERVETSKI CONSULTING INC</h3>
</div>
<div class="wrap-job d-flex justify-content-between">
<h3>Product Marketing - UC Contact Center</h3><small>date</small>
</div>
<ul class="main">
<li class="acc-top list-item">Aenean sit amet erat nunc</li>
<li class="acc-bottom list-item">Eget porttitor lorem</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-10">
<div class="wrap-company">
<h3>Packet8ChannelElite.com</h3>
</div>
<div class="wrap-job d-flex justify-content-between">
<h3>Product Marketing - UC Contact Center</h3><small>date</small>
</div>
<ul class="main">
<li class="acc-top list-item">Aenean sit amet erat nunc</li>
<li class="acc-bottom list-item">Eget porttitor lorem</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="wrap-job d-flex justify-content-between">
<h3>PRODUCT MARKETING - UC Contact Center</h3><small>date</small>
</div>
<div class="wrap-company">
<h3>UPTILT INC - EMAILLABS.COM</span></h3>
</div>
<div class="row">
<div class="col-xs-12 col-md-11 col-lg-10 ">
<ul class="main">
<li class="acc-top list-item">Aenean sit amet erat nunc</li>
<li class="acc-bottom list-item">Eget porttitor lorem</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="wrap-job d-flex justify-content-between">
<h3>PRODUCT MARKETING - UC Contact Center</h3><small>date</small>
</div>
<div class="wrap-company">
<h3>ARMANINO McKENNA</span></h3>
</div>
<div class="row">
<div class="col-xs-12 col-md-11 col-lg-10 ">
<ul class="main">
<li class="acc list-item">Aenean sit amet erat nunc</li>
<li class="acc list-item">Eget porttitor lorem</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<hr>
<ul class="nav nav-pills">
<li class="active"><a href="#">Regular link</a></li>
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu" id="menu1">
<li>
<a href="#">2-level Menu <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><a href="#">Separated link</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Menu</a>
</li>
<li class="dropdown">
<a href="#">Menu</a>
</li>
</ul>
</body>
/* changes I made to bootstrap4.1.0 */
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0}
.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{border-width:0 0 1px}
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-right:0;padding-left:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}
.navbar-fixed-top{top:0}
.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{-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:0 1px 10px rgba(0,0,0,0.1)}
.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:0 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-static-top .navbar-inner{-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}
.navbar-fixed-bottom .navbar-inner{border-width:1px 0 0}
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-right:0;padding-left:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{-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:0 1px 10px rgba(0,0,0,0.1)}
.navbar-fixed-bottom .navbar-inner{-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:0 -1px 10px rgba(0,0,0,0.1)}
.navbar-inverse .navbar-inner{background-color:#1b1b1b;background-image:-moz-linear-gradient(top,#222,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#111));background-image:-webkit-linear-gradient(top,#222,#111);background-image:-o-linear-gradient(top,#222,#111);background-image:linear-gradient(to bottom,#222,#111);background-repeat:repeat-x;border-color:#252525;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0)}
legend+.control-group{margin-top:20px;-webkit-margin-top-collapse:separate}
table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}
.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}
.collapse.in{height:auto}
.nav-collapse.collapse{height:auto;overflow:visible}
.navbar .container{width:auto}
.navbar .brand{display:block;float:left;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#777;text-shadow:0 1px 0 #fff}
.navbar .brand:hover,.navbar .brand:focus{text-decoration:none}
.navbar .divider-vertical{height:40px;margin:0 9px;border-right:1px solid #fff;border-left:1px solid #f2f2f2}
.navbar .btn,.navbar .btn-group{margin-top:5px}
.navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn,.navbar .input-prepend .btn-group,.navbar .input-append .btn-group{margin-top:0}
.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0}
.navbar .nav.pull-right{float:right;margin-right:0}
.navbar .nav>li{float:left}
.navbar .nav>li>a{float:none;padding:10px 15px 10px;color:#777;text-decoration:none;text-shadow:0 1px 0 #fff}
.navbar .nav .dropdown-toggle .caret{margin-top:8px}
.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{color:#333;text-decoration:none;background-color:transparent}
.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 0 3px 8px rgba(0,0,0,0.125)}
.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-right:5px;margin-left:5px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#ededed;*background-color:#e5e5e5;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 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075)}
.navbar .btn-navbar:hover,.navbar .btn-navbar:focus,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{color:#fff;background-color:#e5e5e5;*background-color:#d9d9d9}
.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#ccc \9}
.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:0 1px 0 rgba(0,0,0,0.25)}
.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.dropdown>a:hover .caret,.navbar .nav li.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}
.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{color:#555;background-color:#e5e5e5}
.navbar .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#777;border-bottom-color:#777}
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#555;border-bottom-color:#555}
.navbar .pull-right>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right{right:0;left:auto}
.navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before{right:12px;left:auto}
.navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after{right:13px;left:auto}
.navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu{right:100%;left:auto;margin-right:-1px;margin-left:0;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}
.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);}
small.pull-right {text-align: right; font-family: georgia; font-style:normal; font-size: 11pt;}
span.acc {font-family: Calibri,sans-serif; font-size: 12pt;}
span.table {color: black; line-height: 115%; font-size: 11.5pt;}
span.edu-left { color: black; text-transform: none; line-height: 115%; font-family: Arial,sans-serif;font-size: 10.5pt;font-weight: normal;text-align:right;}
span.edu-dt {color: black; text-transform: none; font-family: Arial,sans-serif; font-size: 10pt; font-style: italic;}
span.edu-dd {color: black; text-transform: none; font-family: Arial,sans-serif; font-size: 10pt; font-weight: normal; font-style: italic; }
span.skills-dt {color: black; font-family: Arial,sans-serif; font-size: 10.5pt; font-style: italic;}
span.skills-dd {color: black; font-family: Arial,sans-serif; font-size: 10.5pt; font-weight: normal; font-style: italic;}
span.skills-right {color: black; line-height: 115%; font-family: Arial,sans-serif; font-size: 11.5pt; font-weight: normal;}
span.text-left { color: black; line-height: 115%; font-family: Arial,sans-serif; font-size: 11.5pt; font-weight: normal;}
span.text-right { color: black; line-height: 115%; font-family: Arial,sans-serif; font-size: 11.5pt; font-weight: normal;}
.row-heading { text-align: justify; line-height: 108.33%; margin: 0px; font-family: Georgia;font-size: 18px;background-color: blue;font-weight: bold;color: white; padding:0px;}
.row-main {height:auto; border-top: 1px solid rgb(29, 29, 255); border-right: 1px solid rgb(29, 29, 255);}
.row-skills-first {padding: 6pt 0pt 2pt 0pt;}
.row-skills-middle {padding: 4pt 0pt 2pt 0pt;}
.row-skills-last {padding: 4pt 0pt 6pt 0pt;}
.summary-acc {font-size:14pt; padding:5px; }
.company {text-align: left; border-width: medium 1pt; padding: 0in 5.75pt; height: auto;}
.heading {overflow:hidden; background: rgb(51, 51, 255); padding: 0pt; }
.col-12.summary {background: white; border-width: 1pt medium medium; border-style: solid none none; border-color: rgb(7, 8, 221) currentColor currentColor; padding: 0in 5.75pt; -o-border-image: none; border-image: none; height: auto;}
.col-12.subheading {background: rgb(221, 221, 255); padding: 0in 5.75pt; border: 1pt solid rgb(51, 51, 255); -o-border-image: none; border-image: none; width: 534.1pt; height: 16.85pt;}
.col-12.skills {background: white; border-width: 1pt; border-style: solid; border-color: rgb(7, 8, 221) rgb(51, 51, 255) rgb(7, 8, 221) rgb(7, 8, 221); padding: 0in 5.75pt; -o-border-image: none; border-image: none; width: 534.1pt; height: 95.55pt;}
.col-12.company {padding: 0in 5.75pt; height: auto;}
.col-12.main { margin-top: 15px; border-width: 1pt 1pt medium medium; border-style: solid solid none none; border-color: rgb(7, 8, 221) rgb(7, 8, 221) currentColor currentColor; padding: 0in 5.75pt; height: auto;}
.col-12.job { padding: 0in 5.75pt;}
.col-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%;}
.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
img { width: auto; height: 100%;}
* header nav a:hover {color: white; }
/* span#logo img {height: 100%; width:auto;}
/* header nav {display: inline-block; float: right; }
/* shrinking header */
header {width: 100%; height: 236px; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 999; background-color: #000000; -webkit-transition: height 0.3s; transition: height 0.3s; }
header.smaller {height: 75px; }
header span#logo {display: inline-block; height: 110px; line-height: 110px; float: left; -webkit-transition: all 0.3s; transition: all 0.3s; margin-bottom:-20px; }
header.smaller span#logo {width: auto; height: 75px; margin-bottom: 0px; padding-left: 20px;}
header.smaller .tcb-quote-carousel {display:none!important}
span.subtext {color:black; margin-top: -20px;}
/* shrinking nav */
header nav a {line-height: 150px; margin-left: 20px; color: #ffffff; font-weight: 700; font-size: 18px;-webkit-transition: all 0.3s; transition: all 0.3s; }
header.smaller nav a {line-height: 75px; }
td {margin: 4px;}
.row-heading { line-height: 108.33%; font-family: Georgia;font-size: 18px;background-color: blue; font-weight: bold; color: white; border-top: 1px double white; border-bottom: 1px double white;}
span.heading {vertical-align: baseline;}
span.summary {font-size: 14pt;}
span.subtext, strong.logo-subtitle {font-size: 14pt; vertical-align: top;}
span.summary-acc {font-size:12.5pt; font-weight: bold;}
p.heading {margin-top: 10px; vertical-align: middle;}
p.summary {margin-left:10px;}
.tcb-quote-carousel {background: #f9f9f9; padding-top: 0px; margin: 0px 25px 0px 25px;}
.tcb-quote-carousel .quote {color: rgba(100,0,0,.5); text-align: center; margin-bottom: 0px;}
.tcb-quote-carousel .carousel {padding-bottom: 20px;}
.tcb-quote-carousel .carousel .carousel-indicators > li {background-color: #e84a64;border: none;}
.tcb-quote-carousel blockquote {margin-top: 25px; text-align: right; border: none;}
.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity; transition-property: opacity;}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.carousel-inner > .active {left: 0px; margin-top: 37px;}
footer.blockquote-footer {padding-top:8px;}
ol.carousel-indicators {display:none;}
.quoter{text-align: center;}
header.smaller .tcb-quote-carousel {display: none !important;}
header ul.nav {color:black;}
.navbar-default {background-color: #f8f8f8; border-color: #e7e7e7;}
.col-12.summary {background: white; border-width: 1pt medium medium; border-style: solid none none; border-color: rgb(7, 8, 221) currentColor currentColor; padding: 0in 5.75pt; height: auto;}
.col-12.subheading {background: rgb(221, 221, 255); padding: 0in 5.75pt; border: 1pt solid rgb(51, 51, 255); width: 534.1pt; height: 16.85pt;}
.col-12.skills {background: white; border-width: 1pt; border-style: solid; border-color: rgb(7, 8, 221) rgb(51, 51, 255) rgb(7, 8, 221) rgb(7, 8, 221); padding: 0in 5.75pt; width: 534.1pt; height: 95.55pt;}
.col-12.company {padding: 0in 5.75pt; height: auto;}
.col-12.main {margin-top: 15px; border-width: 1pt 1pt medium medium; border-style: solid solid none none; border-color: rgb(7, 8, 221) rgb(7, 8, 221) currentColor currentColor; padding: 0in 5.75pt; height: auto;}
.col-12.job {padding: 0in 5.75pt;}
.col-12 {-ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%;}
.skills-left.col-xs-3 { text-align: right;width: auto;}
.skills-left.col-xs-9 {text-align:left;}
.media-body {font-family:georgia; font-size: 20px; line-height: 90%;}
td {font-size: 18px;}
.media-body {line-height: 100%;}
dl {border: 3px double #ccc; padding: 0.5em; }
dt {float: left; clear: left; width: 210px;text-align: right; font-weight: bold; color: green; margin-right: 10px;}
dt::after {content: ":";}
dd {margin: 0 0 0 110px; padding: 0 0 0.5em 0; }
button {display: block; margin: 20px auto;}
.row {overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.blur {color: transparent;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.main {border-top: 0.75px solid blue;}
.row, .col-*,h3
.carousel-inner > .active {left: 0px; margin-top: 37px;}
footer.blockquote-footer {padding-top:8px;}
.main {width: 100%; border-width: 1pt 1pt medium medium; border-style: solid solid none none; border-color: rgb(7, 8, 221) rgb(7, 8, 221) currentColor currentColor; height: auto;}
.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.wrap-job {
box-shadow: inset -172px -139px 299px -125px rgba(252,252,255,1);}
.wrap-job h3 {color: darkblue; font-size: 22px; margin-left: 25px;}
li.acc-top {margin: 0px 0 2px 25px; line-height: 1.2em;}
li.acc-middle {margin: 2px 0 2px 25px; line-height: 1.2em;}
li.acc-bottom {margin: 2px 0 0px 25px; line-height: 1.2em;}
.wrap-company {background-color: #1428ff;
box-shadow: inset -140px -139px 116px -75px rgba(21,21,23,1);}
.wrap-company h3 {color: white; margin-left: 15px;}
.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}
$(document).ready(function() {
$(window).on("scroll", function() {
if ($(window).scrollTop() >= 120) {
$("header").addClass("smaller");
} else {
$("header").removeClass("smaller");
}
});
});
