/*
* Smart - One page Template
* Version: 1.0
* Copyright 2014
* Created by: DamterThemes
* URL: http://damterthemes.com
* Designed and built based on Twitter Bootstrap 3.
*/

/* Styles Switcher */
.title-section { padding-top: 7px; }
#style-switcher h3 { color: #333333; font-size: 11px; margin: 5px 0 -3px 10px; }
#style-switcher { background: #e8e8e8; width: 195px; position: fixed; top: 110px; z-index: 9999; left: 0px; border-radius: 0 0 3px 0; padding-bottom: 17px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5); }
#style-switcher div { padding: 1px 5px; }
#style-switcher h2 { background: #302e2e; color: #ffffff; font-weight: bold; padding: 0; font-size: 14px; padding: 6px 0 6px 10px; margin-top: 0; }
#style-switcher h2 a { background: url("switcher.png") no-repeat scroll left center transparent; display: block; width: 30px; height: 31px; position: absolute; right: -30px; text-indent: -9999px; top: -3px; border-radius: 0 3px 3px 0; }
.colors { list-style: none; margin: 15px 0px 5px 0px; overflow: hidden; padding-left: 7px; }
.colors li { float: left; margin: 2px; }
.colors li a { display: block; width: 53px; height: 53px; cursor: pointer; border-radius:50%; }
.layout-style select { width: 100%; padding: 5px; margin-top: 5px !important; font-size:12px; border: none; 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:#333333 !important; }
#reset a { color: #ffffff; font-size: 12px; }
.light-blue { background: #57c2f0; }
.orange { background: #ff8c00; }
.lime-green { background: #72b626; }
.medium-purple { background: #9370db; }
.dark-blue { background: #0059b3; }
.gold { background: #ceaf00; }
.colors  li a.active { box-shadow: 0 0 5px 0 #5c5c5c inset; }

 @media only screen and (max-width: 768px) {
#style-switcher { display: none; }
}