/* menu */

.site-nav-inner {
	position: relative;
	margin-top:20px;
}

.main-nav >.container > .row {
	margin-left: 0;
	margin-right: 0;
}

.navbar {
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
}

.navbar-toggle {
	 float: left;
	 margin-top: 10px;
	 padding: 8px;
	 border-radius: 0;
	 margin-right: 5px;
	 background: #ec0000;
}

.navbar-toggle .icon-bar {
	 background: #fff;
	 width: 20px;
}

.navbar-toggle .i-bar {
	background: #fff;
}

.navbar-collapse {
	padding-left: 0;
}

ul.navbar-nav {
	 float: left;
	 display: inline-block;
}

ul.navbar-nav > li {
	 float: none;
	 display: inline-block;
}

ul.navbar-nav > li {
	 padding: 0;
	 position: relative;
}

ul.navbar-nav > li > a {
	display: inline-block;
	padding: 0 12px;
	line-height:30px;
	font-family: 'Monda', sans-serif;
	font-size:13px;
	font-weight:700;
	text-transform: uppercase;
	color:#444;
	margin: 0;
	position: relative;
	-webkit-transition: 350ms;
	-moz-transition: 350ms;
	-o-transition: 350ms;
	transition: 350ms;
}

ul.navbar-nav >li:hover>a:before, 
ul.navbar-nav >li.active>a:before {
	border-color: #ec0000;
	opacity: 1;
	transform: scale(1) translateZ(0);
}

ul.navbar-nav >li>a:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	border-bottom: 3px solid;
	transform: scale(0) translateZ(0);
	-webkit-transition: -webkit-transform 0.45s ease,opacity 0.55s ease;
	-moz-transition: -moz-transform 0.45s ease,opacity 0.55s ease;
	-ms-transition: -ms-transform 0.45s ease,opacity 0.55s ease;
	-o-transition: -o-transform 0.45s ease,opacity 0.55s ease;
	transition: transform 0.45s ease,opacity 0.55s ease;
}


ul.navbar-nav > li > a:hover, 
ul.navbar-nav > li > a:focus{
	 background: none;
}

ul.navbar-nav > li > a i{
	font-weight: 700;
}




.dropdown-menu{
	text-align: left;
	background: #fff;
	z-index: 100;
	min-width: 230px;
	border-radius: 0;
	border: 0;
	border:0;
	padding:0px;
}

.navbar-nav>li>.dropdown-menu{
	border-top:0;
}


.navbar-nav>li>.dropdown-menu>a{
	background: none;
}

.dropdown-menu li.topico {
	display: block;
	font-family: 'Monda', sans-serif;
	font-size: 16px;
	font-weight:700;
	text-transform: uppercase;
	color:#555;
	line-height: normal;
	text-decoration: none;
	padding:7px 8px;
	color:#FFF;
	background: url(img/bg.png);
}
.dropdown-menu li a{
	display: block;
	font-family: 'Monda', sans-serif;
	font-size:13px;
	font-weight:500;
	text-transform: uppercase;
	color:#555;
	line-height: normal;
	text-decoration: none;
	padding:3px 10px;
	border-bottom: 1px solid #e5e5e5;
	color: #333333;
}

.dropdown-menu li:last-child > a{
	border-bottom: 0;
}

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>.dropdown-menu>.active>a{
	background: none;
	color:#E9484D;
}

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus{
	background: #EBEBEB; 
	color:#E9484D;
	font-weight:700;
}

@media (min-width: 768px) {
	 ul.nav li.dropdown:hover .dropdown-menu{ display: block; }
}






@media (min-width : 1200px) {
	.navbar-collapse {
		padding-right: 0;
	}
}


@media (min-width: 992px) and (max-width:1199px){

	ul.navbar-nav > li {
    	padding: 0 10px;
	}

	ul.navbar-nav > li > a,
	.dropdown-menu li a{
		font-size: 12px;
	}
}

@media (min-width : 768px) and (max-width: 991px) {

   .navbar-toggle{
   	display: block;
    	z-index: 1;
	}

   .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
   }

   .navbar-collapse.collapse {
      display: none !important;
   }

   ul.navbar-nav {
      float: none !important;
		margin-top: 7.5px;
	}

	ul.navbar-nav>li {
      float: none;
      display: block;
   }

    .collapse.in{
  		display: block !important;
	}

	.navbar-collapse.in {
    overflow-y: auto;
	}

	ul.nav li.dropdown:hover ul.dropdown-menu {
    	display: none;
	}

	ul.nav li.dropdown.open ul.dropdown-menu {
    	display: block;
	}

	.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	}


	/* Navigation */

	.navbar-collapse{
		background: none;
		width: 100%;
	}

	ul.navbar-nav > li:hover > a:after, 
	ul.navbar-nav > li.active > a:after{
		content: '';
	}

	ul.navbar-nav >li>a:before{
		border-bottom: 0;
	}
	ul.navbar-nav > li,
	.nav-style-boxed ul.navbar-nav > li{
		display: block;
	}
	ul.navbar-nav > li.nav-search,
	ul.navbar-nav > li.header-get-a-quote{
		display: none;
	}

	ul.navbar-nav{ width:100%;padding: 0 0 10px;}
	ul.navbar-nav li{ float:none;}
	ul.navbar-nav li a{
		line-height:normal !important;
		color:#333;
		border-top: 1px solid #f1f1f1 !important;
		border-bottom: 0;
		padding: 10px 0;
		display: block;
		min-width: 350px;
	}
	ul.navbar-nav .dropdown-menu{ float:none;position: relative; border:0; margin:0; padding:0;}
	ul.navbar-nav .dropdown-menu li a{ padding-left:20px!important;}
	ul.navbar-nav .dropdown-menu{box-shadow: none;border-top: 0;background: none;}
	.dropdown-submenu>a:after{margin-right: 0;}


	

	
}

/* Small Devices Potrait */
@media (max-width : 767px){

	/* Navigation */

	.navbar-toggle{
   	display: block;
    	z-index: 1;
	}

	.navbar-collapse,
	.site-nav-inner{
		background: none;
		width: 100%;
	}

	ul.navbar-nav > li:hover > a:after, 
	ul.navbar-nav > li.active > a:after{
		content: '';
	}

	ul.navbar-nav >li>a:before{
		border-bottom: 0;
	}
	ul.navbar-nav > li{
		display: block;
	}
	ul.navbar-nav{ width:100%;padding: 0 0 10px 20px;}
	ul.navbar-nav > li{ float:none;}
	ul.navbar-nav li a{
		line-height:normal !important;
		color:#333;
		border-top: 1px solid #f1f1f1 !important;
		border-bottom: 0;
		padding: 10px 15px 10px 10px;
		display: block;
	}
	ul.navbar-nav .dropdown-menu{ float:none;position: relative; border:0; margin:0; padding:0;}
	ul.navbar-nav .dropdown-menu li a{ }
	ul.navbar-nav .dropdown-menu{box-shadow: none;border-top: 0;background: none;}
	.dropdown-submenu>a:after{margin-right: 0;}

}