/*----------------------------
         Add CSS file
----------------------------*/
@import "../plugins/bootstrap/css/bootstrap.min.css";

/*----------------------------
   element      ee-menu.css
----------------------------*/
:root {
    --blue:#0000ff;
    --green:#A0C825;
    --Lighter:#959FA6;
    --gray:#66757F;
    --black:#000000;
    --red:#cc3300;
    --lightgray:#8F93A0;
    --white:#ffffff;
    --body:#fafafa;
}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important;}
header, nav, section, article, aside, footer { display:block;}
html {font-size: 100%;}
body {font-size: 14px; background: url(../images/thin_swatch_2.gif);line-height: 26px;color:var(--gray, #4F5168);-webkit-font-smoothing: antialiased;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {padding: 5px 0 15px 0;font-weight: normal;-webkit-font-smoothing: antialiased;}
:-ms-input-placeholder{color: var(--gray, #4F5168);}
.wd10{width: 10%;}
.wd20{width: 20%;}
.wd30{width: 30%;}
.wd40{width: 40%;}
.wd50{width: 50%;}
.wd60{width: 60%;}
.wd70{width: 70%;}
.wd80{width: 80%;}
.wd82{width: 82%;}
.wd85{width: 85%;}
.wd90{width: 90%;}
.wd100{width: 100%}
/*----------------------------
   header      
----------------------------*/
.header {position: relative; width: 100%; z-index: 99; padding:10px 0 0 0 }
.header .container{ max-width:1022px; }

.header-image img{width: 100%;}

.header-menu .container{ max-width:1022px; }


.header-navigation .navbar {padding: 1rem 0; width:100% }
.header-navigation .navbar-toggler {background: #fff !important; outline:none; margin-bottom:2px; }
.header-navigation .navbar-toggler:focus {outline: none; box-shadow: none; }


.header-navigation ul.navbar-nav{width:100% }
.header-navigation .navbar-nav > li {position: relative; padding: 0px 26px; border:2px solid var(--white); }
.header-navigation .navbar-nav > li:hover{    background-color: #c0c0c0; color: #ffffff; text-decoration: underline; border-style: solid; border-color:var(--red);}
.header-navigation .navbar-nav > li.active {background-color: #ffffff; color: var(--red); border-style: solid; border-color:var(--red); }
.header-navigation .navbar-nav > li.active a{color:var(--red); }

.header-navigation .navbar-nav > li > a{position: relative;color: var(--white);text-align:center;font-weight: bold;font-size: 13px; display: inline-block; width: 100%;    font-family: verdana;} 
.header-navigation .navbar-nav > li > a.active {color: #1d3b5f; }
.header-navigation .navbar-nav > li .dropdown-menu {border: 1px solid #7281b8; border-radius: 0; } 
.header-navigation .navbar-nav > li a.dropdown-item {position: relative; color: #495057; text-align: left; font-size: 12px; }
.header-navigation .navbar-nav > li a.dropdown-item:active,
.header-navigation .navbar-nav > li a.dropdown-item:focus, 
.header-navigation .navbar-nav > li a.dropdown-item:hover{background-color: #f8f9fa;}

/*----------------------------
   header      
----------------------------*/
.footer .container{ max-width:1022px; }

.copyight-text{color: white; font-size: x-small; font-family: Verdana; font-style: normal; font-weight: normal; text-align:center; }