/*!
 *  * Start Bootstrap - Business Casual Bootstrap Theme (http://startbootstrap.com)
 *   * Code licensed under the Apache License v2.0.
 *    * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 *     */

html,body
{
    margin:0;
       padding:0;
    height:100%;
}

body {

    
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;

    //background: url('../img/bg.jpg') no-repeat center center fixed;

    background-color: #eee;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    text-transform: uppercase;

    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;

    font-weight: 700;

    letter-spacing: 1px;

}



p {

    font-size: 1.25em;

    line-height: 1.6;

    color: #000;

}



hr {

    max-width: 400px;

    border-color: #999999;

}

.top_field{
    background-color:#645B5B;
}

.top_login{
    float:right;
    margin-top:5px;
    margin-bottom:5px;
}

.top_login span{
    color:#fff;
}

.top_login .normal_link{
            color: #DAD9D9;
                    text-decoration: none;
                }

.top_login a:hover{
    color:#fff;
}



.row{
    margin:0;
}



.brand,

.address-bar {

    display: none;

}


.navbar-default .navbar-toggle {
       border-color: transparent;
}


.navbar-brand {

    text-transform: uppercase;

    font-weight: 900;

    letter-spacing: 2px;

    padding-top:0;

}

.navbar-brand>img{
    width:90px;
}


.navbar-nav {

    text-transform: uppercase;

    font-weight: 400;

    letter-spacing: 3px;

}





.img-full {

    min-width: 100%;

}



.brand-before,

.brand-name {

    text-transform: capitalize;

}



.brand-before {

    margin: 15px 0;

}



.brand-name {

    margin: 0;


    font-size: 2em;


}


.navbar-default{
    background-color: #337ab7;
    border-color:#fff;
}



.navbar-default .navbar-toggle .icon-bar {
      background-color: #FFF;
}

.navbar-default .navbar-brand {
      color: #FFF;
  }


  .navbar-default .navbar-nav>li>a {
        color: #FFF;
    }


.tagline-divider {



    margin: 15px auto 3px;

    max-width: 250px;

    border-color: #999999;

}


.content{
    min-height:70%;
    height:auto;
}


.box {

    margin-bottom: 40px;

    padding: 30px 15px;

    background: #fff;

    background: rgba(255,255,255,0.9);

}



.intro-text {

    text-transform: uppercase;

    font-size: 1.25em;

    font-weight: 400;

    letter-spacing: 1px;

}



.img-border {

    float: none;

    margin: 0 auto 0;

    border: #999999 solid 1px;

}



.img-left {

    float: none;

    margin: 0 auto 0;

}



.footer {
    background: #337AB7;
    position:relative;
    margin-top:20px;
    clear:both;
}



.footer p {

    color:#fff;

    margin: 0;

    padding: 50px 0;

    font-size: 1.25em;

}


@media screen and (min-width:768px) {

    .brand {

        display: inherit;

        margin: 0;

        padding: 30px 0 10px;

        text-align: center;

        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);

        font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;

        font-size: 5em;

        font-weight: 700;

        line-height: normal;

        color: #fff;

    }


    
    .top-divider {

        margin-top: 0;

    }


    
    .img-left {

        float: left;

        margin-right: 25px;

    }


    
    .address-bar {

        display: inherit;

        margin: 0;

        padding: 0 0 40px;

        text-align: center;

        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);

        text-transform: uppercase;

        font-size: 1.25em;

        font-weight: 400;

        letter-spacing: 3px;

        color: #fff;

    }


    
    .navbar {

        border-radius: 0;

    }


    
    .navbar-header {

        display: block;

    }

    .navbar-brand{
        
        margin-left:0;
    }

    
    .navbar {

        min-height: 0;

    }


    
    .navbar-default {

        border: none;

        background: #fff;

        background: rgba(51, 122, 183, 1);

    }

    .navbar-default .navbar-nav>li>a {
          color: #FFF;
    }


    
    .nav>li>a {

        padding-top: 35px;
        padding-bottom: 35px;

    }


    
    .navbar-nav>li>a {

        line-height: normal;

    }


    
    .navbar-nav {

        display: table;

        float: none;

        margin: 0 auto;

        table-layout: fixed;

        font-size: 1.25em;

    }

}



@media screen and (min-width:1200px) {

    .box:after {

        content: '';

        display: table;

        clear: both;

    }

}

@media (max-width: 768px) 
{

    .navbar-brand>img{
        width:50px;
    }

    .nav-collapse .dropdown-menu a {

        padding: 9px 15px;

        font-weight: bold;

        color: #777777;

        -webkit-border-radius: 3px;


        -moz-border-radius: 3px;

        border-radius: 3px;

    }

    .nav-collapse .btn {

        padding: 4px 10px 4px;

        font-weight: normal;

        -webkit-border-radius: 4px;

        -moz-border-radius: 4px;

        border-radius: 4px;

    }

    .nav-collapse .dropdown-menu li + li a {

        margin-bottom: 2px;

    }


    
    .nav-collapse .dropdown-menu a:hover,

    .nav-collapse .dropdown-menu a:focus {

        background-color: #f2f2f2;

    }


    
    .navbar-inverse .nav-collapse .dropdown-menu a:hover,

    .navbar-inverse .nav-collapse .dropdown-menu a:focus {

        background-color: #111111;

    }

    .nav-collapse.in .btn-group {

        padding: 0;

        margin-top: 5px;

    }

    .nav-collapse .dropdown-menu {

        position: static;

        top: auto;

        left: auto;

        display: none;

        float: none;

        max-width: none;

        padding: 0;

        margin: 0 15px;

        background-color: #ededed;

        border: none;

        -webkit-border-radius: 0;

        -moz-border-radius: 0;

        border-radius: 0;

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none;

    }

    .nav-collapse .open > .dropdown-menu {

        display: block;

    }

    .nav-collapse .dropdown-menu:before,

    .nav-collapse .dropdown-menu:after {

        display: none;

    }

    .nav-collapse .dropdown-menu .divider {

        display: none;

    }

    .nav-collapse .nav > li > .dropdown-menu:before,

    .nav-collapse .nav > li > .dropdown-menu:after {

        display: none;

    }



    .dropdown:hover .dropdown-menu {
    
        display: block;

    }


    .dropdown-menu{
    
        background-color:#eee;

    }


    .nav-collapse .dropdown-menu>li:hover a{
    
        background-color:#fff;
    
        color:#000;

    }

}



.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu{
    background-color:#eee;
}

.dropdown-menu>li:hover a{
    background-color:#337AB7;
    color:#fff;
}