bg-purple/*=========================================
WebSlides - Colors
=========================================== */

/* == Backgrounds == */

/* .bg-primary */
/* .bg-secondary */
/* .bg-light */

/* == General == */
/* .bg-white */
/* .bg-black */
/* .bg-black-blue */
/* .bg-brown */
/* .bg-blue */
/* .bg-gray */
/* .bg-purple */
/* .bg-red */

/* == Brands == */
/* .bg-apple */
/* .bg-facebook */

/* == Gradients == */
/* .bg-gradient-r (radial) */
/* .bg-gradient-h (horizontal) */
/* .bg-gradient-v (vertical) */
/* .bg-gradient-white */
/* .bg-gradient-gray */

/* == Transparent/Opacity Black == */
/* .bg-trans-dark */
/* .bg-trans-light */
/* .bg-trans-gradient */


/*=========================================
Base
=========================================== */

body {
  color: #333;
  background-color: #f7f9fb;
}

:focus {
  box-shadow: 0 0 2px rgba(255, 255, 255, 1);
}
svg {
  fill: currentColor;
}

[class*="bg-"] a,
[class*="bg-gradient-"] a {
  color: #fff;
}
.bg-brown a {color: #c23;}

a,
.bg-white a,
.bg-light a,.bg-gradient-white a {
  color: #fff;
}

a:hover {
  color: #fff;
}
.flexblock li>a,[class*="bg-"] li>a,
[class*="bg-gradient-"] li>a,
article header a {
  color: inherit;
}

b,
.bg-white a,
.bg-light a,.bg-gradient-white a {
  color: #083361;
}

b:hover {
  color: #083361;
}

hr {
  background: rgba(0, 20, 80, 0.2);
  background: radial-gradient(ellipse at center, rgba(0, 20, 80, 0.2) 0, rgba(255, 255, 255, 0) 75%);
}

hr:after {
  background-color: rgba(255, 255, 255, 0.8);
  color: #333;
}

bbbr,
acronym {
  border-bottom: 1px dotted #333;
}

mark,
ins {
background-color: rgba(221,238,255, 0.8);
color: inherit;
}

::-moz-selection {
    /*! background-color: rgba(255, 255, 255, 0.8); */
}

::-webkit-selection {
    background-color: rgba(221,238,255, 0.8);
}

::selection {
    /*! background-color: rgba(255, 255, 255, 0); */
}

pre {
  border: 1px solid rgba(0, 20, 80, 0.1);
  box-shadow: 0 8px 16px rgba(0,20,80,.04),0 4px 16px rgba(0,0,0,.08);
  background: #fff;

}
pre:hover {
  box-shadow: 0 8px 16px rgba(0,40,160,.08),0 8px 24px rgba(0,0,0,.08);

}
code,[class*="bg-"] pre {
  background-color: rgba(255, 255, 255, 0.09);
}

.bg-white code{
    background: rgba(0, 20, 80, 0.03);
}
/*================================================
Slides - Backgrounds <section class="bg-primary">
================================================== */

/*3 Corp Colors*/


#process {
  width: 50%;
  height: 80%;
  position: absolute;
  top: 200;
  left: 0;
  margin-top: 50px;
  margin-left: 400px;

}


#bunch {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 20;
  left: 0;
  margin-top: -400px;
  margin-left:  50px;

}

#featureimage {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100;
  left: 0;
  margin-top: -300px;
  margin-left:  400px;

}
#infoi {
  width: 40%;
  height: 100%;
  position: relative;
  z-index: 1;
  margin-top: 10px
}

#clarientimage {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100;
  left: 0;
  margin-top: -300px;
  margin-left:  120px;

}
#clarient {
  width: 40%;
  height: 100%;
  position: relative;
  z-index: 1;
  margin-top: 10px;
  margin-left:  120px;
}



#occmimage {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100;
  left: 0;
  margin-top: -200px;
  margin-left:  280px;

}

#occm {
  width: 50%;
  height: 100%;
  position: absolute;

  margin-top: -500px;
  margin-left: -350px;
}


#occmimage1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100;
  left: 0;
  margin-top: -200px;
  margin-left:  280px;

}

#occm1 {
  width: 50%;
  height: 100%;
  position: absolute;

  margin-top: -500px;
  margin-left: -350px;
}











#fidimage {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100;
  left: 0;
  margin-top: -50px;
  margin-left:  50px;

}

#fidelity {
  width: 100%;
  height: 48%;
  position: relative;

  margin-top: 600px;
  margin-left: -350px;
}

.bg-portfolio {
  background-color: #1b1e27;
}

.bg-etrade {
  background-color: #1b1928;
}

.bg-ftv {
  background-color: #0e273e;
}

.bg-mtcblue {
  background-color: #253c88;
}

.bg-mtc {
  background-color: #387c2c;
}

.bg-lum {
  background-color: #080333;
}

.bg-stap-red {
  background-color: #c01803;
}
.bg-stap-teal {
  background-color: #03727c;
}



.bg-secondary {
  background-color: #67d;
}

.bg-light {
  background-color: #edf2f7;
}

/*General Colors*/

.bg-occm {
  background-color: #30abdf;
}
.bg-usbankgray {
  background-color: #e3e9ec;
}
.bg-gsk{
  background-color: #272727;
}
.bg-black {
  background-color: #111;
}
.bg-black-blue {
  background-color: #123;
}
.bg-blue {
  background-color: #346;
}
.bg-brown {
  background-color: #f8f8f9;
}
.bg-gray {
  background-color: #d5d9e2;
}
.bg-green {
  background-color: #077;
}
.bg-purple {
  background-color: #1b1e27;

}



.bg-purple-dark {
  background-color: #02050e;

}


.bg-red {
  background-color: #c23;
}

.bg-rb {
  background-color: #1d2029;
}

.bg-kf {
  background-image: url("EXL-images/KornFerry-BG.jpg");
}

.bg-etrade {
  background-color: #1b1927;
}
.bg-white {
  background-color: #fff;
}
.bg-sketch-gray {
  background-color: #f2f2f2;
}

/* BG Apple Keynote*/

.bg-t7 {
  background: linear-gradient(to bottom, #fea035 0%, #f9b030 50%, #e8b727 100%);
}
.bg-united {
  background: linear-gradient(to bottom, #a6d1f0 0%, #dcecfa 50%, #ffffff 100%);
}
.bg-mtcgrad1 {
  background: linear-gradient(to bottom, #88BF1E, #1e3377);
}
.bg-anothermtc {
  background: linear-gradient( 90deg, #88BF1E, #1e3377);
}
.bg-etradegrad {
  background: linear-gradient( 90deg, #4a25a6, #151021);
}

.bg-etradegrad1 {
  background: linear-gradient( 180deg, #1b1927, #000000);
}

.bg-morgangrad {
  background: linear-gradient(to bottom, #008ec7, #ffffff);
}
.bg-morgangrad1 {
  background: linear-gradient(to bottom, #008ec7, #033346);
}
/* BG Facebook */

.bg-facebook {
  background: #3b5998;
}


/*Font Color*/
.bg-trans-dark,.bg-trans-gradient,
.bg-primary,
.bg-secondary,
.bg-blue,
.bg-green,.bg-purple,.bg-red,.bg-facebook,.bg-apple,[class*="bg-black"],[class*="bg-gradient-"] {
  /*! color: #fff; */
  /*text-shadow: 0 1px 0 #013;*/
}

.bg-light, p {
  color: #456;
}
/*.bg-white p,*/
.bg-brown p{color: #666;
}

/*Transparent/Opacity*/
.bg-kellogs-trans {
  background: rgba(201, 21, 48, 0.99);
}
.bg-wheels {
  background: linear-gradient(to bottom, #939292 0%, #696868 100%);>
}
.bg-genome {
  background-color: #fff;
  opacity: .2;
}
.bg-GSK {
  background: linear-gradient(to bottom, #F4F0EF 0%, #E5DCD7 100%);>
}
.bg-Esurance {
  background: linear-gradient(to bottom, #CCC9D4 0%, #F3F2F5 100%);>
}
.bg-BBT {
  background: linear-gradient(to bottom, #ffffff 0%, #f2f7fe 100%);>
}
.bg-Equitable {
  background: linear-gradient(to bottom, #e9e9e9 0%, #75787B 100%);>
}
.bg-Merrill {
  background: linear-gradient(to bottom, #ffffff 0%, #D7DDE9 100%);>  
}
.bg-Numerated {
  background: linear-gradient(to bottom, #ffffff 0%, #80b7dc 100%);>  
}
.bg-Numerated-Dark {
  background: linear-gradient(to bottom, #232333 0%, #80b7dc 100%);>  
}
.bg-Otsuka {
  background: #373D42;
}
.bg-StateStreet {
  background: linear-gradient(to bottom, #272D3B 0%, #121927 100%);>  
}
.bg-Nuvance {
 background: linear-gradient(to bottom, #ffffff 0%, #ffd9af 100%);>
}
.bg-Conning {
  background: linear-gradient(to bottom, #DEE2EA 0%, #ffffff 100%);>
}
.bg-AA {
  background: linear-gradient(to bottom, #f2f2f2 0%, #b3b3b3 100%);>
}
.bg-JPM {
  background: linear-gradient(to bottom, #acd8E9 0%, #98d8ef 100%);>
}
.bg-P72 {
  background: linear-gradient(to bottom, #122943 0%, #05131c 100%);>
}
.bg-Hyundai {
  background: #e5eaf2 0%;
}

.bg-United {
  background: linear-gradient(to bottom, #ffffff 0%, #b1b6cf 100%);
}
.bg-mcd-trans {
  background: rgba(152, 0, 7, 0.99);
}
.bg-stam {
  background: rgba(139, 27, 16, 0.99);
}
.bg-stap {
  background: rgba(204, 0, 0, 0.99);
}
.bg-gs {
  background: rgba(53, 101, 141, 0.88);
}
.bg-gs-dark {
  background: rgba(49, 51, 56, 0.99);
}

.bg-ss-trans {
  background: rgba(10, 47, 92, 0.88);
}
.bg-clarient-trans {
  background: rgba(14, 63, 103, 0.88);
}
.bg-occm-trans {
  background: rgba(44, 125, 170, 0.88);
}
.bg-trans-dark {
  background: rgba(0, 0, 0, 0.8);
}
.bg-trans-united {
  background: rgba(0, 0, 0, 0.8);
}

.bg-fid {
  background: rgba(1, 54, 85, 0.88);
}

.bg-cl {
  background: rgba(1, 139, 227, 0.99);
}

.bg-fid-trans {
  background: rgba(1, 54, 85, 0.88);
}


.bg-legg-trans {
  background: rgba(0, 125, 193, 0.88);
}

.bg-dark-blue {
  background: rgba(0, 43, 101, 0.99);
}

}
.bg-dark-blue-ch {
  background: rgba(39, 43, 101, 0.99);
}

.bg-conning {
  background: rgba(1, 95, 159, 0.99);
}

.bg-Fidelity {
  background: linear-gradient(to top, #032335 0%, #0c0c0c 100%);
}

.bg-dark-blue-grad {
  background: linear-gradient(to top, #002c68 0%, #002244 100%);
}
.bg-fid-trans-grad {
  background: linear-gradient(to top, #116b98 0%, #2294cb 100%);
}
.bg-trans-light {
  background: rgba(0, 0, 0, 0.2);
}

/*Covers/Longforms...*/
.bg-trans-gradient{
background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
}

/*Horizontal Gradient*/

.bg-gradient-h {
  background: linear-gradient(134deg,#32b 0,#62b 100%);
}


/*Vertical Gradient*/

.bg-gradient-v-green {
  background: linear-gradient(to top, #009c3b 0%, #0bcd55 100%);
}
.bg-gradient-v-gray-dark {
  background: linear-gradient(to top, #ced5d1 0%, #e4eae7 100%);
}

.bg-gradient-v-gray-light {
  background: linear-gradient(134deg,#ccd3cf 0,#e3e8e5 100%);
}

/*Radial Gradient*/

.bg-gradient-r {
  background: radial-gradient(ellipse at center, #0a6cb3 0%, #5f9dcc 100%);
}

/*White Gradient (vertical)*/
.bg-gradient-white {
  background: linear-gradient(180deg,#f2f4f6 0,#fff 100%);
  color: #333;
  text-shadow: none;
}

/*Gray Gradient (horizontal)*/
.bg-gradient-gray{
background: linear-gradient(90deg,#f7f9fb 0,#dee2e6 100%);
color: #333;
text-shadow: none;
}
/*Border/Frame*/
.frame {
  border: .8rem solid #fff;
}

/*Layer/Box Shadow*/
.shadow,.pre {
position: relative;
}
.shadow:before,.shadow:after {
  box-shadow: 0 16px 24px rgba(0, 20, 80, 0.3);
}

/*============================
TYPOGRAPHY
============================== */

/* -- Horizontal separator  -- */

.text-separator:before {
    background-color: rgba(170, 0, 0, 0.8);
}

/* -- Pull Quote (Right/Left)  -- */

[class*="text-pull-"] {
border-top: 4px solid rgba(0, 0, 0, 0.5);
}
/* -- Context  

[class*="bg-"] .text-context:before {
  background-color: #fff;
}
.text-context:before,.bg-white .text-context:before{
  background-color: rgba(0, 20, 80, 0.2);
} -- */

/* -- Text shadow  -- */
.text-shadow {
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
}

/* -- time, ampersands, prepositions (for, of...), symbols...  -- */

[class*="card-"] time,
h1 span {
  color: #abd;
}

/* -- <pre> comment  -- */
.code-comment {
  color: rgba(70, 170, 130, 0.9);
  text-shadow: none;
}

/*=========================================
Header/Nav
=========================================== */

header[role=banner] {
  background-color: #fff;
}

.logo a {
  color: inherit;
}

nav[role=navigation] li a {
  background-color: rgba(50, 50, 50, .9);
}

nav[role=navigation] li a:hover {
  background-color: rgba(50, 50, 50, .7);
}

nav[role=navigation] li a,
nav[role=navigation] li a:hover {
  color: #fff;
}

nav[role=navigation] li.active a {
  background-color: #555;
  color: #fff;
}


nav li.twitter a:hover {
  background-color: #1da1f3;
}
nav li.facebook a:hover {
  background-color: #3b5998;
}

nav li.linkedin a:hover {
  background-color: #1683bb;
}

nav li.dribbble a:hover {
  background-color: #ea4c89;
}

nav li.github a:hover {
  background-color: #60b044;
}

nav li.email a:hover {
  background: #dd4b39;
}


/*=========================================
Tabs
=========================================== */


ul.tabs li {
  border: 1px solid rgba(0, 20, 80, 0.1);
  border-right: none;
}

ul.tabs li:last-child {
  border-right: 1px solid rgba(0, 20, 80, 0.1);
}

ul.tabs li.current {
  background: rgba(255, 255, 255, 0.09);
}





/*===================================================
.flexblock li hover/active
===================================================== */

.flexblock li.active a,
.metrics li:hover,
.specs li:hover,.reasons li:hover {
  background-color: rgba(0, 20, 80, 0.03);
}

/*=========================================
Features & Clients List 
=========================================== */

.features li,.clients li  {
  background-color: rgba(255, 255, 255, 0.9);
}

[class*="bg-"] .features li,
[class*="bg-"] .clients li {
  background-color: rgba(255, 255, 255, 0.1);
}

.features li:hover,.clients li:hover  {
box-shadow: 0 8px 16px rgba(0,20,80,.02),0 4px 16px rgba(0,0,0,.08);
}
/*.features li span,.features li svg{color: #44d;}*/

/*============================
.flexblock with border
============================== */

.border {
  border-right: 1px solid rgba(0, 20, 80, 0.1);
  border-bottom: 1px solid rgba(0, 20, 80, 0.1);
}

.border li {
  border-top: 1px solid rgba(0, 20, 80, 0.1);
  border-left: 1px solid rgba(0, 20, 80, 0.1);
}

.flexblock.border li li {
  border: none;
}

/*===========================================
flexblock.steps 
============================================= */

.steps li:nth-child(1) {
  background-color: #e8eef7;
}

.steps li:nth-child(2) {
  background-color: #e2e6ee;
}

.steps li:nth-child(3) {
  background-color: #d5dbe5;
}

.steps li:nth-child(4) {
  background-color: #cad1dc;
}

.process {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.steps li:hover,
.steps.blink li:hover>a {
  background-color: #b4bac3;
}

@media (min-width: 1024px) {
  .process.step-2 {
    border-left-color: #e8eef7;
  }
  .process.step-3 {
    border-left-color: #e2e6ee;
  }
  .process.step-4 {
    border-left-color: #d5dbe5;
  }
  .steps li:hover + li [class*="step-"] {
    border-left-color: #b4bac3;
  }
}


/*=========================================================
Items: You can use for settings, drag&drop, close/delete...
=========================================================== */

.specs li:after {
  background: linear-gradient(to right, rgba(0, 20, 80, 0) 0%, rgba(0, 20, 80, 0.2) 50%, rgba(0, 20, 80, 0) 100%);
}

.specs li:last-child:after {
  background: none;
}

/*.specs li {background: rgba(255,255,255,0.2);}*/

/*=========================================================
Why/Steps/Motivation/Reasons -  Decimal/Numbers
=========================================================== */

.reasons li:after {
  background: linear-gradient(to right, rgba(0, 20, 80, 0) 0%, rgba(0, 20, 80, 0.2) 50%, rgba(0, 20, 80, 0) 100%);
}

.reasons li:last-child:after {
  background: none;
}

/*=========================================
Overlays
=========================================== */

.overlay {
  background-color: rgba(0, 0, 0, 0.2);
  /*background-color: rgba(255,255,255 , 0.9);*/
  /*border: 3px double #fff;*/
}

li:hover .overlay {
  background-color: rgba(0, 0, 0, 0.1);
}

.overlay,
.overlay a {
  color: #fff;
  text-shadow: 0 1px 0 #111;
}


/*=========================================
Gallery li+.overlay+image
=========================================== */

.gallery li {
  background-color: rgba(0, 20, 80, 0.06);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.03);
}

.gallery li figcaption {
  background-color: #fff;
}

.flexblock.gallery li:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08);
}
.gallery li footer {
border-top:1px solid rgba(0,20,80,0.1);
}

.gallery li a {
  color: #333;
  text-shadow: none;
}
.flesblock.gallery li a footer{color: #aaa;}
/*Arrow */

.gallery li figcaption:before {
  border: .8rem solid black;
  border-color: transparent transparent #fff #fff;
  /*box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);*/
}



/*=========================================
Plans / Pricing
=========================================== */

.plans>li div,
.flexblock.plans li:hover div {
  background-color: #fff;
}

.plans>li:hover,
.plans>li:nth-child(2) {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1);
}

.plans:hover li:nth-child(2):not(:hover) {
  box-shadow: none;
}

.plans li h2 {
  background-color: rgba(0, 20, 80, 0.5);
  color: #fff;
}

.plans ul li {
  border-bottom: 1px solid rgba(0, 20, 80, 0.1);
}

.plans ul li:last-child {
  border-bottom: none;
}

.plans>li>a {
  color: inherit;
}

.plans>li>a {
  color: #333;
  text-shadow: none;
}


/*============================
Activity/CV/Timeline/News
============================== */

.activity li {
  border-top: .1rem solid rgba(0, 20, 80, 0.1);
}

.activity li:hover {
  background-color: rgba(0, 20, 80, 0.02);
}


/*=========================================
Resume/Work/CV/Portfolio
=========================================== */

.work-label,
.work li a {
  border-bottom: 1px solid rgba(0, 20, 80, 0.1);
}

.work li:nth-child(odd)>a {
  background-color: rgba(0, 20, 80, 0.03);
}

.work li a:hover {
  background-color: rgba(0, 20, 80, 0.04);
}


/*===========================================
Clients / Services / Logos...
============================================= */


.clients.border figcaption {border-top:1px solid rgba(0,20,80,0.1);
}
/*.clients>li {
  background: rgba(255, 255, 255, 0.8);
}
*/

/*====================
LOGOS
====================== */

img.blacklogo {
  background: none;
  /* --- Images (black logo/image) --- */
  -webkit-filter: grayscale(100%) brightness(10%) contrast(100%);
  filter: grayscale(100%) brightness(10%) contrast(100%);
}


/* --- Images (gray logo/image) --- */

img.graylogo {
  -webkit-filter: grayscale(100%) brightness(10%) contrast(10%);
  filter: grayscale(100%) brightness(10%) contrast(10%);
}


/* --- Images (white Logo/Image) --- */

img.whitelogo {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}


/* --- Logo/Images Hover --- */

li:hover img.blacklogo,
li:hover img.graylogo,
img.blacklogo:hover,img.graylogo:hover {
  background: none;
  /*Images - Original Color*/
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: none;
  transition: all 0.6s ease;
}


/*=========================================================
Cards
=========================================================== */

[class*="card-"]>a {
  color: inherit;
}

/* ---  card ul specs --- */

.description>li {
  border-bottom: 1px solid rgba(0, 20, 80, 0.1);
}

.description>li:last-child {
  border-bottom: none;
}

/*== Figure Background === */

[class*="card-"][class*="bg-"] figure {
background-color: rgba(0, 20, 80, 0.06);
}

/*== Ficaption Cards === */

[class*="card-"] figcaption,
[class*="card-"] figcaption a {
  color: #fff;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}

@media (min-width: 768px) {
  /*===CTA (Call to Action - Numbers, Price, Promo...)  ===== */
  .cta .benefit {
    border-left-width: 1px;
    border-style: solid;
    border-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent) 1 100%;
    -moz-border-image: -moz-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent) 1 100%;
    
  }
}


/*=========================================
Tables
=========================================== */

table td,
th,
thead {
  border: 0px solid rgba(0, 0, 0, 0.5);
}

thead {
  background-color: rgba(255, 255, 255, 1);
}

tr:nth-child(even)>td {
  background: rgba(255, 255, 255, 1);
}

tr>td {
  border-top: 0px solid rgba(0, 0, 0, 0.5);
}

td:hover,
tr:nth-child(even)>td:hover {
  background-color: rgba(255, 255, 255, 0.5);
}


/*============================
Browser (Screenshots) 
============================== */

.browser {
  border: 1px solid rgba(0, 20, 80, 0.1);
}

.browser:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1);
}


/*=== Topbar === */

.browser:before {
  background-color: rgba(0, 20, 80, 0.1);
  color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(0, 20, 80, 0.2);
}

.browser:hover:before {
  background-color: rgba(0, 20, 80, 0.12);
  color: #fff;
}


/*=========================================
Forms
=========================================== */

input,
textarea {
  background-color: #fafbfc;
}

input:focus,
textarea:focus {
  background-color: #fff;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}
input:focus::-moz-placeholder {
  color: #fff;
}
input:focus::-webkit-input-placeholder {
  color: #ddd;
}
a.button,[class*="badge-"]
button[type="submit"],
input 

button,
input,
select,
textarea,
button[type="submit"],
input[type="submit"],
.button,.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover 



button[type="submit"],
input[type="submit"],
.button,.button:hover,button[type="submit"]:hover,input[type="submit"]:hover {
  color: #fff;
  text-shadow: 0 0px 0 #123;
}
.button:active,button[type="submit"]:active,input[type="submit"]:active {
background-color: #17d;
}
.ghost,.ghost:hover {background: none;color: inherit;text-shadow: none;}
.bg-primary select,
.bg-primary textarea,
.bg-primary .button,
.bg-primary button,.bg-primary button:hover,
.bg-primary input,
[class*="bg-gradient-"] .button,[class*="bg-"] a.button.ghost 
{
  border-color: #fff;
}

[class*="bg-"] a.button {
  color: #fff;
}

.bg-white a.button.ghost,.bg-gradient-white a.button.ghost {color: #333;}

:disabled,
button:disabled:hover {
  background-color: #eee;
  border-color: #eee;
  color: #ccc;
}
fieldset {
  background-color: rgba(0, 20, 80, 0.2)
}

legend {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}


/* Inputs/Buttons - hover */

input:hover,
select:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}


/* App Store Badges */

[class*="badge-"] {
  border: 1px solid #345;
  background-color: #000;
  /* Transparent Button */
  /* background: none;*/
}


form .flexblock li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/*============================
Table of Contents
============================== */

.toc,
.toc ol>li:before,
.chapter {
  background-color: #f7f9fb;
}

.toc li .toc-page:before {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.9);*/
}


/*============================
Slides (Counter/Arrows)
============================== */


/*#navigation:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
*/
#counter {
  color: #FFFFFF;
  background-color: #1B2B44;
  opacity: 1;
}

#navigation a {
  color: #1B2B44;
  background-color: #1B2B44;
  opacity: 1;
  transition: .5s;

}


#webslides:hover #navigation a:hover {
  color: #3F87DE;
  background-color: #3F87DE;
  transition: .5s;

}







/*============================
Footer
============================== */

footer[role=contentinfo] {
  background-color: #fff;
}

/*footer:hover {
background-color:rgba(255,255,255 , 0.3);
}
*/