/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* =Global
-------------------------------------------------------------- */

/* =Template
-------------------------------------------------------------- */
#wrapper {
    width: 100%;
    margin: 0 auto;
}

#main {
    background-color: #fff;
    padding-top: 150px;
}

/* =.head
-------------------------------------------------------------- */
.head {

    /*  overflow: hidden;
      position: fixed;
      top: 0;
      left: 0;*/
    z-index: 999;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

.menu_wrapper {
    top: 76px;
    left: 160px;
}

.head .logo, .head .social_wrapper, .menu_wrapper, .head form {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.head nav {
}

.head nav a {

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.head nav a:hover {

}

.head.smaller {
    height: 75px;

}

.head .logo img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 131px;
    left: 0px;
}

.head.smaller .logo img {
    height: 52px;
    left: 40px;
}

.head .social_wrapper {
    top: 13px;
    right: 580px;
}

/*.head.smaller .social_wrapper {
    right: 180px;
}*/

.head form {
    position: relative;
    display: inline-block;
    width: 200px;
    top: 12px;
    left:0px;
    margin: 0 1px;
}

/*
.head.smaller form {
    left: 400px;

}
*/

.head.smaller .menu_wrapper {
    top: 51px;
    height: 77px;
}

.head.smaller .navbar-nav > li > a::before {
    height: 0px;
    opacity: 0;
}

.head.smaller .navbar-nav > li > a::after {
    top: auto;
    bottom: -7px;
}

.head.smaller nav a {
    /*top: 40px;*/
    padding-top: 1px;
    padding-bottom: 5px;
    font-size: 14px;
    padding-left: 4px;
    padding-right: 4px;
}