/*
--------------------------------------------------------------
Product Name: Golden - Responsive Flat Dropdown Menu
Product Version: 1.0
Author: Igga Elia (elflaire)
Author URL: http://doptiq.com 
Author Portifolio: http://codecanyon.net/user/elflaire/portfolio 
E-mail: hello@doptiq.com 
Updates: Initial Release - 28th/Aug/2013
-------------------------------------------------------------- */


/*
--------------------------------------------------------------
Product Name: Golden - Responsive Flat Dropdown Menu
Product Version: 1.0
Author: Igga Elia (elflaire)
Author URL: http://doptiq.com 
Author Portifolio: http://codecanyon.net/user/elflaire/portfolio 
E-mail: hello@doptiq.com 
Updates: Initial Release - 28th/Aug/2013
-------------------------------------------------------------- */

.toplinewhite {
  font-size: small;
  line-height: 40px;
  color: #FFF;
  text-align: right;
  margin-right: 20px;
}
.logo{
	float:left;
	margin: 6px 0px;	
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
.container {
  width: 100%;

  margin-right: auto;
  margin-left: auto;
  max-width: 1170px;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;
width: 100%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-9 {
-ms-flex: 0 0 69%;
flex: 0 0 69%;
max-width: 69%;
position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row; 
}
#top{
	border-bottom:4px solid #EAEAEA;	
}





html {
}
html, body {
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body {
    background-repeat: repeat;
}
.clear::before, .clear::after {
    content: "";
    display: table;
}
.clear::after {
    clear: both;
}
.clear {
}
.nav {
	background-color: #e4e8ee;
	font-family: Arial,Helvetica,sans-serif;
	height: 46px;
	position: relative;
	z-index: 999;
	
	
}
.nav ul, .nav ol, .nav dl, .nav li {
    color: #fff;
    font-weight: bold;
    line-height: 1.5em;
    list-style: outside none none;
}
.menu-icon {
    display: none;
}
ul.dropdown, ul.dropdown li, ul.dropdown ul {
    margin: 0;
    padding: 0;
}
ul.dropdown {
    background-color: #e2dfdf;
    float: left;
    position: relative;
    width: 100%;
}
ul.dropdown li {
    float: left;
    vertical-align: middle;
}
ul.dropdown li {
    font-size: 13px;
    text-transform: none;
}
ul.dropdown a, ul.dropdown a:visited, ul.dropdown a:hover, ul.dropdown a:active {
    text-decoration: none;
}
ul.dropdown a, ul.dropdown span {
    cursor: pointer;
    display: block;
    outline: 0 none;
    padding: 45px 28px;
}
ul.dropdown ul a, ul.dropdown ul span {
    padding: 12px 9px;
}
ul.dropdown li:hover, ul.dropdown li.hover {
    cursor: pointer;
    position: relative;
}
ul.dropdown ul {
    display: none;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 100%;
    width:250px;
    z-index: 598;
}
ul.dropdown li:hover > ul {
    display: block;
}
ul.dropdown ul li {
    float: none;
    font-size: 13px;
    font-weight: normal;
    position: relative;
    text-transform: none;
}
ul.dropdown ul ul {
    left: 100%;
    top: 0;
}
ul.dropdown .sub {
    background-image: url("../images/nav-arrow-down-thin.gif");
    background-position: 95% 50%;
    background-repeat: no-repeat;
}
ul.dropdown ul .sub {
    background-image: url("../images/nav-arrow-down-thin.gif");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 15px;
}
ul.dropdown li.sub:hover {
}
ul.dropdown ul li.sub:hover {
}
ul.dropdown li.divider {
    border: 0 none !important;
    display: block;
    float: left;
    height: 110px;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px;
}
.animation1 {
    animation-name: flash;
}
.animation2 {
    animation-name: shake;
}
.animation3 {
    animation-name: bounce;
}
.animation4 {
    animation-name: tada;
}
.animation5 {
    animation-name: swing;
    transform-origin: center top 0;
}
.animation6 {
    animation-name: wobble;
}
.animation7 {
    animation-name: pulse;
}
.animation8 {
    animation-name: flip;
    backface-visibility: visible !important;
}
.animation9 {
    animation-name: flipInX;
    backface-visibility: visible !important;
}
.animation10 {
    animation-name: flipInY;
    backface-visibility: visible !important;
}
ul.dropdown li.rtl ul {
    left: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 598;
}
ul.dropdown li.rtl ul ul {
    left: auto;
    right: 100%;
    top: 0;
}
ul.dropdown li.ltr ul, ul.dropdown li.ltr ul ul {
    left: 100% !important;
    right: auto !important;
    top: 0;
}
.green-black, .green-black ul.dropdown {
    background: #fff none repeat scroll 0 0;
    color: #fff;
	float:right;
}
.green-black ul.dropdown ul {
    background: #EAEAEA none repeat scroll 0 0;
}
.green-black ul.dropdown a, .green-black ul.dropdown a:visited, .green-black ul.dropdown, .green-black ul.dropdown li {
    color: #000;
    text-align: left;
}
.green-black ul.dropdown li:hover, .green-black ul.dropdown li.hover {
    background-color: #EAEAEA;
    color: #000;
}
.green-black ul.dropdown ul li {
    border-bottom: 1px solid #545454;
}
.green-black ul.dropdown ul li.hover, .green-black ul.dropdown ul li:hover {
    background-color: #333333;
    color: #fff;
}
.green-black ul.dropdown ul li a:hover {
    color: #fff;
}
.green-black ul.dropdown li.divider {
    background: rgba(0, 0, 0, 0) url("images-new/divide.gif") no-repeat scroll center center;
}
@media screen and (max-width: 768px) {
.menu-icon, .menu-icon span, .menu-icon {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    height: 50px;
    line-height: 40px;
    padding: 5px;
    position: relative;
    width: 100%;
}
.menu-icon span {
    background: #666 url("images-new/nav-toggle.png") no-repeat scroll center center;
    color: #fff;
    display: inline-block;
    height: 40px;
    padding: 0 15px 0 40px;
    position: absolute;
    right: 5px;
    text-align: center;
    text-indent: -999em;
    top: 5px;
    width: auto;
}
.nav {
    position: relative;
}
.nav, ul.dropdown, .menu-icon, .menu-icon span, ul.dropdown * {
    box-sizing: border-box;
    color: #222;
}
ul.dropdown a, ul.dropdown span {
    cursor: pointer;
    display: block;
    outline: 0 none;
    padding: 12px 15px;
}
ul.dropdown {
    border-top: 1px solid #666;
    display: none;
    position: relative;
    top: -1px;
}
ul.dropdown li {
    border-bottom: 1px solid #fff;
    display: block;
    float: none;
    position: relative;
}
ul.dropdown li li {
    border-top: 0 none;
}
ul.dropdown ul a {
    padding-left: 25px;
}
ul.dropdown ul ul a {
    padding-left: 45px;
}
ul.dropdown ul a:hover {
    background-color: #000;
}
ul.dropdown .sub {
    background-image: none !important;
    padding: 0 !important;
}
ul.dropdown ul {
    display: block;
    max-height: 0;
    /*overflow: hidden;*/
    position: static;
    width: auto;
}
ul.dropdown ul.current {
    display: block;
    max-height: 100em;
}
ul.dropdown li.sub > a {
    padding-right: 25px;
}
ul.dropdown li.sub > a.current {
    background: #aaa6a6 none repeat scroll 0 0;
}
ul.dropdown li.sub > ul a.current {
    background: #666 none repeat scroll 0 0;
}
ul.dropdown li.sub > a::after, ul.dropdown li.sub > a.current::after {
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em;
    position: absolute;
    right: 0;
    top: 0;
}
ul.dropdown li.sub > a::after {
    content: "+";
}
ul.dropdown li.sub > a.current::after {
    content: "–";
    top: -2px;
}
ul.dropdown li.rtl ul, ul.dropdown li.ltr ul, ul.dropdown li.ltr ul ul, ul.dropdown li.rtl ul ul {
    position: static;
}
ul.dropdown li.divider {
    display: none !important;
}
}
@media screen and (min-width: 769px) {
ul.dropdown {
    display: block !important;
}
}
.contx p {
    color: #3f5974;
    font-size: 1.3em;
    font-weight: 300;
}





















.green-black .menu {
  background: url(images-new/bg_menu.png) no-repeat left top;
  width: 27px;
  height: 19px;
  float: left;
  margin: 10px 0 0 10px;
  text-indent: -9999px;
  display: none;
}
.green-black li span {
  display: none !important;
}
@media only screen and (min-width: 290px) and (max-width: 766px) {
	
.green-black .menu {
display: block;

}
.green-black{
margin: 45px 18px 0px 26px;	
}
.green-black ul.dropdown{
position: absolute;
    right: 0px;
    top: 100%;
    z-index: 999;
    width: 300px;	
}
.green-black li span {
display: block !important;
float: right;
color: #000;
}
ul.dropdown li:hover > ul {
  display: none;
}
.green-black .dd {
display:none;
  position: absolute !important;
  z-index: 100 !important;
  width:100%;
}
.green-black li:hover > ul{
	display:none;
}
.green-black ul.dropdown ul li {
  background: #fff;
}

}