/**
 * Cixtor.com custom styles
 * @author: cixtor
 * @website: http://cixtor.com/
 * @source: /css/styles.min.css
 */

/* Initial styles */
::-webkit-input-placeholder{color:#aaa}
::-webkit-scrollbar{background:transparent;width:7px;height:7px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(120,120,120,0.75);border:1px solid #777}
::-webkit-scrollbar-corner{background:transparent}
::selection{background:#27cfc3;color:#fff}
@font-face{font-family:'OpenSansLight';src:url('../fonts/OpenSans-Light-webfont.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansRegular';src:url('../fonts/OpenSans-Regular-webfont.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansSemibold';src:url('../fonts/OpenSans-Semibold-webfont.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansBold';src:url('../fonts/OpenSansBold-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
/* Generic styles */
body{background:#f5f5f5;font-family:'OpenSansRegular';padding-top:100px}
a:link, a:hover{color:#27cfc3;transition:all 0.2s linear}
a.btn-custom, a.btn-nectar{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075)}
a.btn{color:#fff}
em{color:#c09853}
blockquote p{font-size:14px}
.btn-custom:active, .btn-custom.active, .btn-nectar:active, .btn-nectar.active{-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)}
.btn-nectar{color:#fff;background-image:-webkit-gradient(linear, left 0%, left 100%, from(#27cfc3), to(#20a89e));background-image:-webkit-linear-gradient(top, #27cfc3, 0%, #20a89e, 100%);background-image:-moz-linear-gradient(top, #27cfc3 0%, #20a89e 100%);background-image:linear-gradient(to bottom, #27cfc3 0%, #20a89e 100%);background-repeat:repeat-x;border-color:#1d9b92;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27cfc3', endColorstr='#ffe6e6e6', GradientType=0)}
.btn-nectar:active, .btn-nectar:hover, .btn-nectar.active{background-color:#20a89e;color:#fff;border-color:#1d9b92}
.pagination-wrapper{background:#fff;border-top:1px solid #ddd}
.pagination-wrapper .pagination{display:table;margin:10px auto}
.header-alert{}
.header-alert .container{display:table;margin:0 auto}
.header-alert .alert{border-radius:0;margin-bottom:0;padding:10px}
.notfound .alert{display:table;margin:0 auto 30px auto}
/* Header styles */
.navbar{min-height:40px}
.navbar-fixed-top{margin-top:30px}
.navbar .navbar-brand{position:absolute;top:-15px;padding:0}
.navbar .navbar-brand .weblogo{border:5px solid #222;box-shadow:0 0 10px #1b1b1b}
.navbar-nav > li > a{padding-top:10px;padding-bottom:10px}
.navbar-nav li > a > i{display:inline-block;width:14px;margin:0 10px 0 0}
#header{background:#333 url('/img/code-design-bg.jpg') no-repeat;background-position:center center;background-size:100%;margin-bottom:30px;border:1px solid #000}
#header .gridlayer{background:url('/img/square-grid.png') repeat;border:1px solid #888}
#header, #header .gridlayer{border-left:none;border-right:none}
#header .container{color:#fff;text-align:center;padding-top:100px;padding-bottom:100px}
#header .information{width:600px}
#header .information h1, #header .information h2{font-family:'OpenSansLight';margin:0 0 10px 0}
#header .information h1{font-size:50px}
#header .information h2{font-size:30px}
#header .information p{}
#header .buttons{margin:30px 0 0 0}
#header .buttons a{text-transform:uppercase;margin:0 5px;padding:15px 30px;border-radius:2px}
#header .buttons a i{background:#fff;color:#333;margin:0 5px 0 0;padding:3px;border-radius:50%}
/* Media queries and device styles */
@media (min-width: 768px){
    .navbar .navbar-collapse{margin-left:100px}
}
@media (max-width: 760px){
    body{padding-top:50px}
    .navbar-fixed-top{margin-top:0}
    .navbar .navbar-brand{top:0;left:10px}
    .navbar .navbar-brand .weblogo{width:50px;height:50px;border-width:3px;box-shadow:none}
}
