/*
 Responsive Mega Menu v1.4
 
 Changelog
	v1.4
		- Compatible with Bootstrap v3.0
		- Includes a color customizer to create unique menus
		
	v1.3
		- Changed HTML structure to use List for menus
		- Added option to show mobile menu collapsed or uncollapsed
		- Some CSS bug fixes for buttons
		- Separated responsive CSS to its own separate file
		- Added respnsiveness for 320px and below width
		- IE8 support for desktop menu (note: IE8 does not support responsiveness)
		
	v1.2
		- Show menu on Hover
		- Regular dropdown with Submenu support
		
	v1.1
		- Now supports up to 6 menus
		- 2 extra styles, Gradient and Fade In
		- Supports Search bar in navigation
		- Extra Google font choices available
		- 90% smaller JS and 20% ligher CSS

	v1.0
		- Up to 5 menus supported
		- 5 styles
		- 5 colors
		- responsive video with Fitvid.js
 
 Custom styles for use with your Bootstrap powered site
 Developed by Weborithm.
 Follow me on twitter.com/weborithm
 
*/

/* Used for Fitvid.js, helps your videos s t r e t c h and condense */
	video { width: 100%; height: auto; }

/* Fonts */

	/* Header */
	.nav, .nav-title span { font-family: "OpenSans-Semibold",Arial,Helvetica,sans-serif;
	                        background-color:#2795be;
							/*border-bottom: #095788 solid 2px;*/
}
	 ul, li {
    list-style: none;
	
}
	.nav-title span { font-weight: normal; }

	/* Header */
	.nav-header, .nav-title { font-family: "OpenSans-Semibold",Arial,Helvetica,sans-serif; font-weight: 400; }
	
	/* Color */
	.navbar p { color: #999; }
	
/* Misc. styles */
	.btn:hover { background-position: 0; }
	
	.navbar-collapse .navbar-form,
	.navbar-collapse .navbar-search { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	
	.nav > li > a, .navbar-brand { padding: 3px 10px; }
	
	.navbar { padding: 0; min-height: inherit; z-index: auto !important; }
	.navbar .container { padding: 0 10px; }
	
	.navbar-collapse { padding: 0; }
	
	.navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: 0px; }
	
	.navbar-form { margin: 5px 0 0; }

/* Turn dropdown on hover on/off 
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } */

/* Dropdown Menu */
.dropdown-menu li > a.no-background,
.dropdown-menu li > a.no-background:hover,
.dropdown-menu li > a.no-background:focus,
.dropdown-menu .active > a.no-background,
.dropdown-menu .active > a.no-background:hover,
.dropdown-submenu:hover > a.no-background,
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { padding: 0; background: none; }

.dropdown-menu li a { white-space: normal; display: block; padding: 0 0 5px; }
.dropdown-menu li > a.no-background img { display: block; margin-left: auto; margin-right: auto; }
.dropdown .dropdown-menu .nav-header { padding-left: 0; padding-bottom: 0; margin: 0; }

.dropdown .dropdown-menu {
font-size: 15px;
border-width: 4px;
border-color: #f5f5f5;
padding: 10px 10px 0;
margin: 0;
 font-family: leelawad;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }

.mega-menu-2 .dropdown-menu,
.mega-menu-3 .dropdown-menu,
.mega-menu-4 .dropdown-menu,
.mega-menu-5 .dropdown-menu,
.mega-menu-6 .dropdown-menu { padding: 10px 5px 0; }

.dropdown-menu ul { padding-bottom: 10px; }

.mega-menu-2 li,
.mega-menu-3 li,
.mega-menu-4 li,
.mega-menu-5 li,
.mega-menu-6 li { float: left; margin: 0 10px; }

.dropdown .dropdown-menu li li{ margin-left: 0; margin-right: 0; }

/* Title */
.dropdown-menu li.nav-title {
display: block;
padding: 0 0 2.5px;
margin: 0 0 5px;
font-size: 11px;
line-height: 20px;
color: #000;
border-bottom: 1px solid #f5f5f5;
text-transform: uppercase; 
letter-spacing: 0.5px; }

.dropdown-menu li.nav-title span.nav-title-description { display: block; color: #999; font-weight: normal; font-size: 14px; font-style: italic; text-transform: lowercase; }

/* Links */

.navbar .nav > li > a {  color: #19ACDD; }
.navbar-default .nav > li > a { color: #19ACDD; }

.nav > li > a:hover, .nav > li > a:focus { background: transparent; }

.dropdown-menu .active > a,
.dropdown-menu li > a,
.dropdown-submenu > a { color: #19ACDD; padding: 0 0 5px; }

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu li > p a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a { color: #083c89; text-decoration: none; background: none; background-color: none /*#E3F2F5*/;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: none;
  filter: none; }

.dropdown-submenu > a:after { margin-right: -5px; }

/* For menu separation */
.dropdown li.dropdown-separator { margin: 0 0 10px; padding: 0; clear: both; content: " "; display: block; }

/* Thumbnail */
.dropdown-menu .thumbnail {
border: 0; padding: 0; margin: 15px 0;
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }

/* Search */
.mega-form { padding: 0; display: inline-block; }
.nav .form-search, .nav .form-inline { margin: 0; }

/* Mega Menu Floats */
.mega-menu-2 li li, .mega-menu-3 li li, .mega-menu-4 li li, .mega-menu-5 li li, .mega-menu-6 li li { float: none; }

/* 2 Menus */
.mega-menu-2 ul.dropdown-menu { width: 308px; }
.mega-menu-2 ul ul { list-style: none; margin: 0 0 5px;  padding: 0 0 10px; float: left; width: 100%; }

/* 3 Menus */
.mega-menu-3 ul.dropdown-menu { width: 453px; }
.mega-menu-3 ul ul { list-style: none; margin: 0 0 5px;  padding: 0 0 10px; float: left; width: 100%; }

/* 4 Menus */
.mega-menu-4 ul.dropdown-menu { width: 598px; }
.mega-menu-4 ul ul { list-style: none; margin: 0 0 5px;  padding: 0 0 10px; float: left; width: 100%; }

/* 5 Menus */
.mega-menu-5 ul.dropdown-menu { width: 743px; }
.mega-menu-5 ul ul { list-style: none; margin: 0 0 5px; padding: 0 0 10px; float: left; width: 100%; }

/* 6 Menus*/
.mega-menu-6 ul.dropdown-menu { width: 798px; }
.mega-menu-6 ul ul { list-style: none; margin: 0 0 5px; padding: 0 0 10px !important; }

/* Social */
.dropdown-menu ul li.social a, .dropdown-menu ul li.social img { display: inline-block; }

/* Column Menu */
.two-column:after, .three-column:after, .four-column:after, .five-column:after, .mega-wide:after { clear: both; content: " "; display: block; line-height: 0; height: 0; visibility: hidden; }

.mega-menu-2 li.one-column,
.mega-menu-3 li.one-column,
.mega-menu-4 li.one-column,
.mega-menu-5 li.one-column { width: 125px; margin: 0 10px; }
.mega-menu-6 li.one-column { width: 110px; margin: 0 10px; }

.mega-menu-2 li.two-column,
.mega-menu-3 li.two-column,
.mega-menu-4 li.two-column,
.mega-menu-5 li.two-column { width: 270px; margin: 0 10px; }

.mega-menu-6 li.two-column { width: 240px; margin: 0 10px; }

.mega-menu-3 li.three-column,
.mega-menu-4 li.three-column,
.mega-menu-5 li.three-column { width: 415px; margin: 0 10px; }

.mega-menu-6 li.three-column { width: 370px; margin: 0 10px; }

.mega-menu-4 li.four-column,
.mega-menu-5 li.four-column { width: 560px; margin: 0 10px; }

.mega-menu-5 li.five-column { width: 705px; margin: 0 10px; }

.mega-menu-6 li.four-column { width: 500px; margin: 0 10px; }
.mega-menu-6 li.five-column { width: 630px; margin: 0 10px; }
.mega-menu-6 li.six-column { width: 760px; margin-right: 0; }
	
/* Default Transition */
.transition li a {
-webkit-transition: 0.2s ease-in-out; /** Chrome & Safari **/
-moz-transition: 0.2s ease-in-out; /** Firefox **/
-o-transition: 0.2s ease-in-out; /** Opera **/ }
.transition li a:hover {
padding-left: 3px;
-webkit-transition: 0.2s ease-in-out; /** Chrome & Safari **/
-moz-transition: 0.2s ease-in-out; /** Firefox **/
-o-transition: 0.2s ease-in-out; /** Opera **/ }

.dropdown-menu ul li.social a:hover { padding-left: 0; }

/* For Images */
.mega-menu-2 img,
.mega-menu-3 img,
.mega-menu-4 img,
.mega-menu-5 img,
.mega-menu-6 img { height: auto; margin-bottom: 5px; width: 100%; }

.mega-menu-2 .img-normal img,
.mega-menu-3 .img-normal img,
.mega-menu-4 .img-normal img,
.mega-menu-5 .img-normal img,
.mega-menu-6 .img-normal img { display: block; margin: auto; width: auto; }

.mega-menu-2 .img-normal a:hover,
.mega-menu-3 .img-normal a:hover,
.mega-menu-4 .img-normal a:hover,
.mega-menu-5 .img-normal a:hover,
.mega-menu-6 .img-normal a:hover,
.mega-menu-2 li.with-image a:hover,
.mega-menu-3 li.with-image a:hover,
.mega-menu-4 li.with-image a:hover,
.mega-menu-5 li.with-image a:hover,
.mega-menu-6 li.with-image a:hover,
.mega-menu-2 li.with-gallery a:hover,
.mega-menu-3 li.with-gallery a:hover,
.mega-menu-4 li.with-gallery a:hover,
.mega-menu-5 li.with-gallery a:hover,
.mega-menu-6 li.with-gallery a:hover { padding-left: 0; }

.mega-menu-2 li.with-gallery li { display: inline-block; margin: 0 5px; width: 45.5%; }
.mega-menu-3 li.with-gallery li { display: inline-block; margin: 0 5px; width: 30%; }
.mega-menu-4 li.with-gallery li { display: inline-block; margin: 0 5px; width: 22.7%; }
.mega-menu-5 li.with-gallery li { display: inline-block; margin: 0 5px; width: 18%; }
.mega-menu-6 li.with-gallery li { display: inline-block; margin: 0 5px; width: 14.8%; }
li.with-gallery li.full-width { display: block; margin: 0; width: auto; }

.img-left { display: inline-block; float: left; margin: 0 10px 5px 0; width: 25%; height: auto; }
.img-right { display: inline-block; float: right; margin: 0 0 5px 10px; width: 25%; height: auto; }

/* Well */
.dropdown-menu p.well { margin: 10px 0 5px; }

/* With Padding */
.with-padding { padding: 0 0 15px; }

/* With Image */
.with-image img { display: block; margin: 0 0 5px; }
.with-image img.img-left { margin: 0 10px 5px 0; width: 25%; height: auto; }
.with-image img.img-right { margin: 0 0 5px 10px; width: 25%; height: auto; }

/* Nav Collapse */
.navbar-collapse li.dropdown { float: left; }

/* Style Straight */
.dropdown .style-straight { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

/* Style Bottom Round */
.dropdown .style-bottom-round { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 6px; }

/* Style Transparent */
.dropdown .style-transparent { background: rgba(255,255,255,0.95); }

/* Style Background */
.dropdown .style-background { background: #fff url(../img/noise.gif); }
.navbar .nav > li > .dropdown .style-background:before { display: none; }
.navbar .nav > li > .dropdown .style-background:after { display: none; }

/* Style Fade In */
.style-fade-in {
background: #fff;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease; }
.style-fade-in:hover {
background: #fafafa;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease; }

/* Style Gradient */
.style-gradient { background: rgb(255, 255, 255);
background: -moz-linear-gradient(180deg, rgb(255, 255, 255) 10%, rgb(250, 250, 250) 100%);
background: -webkit-linear-gradient(180deg, rgb(255, 255, 255) 10%, rgb(250, 250, 250) 100%);
background: -o-linear-gradient(180deg, rgb(255, 255, 255) 10%, rgb(250, 250, 250) 100%);
background: -ms-linear-gradient(180deg, rgb(255, 255, 255) 10%, rgb(250, 250, 250) 100%);
background: linear-gradient(180deg, rgb(255, 255, 255) 10%, rgb(250, 250, 250) 100%); }

/* No Padding */
.dropdown-menu .no-padding { padding: 0; }

/* BTN's */
.dropdown-menu .btn { color: #0066cc; padding-top: 3px; }
.dropdown-menu .btn-links { color: #428bca; }
.dropdown-menu .btn-inverse, .dropdown-menu .btn-success, .dropdown-menu .btn-danger, .dropdown-menu .btn-warning, .dropdown-menu .btn-info, .dropdown-menu .btn-primary { color: #fff; padding-bottom: 3px; padding-top: 3px; }

.dropdown-menu a.btn:hover,
.dropdown-menu a.btn:focus,
.dropdown-menu a.btn:active,
.dropdown-menu a.btn.active,
.dropdown-menu a.btn.disabled,
.dropdown-menu a.btn[disabled] { padding-left: 0; color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; }

.dropdown-menu a.btn-inverse:hover,
.dropdown-menu a.btn-inverse:focus,
.dropdown-menu a.btn-inverse:active,
.dropdown-menu a.btn-inverse.active,
.dropdown-menu a.btn-inverse.disabled,
.dropdown-menu a.btn-inverse[disabled] { color: #fff; background-color: #222222; *background-color: #151515; }

.dropdown-menu a.btn-success:hover,
.dropdown-menu a.btn-success:focus,
.dropdown-menu a.btn-success:active,
.dropdown-menu a.btn-success.active,
.dropdown-menu a.btn-success.disabled,
.dropdown-menu a.btn-success[disabled] { color: #fff; background-color: #51a351; *background-color: #499249; }

.dropdown-menu a.btn-danger:hover,
.dropdown-menu a.btn-danger:focus,
.dropdown-menu a.btn-danger:active,
.dropdown-menu a.btn-danger.active,
.dropdown-menu a.btn-danger.disabled,
.dropdown-menu a.btn-danger[disabled] { color: #fff; background-color: #bd362f; *background-color: #a9302a; }

.dropdown-menu a.btn-warning:hover,
.dropdown-menu a.btn-warning:focus,
.dropdown-menu a.btn-warning:active,
.dropdown-menu a.btn-warning.active,
.dropdown-menu a.btn-warning.disabled,
.dropdown-menu a.btn-warning[disabled] { color: #fff; background-color: #f89406; *background-color: #df8505; }

.dropdown-menu a.btn-info:hover,
.dropdown-menu a.btn-info:focus,
.dropdown-menu a.btn-info:active,
.dropdown-menu a.btn-info.active,
.dropdown-menu a.btn-info.disabled,
.dropdown-menu a.btn-info[disabled] { color: #fff; background-color: #2f96b4; *background-color: #2a85a0; }

.dropdown-menu a.btn-primary:hover,
.dropdown-menu a.btn-primary:focus,
.dropdown-menu a.btn-primary:active,
.dropdown-menu a.btn-primary.active,
.dropdown-menu a.btn-primary.disabled,
.dropdown-menu a.btn-primary[disabled] { color: #fff; background-color: #0044cc; *background-color: #003bb3; }

@media (max-width: 767px) {

.navbar { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.navbar-collapse { border: 0; box-shadow: none; }

/* Fade in Effect */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.navbar-collapse .open .dropdown-menu, .navbar-collapse  .dropdown:hover .dropdown-menu { -webkit-animation: fadeIn 1.2s; animation: fadeIn 1.2s; }

.navbar-fixed-top { padding: 5px 0 5px 10px; }

/* Dropdown */
.dropdown .dropdown-menu { padding: 10px 0 0; }
.dropdown .dropdown-menu:after { content: " "; display: table; clear: both; }

.nav li li { padding: 0; margin: 0; }

.navbar-collapse .nav > li > a,
.navbar-collapse .dropdown-menu a,
.navbar-collapse .nav .dropdown-toggle {  font-weight: normal; text-decoration: none; }

.navbar .transition li a, .navbar-nav .open .dropdown-menu > li > a, .dropdown-menu ul li.social a {
-webkit-transition: 0.2s ease-in-out; /** Chrome & Safari **/
-moz-transition: 0.2s ease-in-out; /** Firefox **/
-o-transition: 0.2s ease-in-out; /** Opera **/ }

.navbar .transition li a:hover, .navbar-nav .open .dropdown-menu > li > a:hover {
padding-left: 15px; 
-webkit-transition: 0.2s ease-in-out; /** Chrome & Safari **/
-moz-transition: 0.2s ease-in-out; /** Firefox **/
-o-transition: 0.2s ease-in-out; /** Opera **/ }

.navbar a.dropdown-toggle { background: none !important; }

/* For menu separation */
.dropdown-separator { margin: 0 0 10px; width: 98.5%; }

/* Responsive Fade In */
.style-fade-in {
background: none; opacity: 1;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-ms-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
transition: opacity 1s ease; }

.style-fade-in:hover {
background: none; opacity: 0.8;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-ms-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
transition: opacity 1s ease; }

/* Style Background/Gradient */
.dropdown  .style-background, .style-gradient { background: none; }

.mega-menu-2 .img-normal a:hover,
.mega-menu-3 .img-normal a:hover,
.mega-menu-4 .img-normal a:hover,
.mega-menu-5 .img-normal a:hover,
.mega-menu-6 .img-normal a:hover,
.mega-menu-2 li.with-image a:hover,
.mega-menu-3 li.with-image a:hover,
.mega-menu-4 li.with-image a:hover,
.mega-menu-5 li.with-image a:hover,
.mega-menu-6 li.with-image a:hover,
.mega-menu-2 li.with-gallery a:hover,
.mega-menu-3 li.with-gallery a:hover,
.mega-menu-4 li.with-gallery a:hover,
.mega-menu-5 li.with-gallery a:hover,
.mega-menu-6 li.with-gallery a:hover { padding-left: 0; }

.mega-menu-2 li.with-gallery li { display: inline-block; margin: 0 5px; width: 48%; }
.mega-menu-3 li.with-gallery li { display: inline-block; margin: 0 5px; width: 30%; }
.mega-menu-4 li.with-gallery li { display: inline-block; margin: 0 5px; width: 22.7%; }
.mega-menu-5 li.with-gallery li { display: inline-block; margin: 0 5px; width: 18%; }
.mega-menu-6 li.with-gallery li { display: inline-block; margin: 0 5px; width: 14.8%; }
li.with-gallery li.full-width { display: block; margin: 0; width: auto; }

/* Search */
.navbar-collapse .mega-form { float: left !important; width: 100%; display: block; padding: 0 0 5px; }

.dropdown-menu .btn { color: #fff !important; }
.dropdown-menu .btn-default { background: #333; border-color: #222; }
.dropdown-menu .btn-inverse { color: #fff !important; }

.dropdown-menu a.btn:hover,
.dropdown-menu a.btn:focus,
.dropdown-menu a.btn:active,
.dropdown-menu a.btn.active,
.dropdown-menu a.btn.disabled,
.dropdown-menu a.btn[disabled] { border-color: #333; padding-left: 0; color: #ddd !important; background-color: #222 !important; *background-color: #222; }

.dropdown-menu a.btn-inverse:hover,
.dropdown-menu a.btn-inverse:focus,
.dropdown-menu a.btn-inverse:active,
.dropdown-menua.btn-inverse.active,
.dropdown-menu a.btn-inverse.disabled,
.dropdown-menu a.btn-inverse[disabled] { color: #fff !important; background-color: #222222 !important; *background-color: #151515; }

.dropdown-menu a.btn-success:hover,
.dropdown-menu a.btn-success:focus,
.dropdown-menu a.btn-success:active,
.dropdown-menu a.btn-success.active,
.dropdown-menu a.btn-success.disabled,
.dropdown-menu a.btn-success[disabled] { color: #fff !important; background-color: #51a351 !important; *background: #499249; }

.dropdown-menu a.btn-danger:hover,
.dropdown-menu a.btn-danger:focus,
.dropdown-menu a.btn-danger:active,
.dropdown-menu a.btn-danger.active,
.dropdown-menu a.btn-danger.disabled,
.dropdown-menu a.btn-danger[disabled] { color: #fff !important; background-color: #bd362f !important; *background-color: #a9302a; }

.dropdown-menu a.btn-warning:hover,
.dropdown-menu a.btn-warning:focus,
.dropdown-menu a.btn-warning:active,
.dropdown-menu a.btn-warning.active,
.dropdown-menu a.btn-warning.disabled,
.dropdown-menu a.btn-warning[disabled] { color: #fff !important; background-color: #f89406 !important; *background-color: #df8505; }

.dropdown-menu a.btn-info:hover,
.dropdown-menu a.btn-info:focus,
.dropdown-menu a.btn-info:active,
.dropdown-menu a.btn-info.active,
.dropdown-menu a.btn-info.disabled,
.dropdown-menu a.btn-info[disabled] { color: #fff !important; background-color: #2f96b4 !important; *background-color: #2a85a0; }

.dropdown-menu a.btn-primary:hover,
.dropdown-menu a.btn-primary:focus,
.dropdown-menu a.btn-primary:active,
.dropdown-menu a.btn-primary.active,
.dropdown-menu a.btn-primary.disabled,
.dropdown-menu a.btn-primary[disabled] { color: #fff !important; background-color: #0044cc !important; *background-color: #003bb3; }

}

/*************************/

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}