/*
 * BOOTSTRAP CODE09 THEME
 * Styles Custom
 * Copyright 2014, Thystudio
 */



/*  CUSTOM BOOTSTRAP
============================================================== */
    /* Font */
    @import url(http://fonts.googleapis.com/css?family=Raleway:100,200);
    
    h1, h2, h3, h4, h5, h6                  { font-family: 'Raleway', sans-serif; }
    .text-code                              { font-family: monospace, serif; }

    h1, h2                                  { font-weight: 100; }
    h3, h4, h5, h6                          { font-weight: 200; }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a      { font-weight: inherit; }
    .strong, .bold                          { font-weight: bold; }

    h1 { font-size: 46px; line-height: 50px; margin-bottom: 20px; }
    h2 { font-size: 35px; line-height: 40px; margin-bottom: 20px; }
    h3 { font-size: 28px; line-height: 34px; margin-bottom: 15px; }
    h4 { font-size: 21px; line-height: 30px; margin-bottom: 15px; }
    h5 { font-size: 17px; line-height: 24px; margin-bottom: 10px; }
    h6 { font-size: 14px; line-height: 21px; margin-bottom: 10px; }
    a                                       { color: #705090; }
    a:hover                                 { color: #705090; }

    .list li                                { margin-bottom: 3px; }


    /* Grid system */
    @media (min-width: 1200px) {
        .container                          { width: 970px; }
        .grid-reset .container              { width: 1170px; }
    }


    /* Navigation theme */
    .navbar-default {
        padding-top: 10px;
        margin-bottom: 0;
        background-color: transparent;
        border: none;
        border-radius: 0;
    }
    .navbar-brand                           { padding-top: 5px; }
    .navbar-default .navbar-nav > li > a    { color: #aaa; }
    .navbar-default .navbar-nav .caret      { opacity: .35; }
    .navbar-default .navbar-toggle          { border-radius: 0; }
    .navbar-collapse                        { border-top: none; }
    .nav li > a                             { font-size: .85em; }
    .nav > li > a                           { padding-left: 25px; padding-right: 25px; }
    .navbar .dropdown-menu                  { border-radius: 0; box-shadow: none; }
    .navbar-default .dropdown-menu > li > a { min-width: 180px; padding-top: 6px; padding-bottom: 6px; }
    

    /* Button & Form */
    .btn                                    { border-radius: 0; margin-bottom: 20px; }
    .alert                                  { padding: 25px; }
    .form-control {
        border-radius: 0;
        border-color: #e5e5e5;
        -webkit-box-shadow: none;
        box-shadow: none;
    }


    /* Prettyprint
    ---------------------------------------------------------- */
    .prettyprint, .prettyall {
        margin-top: 0; margin-bottom: 20px;
        padding: 0 15px;
        
        border: none;
        border-left: 1px dashed #d5d5d5;
        background-color: #fff;
        font-size: 12px;
        line-height: 19px;
    }
    .prettyprint span { word-wrap: break-word; }
    .prettyall > .prettyprint {
        padding: 0;
        border-width: 0;
    }
    .prettyall > .prettyprint:last-child { margin-bottom: 0; }


    /* Special Class for Alert & Label
    ---------------------------------------------------------- */
    .info                           { background-color: #d9f9f9 !important; color: #069 !important; }
    .warning                        { background-color: #fff777 !important; color: #a80 !important; }
    .error                          { background-color: #f9d9d9 !important; color: #c00 !important; }
    .success                        { background-color: #d0f0c0 !important; color: #248800 !important; }
    .text-info                      { color: #0099dd !important; }
    .text-success                   { color: #33bb00 !important; }
    .text-warning                   { color: #ddaa00 !important; }
    .text-error                     { color: #dd0000 !important; }


    /* Label
    ---------------------------------------------------------- */
    .label {
        background-color: #666;
        color: #fff;
        padding-left: 5px; padding-right: 5px;
        padding-top: 1px; padding-bottom: 2px;
    }
    .label.highlight                { background-color: #0cf; color: #fff; }




/*  ELEMENTS ADD-ON
============================================================== */
    body                            { -webkit-font-smoothing: antialiased; }
    .wrapper                        { padding-top: 50px; padding-bottom: 50px; }
    @media only screen and (max-width: 767px) {
        .wrapper                    { padding-top: 30px; padding-bottom: 30px; }
    }

    .zone-pattern {
        padding-top: 30px; padding-bottom: 30px;
        margin-top: 50px; margin-bottom: 50px;
        background-color: #f2f2f2;
    }
    .zone-pattern2 {
        background: #f9f9f9 url(../imgs/pattern_wavegrid.png) repeat;
        border: solid #e9e9e9;
        border-width: 1px 0;
    }
    .pattern-math { background: #7733aa url(../imgs/pattern_math.png) repeat; }

    .pa-50      { padding-top: 50px !important; padding-bottom: 50px !important; }
    .pa-t-50    { padding-top: 50px !important; }
    .pa-b-50    { padding-bottom: 50px !important; }
    .pa-b-100   { padding-bottom: 100px !important; }
    .ma-b-20    { margin-bottom: 20px !important; }
    .ma-b-50    { margin-bottom: 50px !important; }
    .ma-b-100   { margin-bottom: 100px !important; }
    .ma-b-150   { margin-bottom: 150px !important; }

    .dropcap:first-letter {
        float: left;
        padding-right: 0.3em;

        color: #705090;
        font-size: 2.9em;
        font-weight: bold;
        line-height: 1em;
        *line-height: 1em;                      /* Fix IE7 */
    }
    .bo-l-h {
        padding-left: 20px;
        border-left: 1px solid #705090;
    }
    .no-bo { border: none !important; }
    .muted { color: #999; }
    .nowrap { white-space: nowrap; }



    /*  HR class */
    .hr {
        position: relative;
        height: 1px;
        clear: both;
        margin-top: 30px;
        margin-bottom: 30px;
        background-color: #e5e5e5;
    }
    .hr.dash:after {
        content: ' ';
        display: block;
        position: absolute;
        width: 50px; height: 3px;
        left: 50%; top: -1px;
        margin-left: -25px;
        background-color: #705090;
    }
    .hr.dash.none { background-color: transparent; }
    .hr.dash.left:after { left: 0; margin-left: 0; }



    /* Title heading */
    .title-head {
        text-align: center;
    }
    .title-head > * {
        margin-bottom: 0; margin-top: 0;
        color: #705090;
    }
    .title-desc {
        display: block;
        display: inline-block;
        zoom: 1;
        margin-top: 5px;
        padding-top: 5px;
        border-top: 1px dashed #705090;
        font-size: .85em;
    }
    @media only screen and (min-width: 1px) and (max-width: 767px) {
        .title-head > h1 {
            font-size: 28px !important;
            line-height: 1.2em;
        }
    }
    @media only screen and (min-width: 1px) and (max-width: 479px) {
        .title-head > h1 {
            font-size: 21px !important;
            font-weight: 200;
        }
    }


    /* Title big */
    .title-big-wrap {
        margin-bottom: 50px;
    }
    .title-big {
        overflow-y: hidden;
        height: 50px;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 10px;

        font-family: 'Raleway', sans-serif;
        font-size: 65px;
        font-weight: 100;
        line-height: 1em;
        color: #ddd;
        text-align: center;
    }
    @media only screen and (min-width: 1px) and (max-width: 767px) {
        .title-big {
            height: 32px;
            font-size: 40px;
            font-weight: 200;
        }

        /*.tab-desc { display: none; }*/
    }


    /* Dummy image */
    .dummy-img {
        height: 150px;
        background: #666 url(../../templates/imgs/tabs/icon.img.png) no-repeat center center;
        margin-bottom: 20px;
    }
    .dummy-group > .dummy-img {
        display: block; zoom: 1;
        display: inline-block;
        width: 22%; height: 120px;
        margin-right: 2%;
    }
    .dummy-group > .dummny-img-end { margin-right: 0; }
    .dummy-img1 { background-color: #666666; }
    .dummy-img2 { background-color: #ffaa00; }
    .dummy-img3 { background-color: #e602c9; }
    .dummy-img4 { background-color: #00ccff; }
    .dummy-img5 { background-color: #63ad00; }
    .dummy-img6 { background-color: #ffaa00; height: 100px; }
    

    /* Footer */
    .footer { padding-top: 25px; padding-bottom: 25px; }
    .copyright {
        font-size: .85em;
        color: #999;
    }


    /*  Show Full */
    .show-full article {
        margin-bottom: 50px;
        border-bottom: 1px dotted #ddd;
    }
    .show-full article:hover                    { border-color: #705090; }
    .ie7 .show-full                             { z-index: 1; }

    .show-full .thumbnail {
        display: block;
        position: relative;
        padding: 0;
        margin-bottom: 0;
        border: none;
    }
    .show-full .thumbnail img                   { width: 100%; height: auto; }
    .show-full .thumbnail .zoom,
    .show-full .thumbnail .linkto               { margin-bottom: 0; }

    .show-full .meta {
        display: block;
        padding-top: 20px; padding-bottom: 20px;
        text-align: center;
    }
    .show-full .meta > .title {
        margin-bottom: 0;
        color: #999;
        line-height: .9em;
    }
    .show-full .meta:hover                      { text-decoration: none; }
    .show-full .meta:hover > .title             { color: #705090; }