/*
* eLite - Landing Page
* Version: 1.2
* Copyright 2014
* Created by: DamterThemes
* URL: https://wrapbootstrap.com/user/damterthemes
* Designed and built based on Twitter Bootstrap 3. 
*/

/* Styles Switcher */

#style-switcher h3 { color: #333; font-size: 12px; margin: 5px 0 -3px 3px; }
#style-switcher { background: #fff; border-right: 1px solid #333333; border-bottom: 1px solid #333333; width: 195px; position: fixed; top: 117px; z-index: 9999; left: 0px; border-radius: 0 0 3px 0; }
#style-switcher div { padding: 1px 5px; }
#style-switcher h2 { background: #333; color: #ffffff; font-weight: bold; padding: 0; font-size: 14px; padding: 6px 0 5px 10px; }
#style-switcher h2 a { background: url("switcher.png") no-repeat scroll left center transparent; display: block; height: 41px; position: absolute; right: -39px; text-indent: -9999px; top: 0; width: 39px; border-radius: 0 3px 3px 0; }
.colors { list-style: none; margin: 5px 0px 5px 0px; overflow: hidden; padding-left: 7px; }
.colors li { float: left; margin: 2px; }
.colors li a { display: block; width: 30px; height: 30px; cursor: pointer; border-radius:4px; }
.layout-style select { width: 100%; padding: 5px; margin-top: 5px !important; font-size:12px; border: 1px solid #666666; margin: 0 0 0 -5px; color: #666; cursor: pointer; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.layout-style ul li { margin-top:10px !important; }
#reset { margin: 0 0 15px 2px; }
#reset a { color: #fff; font-size: 12px; }
.orange { background: #fa5b0f; }
.orange-bg { background: #fed5c0; }
.blue { background: #57c2f0; }
.blue-bg { background: #ade1f8; }
.green { background: #72b626; }
.green-bg { background: #c7eb9e; }
.black { background: #4b4b4b; }
.black-bg { background: #dfdfdf; }
.red { background: #ff0000; }
.red-bg { background: #ff9595; }
.colors  li a.active { box-shadow: 0 0 0 2px #bfbfbf inset; }
 @media only screen and (max-width: 768px) {
#style-switcher { display: none; }
}