/*
* Codelander - One Page Template
* Version: 1.3.3
* Copyright 2015
* Created by: damterthemes
* Website: http://www.damterthemes.com
* @damterthemes: https://wrapbootstrap.com/user/damterthemes
* Designed and built based on Twitter Bootstrap. 
*/

/* Styles Switcher */
#style-switcher h3 { color: #333; font-size: 12px; margin: 10px 0 -3px 10px; text-transform: uppercase; }
#style-switcher { background: #f7f6f5; padding-bottom: 15px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 195px; position: fixed; top: 117px; z-index: 9999; left: 0px; border-radius: 0; }
#style-switcher div { padding: 1px 5px; }
#style-switcher h2 { background: #f7f6f5; color: #ffffff; font-weight: bold; padding: 0; font-size: 9px; padding: 0; outline: 0; }
#style-switcher h2 a { background: url("switcher.png") no-repeat scroll left center transparent; display: block; height: 50px; position: absolute; right: -45px; text-indent: -9999px; top: -3px; width: 45px; border-radius: 0; outline: 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:0; }
.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:0; -webkit-border-radius:0; border-radius:0; }
.layout-style ul li { margin-top:10px !important; }
#reset { margin: 0 0 15px 2px; }
#reset a { color: #fff; font-size: 12px; }
.orange { background: #fa5b0f; border-bottom:3px solid #dd4a04; }
.orange-bg { background: #fed5c0; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:3px solid #feb994; }
.light-blue { background: #57c2f0; border-bottom:3px solid #14a8e7; }
.blue-bg { background: #ade1f8; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:3px solid #82d2f4; }
.green { background: #72b626; border-bottom:3px solid #5b921f; }
.green-bg { background: #c7eb9e; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:3px solid #a8e069; }
.black { background: #4b4b4b; border-bottom:3px solid #000000; }
.black-bg { background: #dfdfdf; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:3px solid #c8c8c8; }
.red { background: #ff0000; border-bottom:3px solid #ce0000; }
.red-bg { background: #ff9595;  border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:3px solid #ff6c6c; }
.colors  li a.active { box-shadow: 0 0 0 2px #bfbfbf inset; }

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