/*-- header --*/
.header{
    z-index: 5;
}

.header-grid{
	padding:0.3em 0;
	background: #2f2f2f;
	/*-
	border-bottom:1px solid #DEDEDE;
	-*/
}
.logo-nav{
    padding: 45px;
}
.header-left{
	float:left; 
	margin-top: 7px;
}
.header-left ul li,.header-right ul li{
	display:inline-block;
	font-size:11px;
	color:#bbb;
	margin: 0 0.8em;
}
.header-left ul li i,.header-right ul li i{
	left:-.5em; 
}
.header-left ul li a,.header-right ul li a{
	text-decoration:none;
	color:#fff;
}
.header-left ul li a:hover,.header-right ul li a:hover{
	color:#FF7000;
}
.header-right{
	float:right;
	margin-top: 7px;
	text-align:right;
}
.header-right ul li a {font-size:11px;}

.header-right2{
	float:right;
}

.logo-nav-left {
    padding: 0;
	height:auto;
}
.logo-nav-left h1 {
	font-size:2.5em;
   text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    z-index: 2;
}
.logo-nav-left h1 a{
	
	    color:#01CFCF;
    text-decoration: none;
    
}
.logo-nav-left h1 a span{
    color: #000;
	font-weight: 300;
}

.logo-nav-left1 ul li a{
	font-size:1em;
    color: #222;
    text-decoration: none;
	padding: 0;
    margin: 0 1em;
}
.logo-nav-left1 ul li.active a.act{
	color:#01CFCF !important;
}
ul.nav.navbar-nav {
    float: left;
    position:absolute;
    left:35%;
    top: -50%;
}
ul.nav.navbar-nav  li a{
   padding:0;
   margin:1em 1.5em; 
   font-family:'GongGothicMedium'; color:#eee; font-size: 20px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #01CFCF;
}

.multi-column-dropdown li a {
    color: #999 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}
.nav .open > a{
    color: #01CFCF;
}
.navbar-default {
    background: none;
    border: none;
}
.navbar-collapse { margin-top:25px;
    padding: 0;
}
ul.multi-column-dropdown h6 {
    font-size: 1.5em;
    color:#222222;
    margin: 0 0 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #E4E4E4;
    text-transform: capitalize;
}
.multi-column-dropdown li {
    list-style-type: none;
    margin: 7px 0;
}
.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #999 !important;
    white-space: normal;
	font-weight:500 !important;
}
.multi-column-dropdown li a:hover {
    color: #FF7000 !important;
}
.dropdown-menu.multi {
    min-width: 700px;
    padding: 30px 30px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: none;
    border: none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}
.nav > li > a:hover {
    background: none;
	color:#d8391e !important;
}

.navbar {
    min-height: auto;
    margin-bottom: 0px;
}
.dropdown-menu {
    top: 131%;
    left: -159%;
}
.multi1{
	left: -330%;
}
.row1 {
    padding-left: 0;
	padding-right:7px;
}
.row2{
	padding-right: 0;
	padding-left:7px;
}
.row-top {
    margin-top: 1em;
}

.sidelogo, .overlay-bg, .phone{display: none;}
/*-- //header --*/

/*mobile header*/



@media(max-width:1080px){
.header-right {
    width: 50%;
}
}

@media(max-width:1024px){
    ul.nav.navbar-nav li a{
        font-size: 17px;
    }
}

@media(max-width:991px){
.logo-nav-left h1 {
    font-size: 2.2em;
}
.header-right {
    width: 50%;
}

.header-left ul li, .header-right ul li {
    margin: 0 0.5em;
}

.con {
    width: 50%;
    float: left;
}
.banner-grid{
	width:85%;
	margin:2.5em auto;
}
.banner-right {
    width: 50%;
	    min-height: 525px;
}
}

@media(max-width:838px){
    ul.nav.navbar-nav {left:28%;}
}

@media(max-width:768px){
    
    .header img{height: 45px;}
    .logo-nav {padding: 30px;}
    .navbar-collapse{margin-top: 0;}
    
    ul.nav.navbar-nav {top:0;}
    ul.nav.navbar-nav li a{
        font-size: 15px;
        margin:1em 0;
        margin-left:3em;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
    }
    .navbar-toggle ,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #ec1e24;
    }
    .navbar-default .navbar-toggle {
        border-color: rgba(255,255,255,0);
        z-index: 3;
    }
    
}

@media(max-width:760px){

.logo-nav-left{float:left}
.phone{display:block;float:right;text-align: right;padding: 0 10px;}
.phone p{font-size: 13px;}
.navbar-toggle {
    margin-top: 0;
    margin-right: 10px;
}
.header-left {
    width: 100%;
    text-align: center;
}
.header-right {
    width: 100%;
    float: none;
    margin-top: 1em;
}

/*left*/
ul.nav.navbar-nav {
    position:fixed;
    left:0;
    width:250px;      
    height:100%;        
    background: #262e7d;           
    transition: .4s;
    box-shadow:0 0 5px 3px rgba(0,0,0,.2); 
    z-index:2;
     
}

/*right
ul.nav.navbar-nav {
    position:fixed;
    left:auto;
    right:0;
    width:0;      
    height:100%;        
    background: #262e7d;           
    transition: .4s; 
    z-index:2;
     
}

ul.nav.navbar-open{
    width:250px;
    box-shadow:0 0 5px 3px rgba(0,0,0,.2);    
}*/

ul.nav.navbar-nav li a{
    display: block;
    margin:0;
    height:100%;
    width:100%;    
    padding-left: 3em;
    line-height:55px;    
    font-size:17px;
    box-sizing:border-box;
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.sidelogo {
    display: block;
    text-align: center;
    padding: 20px;    
    background: #262e7d;   
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.sidelogo img{
    height:55px;
}


.logo-nav-left1 ul li a {
    margin: 1em 0em;
}

.navbar-nav { 
    margin: 0px 0px;
}

.row1 {
    width: 50%;
    float: left;
}
.row2 {
    float: left;
    width: 50%;
}
.dropdown-menu.multi {
    min-width: 570px;
}

.overlay-bg{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.5);    
  }

}

@media(max-width:600px){
.dropdown-menu.multi {
    min-width: 400px;
}
.header-grid{display:none;}
}
@media(max-width:414px){
.logo-nav-left h1 {
    font-size: 1.6em;
}
.navbar-toggle {
    margin-right: 10px;
    margin-bottom: 0;
}
.dropdown-menu.multi {
    min-width: 300px;
}

}

@media(max-width:375px){

    .logo-nav {
        padding: 0;
        padding-top: 20px;
        padding-left: 20px;
    }
    .header img {
        height: 40px;
    }
}

@media(max-width:320px){

.value-minus, .value-plus {
    margin-right: 3px;
}

.phone p{font-size: 12px;}
}