/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/fixed.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */

/********* ES - MAIN CSS FILE *********/
/* THIS IS MAIN CSS OF THE WEBSITE. MAKE SURE YOU ARE UPDATING THE RIGHT FILE */
/* Optionally, add your own components here. */
@import "common.css";
@import "custom.css";
@import "responsive_custom.css";
@import "responsive.css";

/*#page{
    width: 100%;
}*/
.nav_wrapper {
    display: inline-block;
    width: 100%;
}
.top_nav {
    width: 100%;
    display: block;
    color: #FEFFFF;
    max-height: 42px;

}
.logo_wrapper {
    display: inline-block;
    float: left;
    padding-left: 8%;
}
.drop_select {
    display: inline-block;
    float: left;
    position: relative;
}
.drop_select select {
    border: none;
    padding: 12px;
    background: #10406c;
    color: #fff;
    font-size: 12px;
    font-weight: bold;

}

.navigation {
    float: right;
}
ul{
    margin-top: 0px;
    margin-right: 80px;
    margin-bottom: 0px;
}
.bg-nav {
    width: 100%;
    max-height: 42px;
    background-color: #0B2E4E;
    display: inline-block;
}
.nav_items {
    display: inline;
    font-size: 14px;
}
.nav_items a{
    /*    text-decoration: none;
        color: #fff;
        padding: 10px 15px;*/
    text-decoration: none;
    color: #fff;
    padding: 15px 12px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 11px;
    font-family: 'Gisha';
    text-transform: uppercase;
}
.nav_items a:hover {
    background-color: #D29538;
}
.btm_nav{
    background-color: #5D5560;
    display: block;
    width: 100%;
    padding: 20px 0px;
}
.btm_wrapper {
    width: 78%;
    display: inline-block;
    float: left;
    margin-top: 12px;
}
.btm_wrapper ul{
    margin-right: 0px;
    float: right;
}
.btm_wrapper ul li {
    list-style: none;
    display: inline-block;
    padding: 8px;
}
.btm_wrapper ul li a{
    text-decoration: none;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    font-family: "Gisha";
    text-transform: uppercase;
}
.serch_drop {
    display: inline-block;
}
.serch_input{
    background-color: rgb(93, 85, 96);
    border: 1px solid;
    border-radius: 7px;
    width: 205px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: normal;
    color: #fff;
    padding: 12px;
}
/*.serch_drop select{
    background-color: rgb(93, 85, 96);
    border: 1px solid;
    border-radius: 7px;
    width: 150px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: normal;
    color: #fff;
    padding: 12px
}*/
/*.arrow{
    content: "";
    position: absolute;
    width: 31px;
    height: 43px;
    background-image: url("../images/arrow.png");
}*/
.logo_writing{
    display: inline-block;
    margin-left: 21%;
    width: 15%;
    color: rgb(255, 255, 255);
    font-weight: 700;
    margin-top: -11px;
}