.nav>li>a:hover 
            {
                text-decoration: none;
                background-color:#cc0066;
                color: white!important;
            }
        .navbar-nav > li > a 
             {
                color: white;
            }
            .navbar-fixed-top.scrolled .navbar-nav > li > a
            {
                color: #373737 !important;
            }
            .affix 
            {
              padding:0px;
              -webkit-transition:padding 0.2s linear;
              -moz-transition:padding 0.2s linear;  
              -o-transition:padding 0.2s linear;         
              transition:padding 0.2s linear;  

            }

            .affix-top {
              padding-top:5px;
              padding-bottom:5px;
              -webkit-transition:padding 0.5s linear;
              -moz-transition:padding 0.5s linear;  
              -o-transition:padding 0.5s linear;         
              transition:padding 0.5s linear;  
            }
            
           
            .navbar-fixed-top.scrolled {
              background-color: #fff !important;
              border-bottom: 1px solid #ccc;
              transition: background-color 100ms linear;
              
            }   
   

					.box {
			    background: #2db34a;
			    border-radius: 6px;
			    transition-property: background, border-radius;
			    transition-duration: 1s;
			    transition-timing-function: linear;
			  }
			  .box:hover {
			    background: #ff7b29;
			    border-radius: 50%;
			  }
			@media screen and (max-width: 1440px) {
		   nav
		     	{
		        	font-size: 80%;
		    	}

			}
			@media screen and (max-width: 768px) {
		   nav
		     	{
		        	font-size: 80%;
		    	}

			}
			@media screen and (max-width: 767px) {
		   p
		     	{
		        	margin: 3% !important;
		    	}
                .nav-pills
                {
                    
                    /*margin-right:30% !important;*/
                    /*float: center;
*/
                }
                .kitchen
                {
                    margin-top:2% !important;
                }
                .box
                {
                    margin: 0 auto !important;
                }

			}
			@media screen and (max-width: 767px) {
		   h6
		     	{
		        	font-size: 80%!important;
		    	}

			}
			
			#co 
			{
			    background: #fff;
			    -webkit-box-shadow: 1px 0px 14px 1px rgba(0,0,0,0.2);
			    -moz-box-shadow: 1px 0px 14px 1px rgba(0,0,0,0.2);
			    box-shadow: 1px 0px 14px 1px rgba(0,0,0,0.2);

			}
				.caption {
        width:100%;
        bottom: 1.3rem;
        position: absolute;
        
    }

    .thumbnail {
        border: 0 none;
        box-shadow: none;
        margin:0;
        padding:0;
    }

    .caption h3,p {
        color: #fff;
        -webkit-font-smoothing: antialiased;
    }
}		 .drop:hover
        {
        	background-color: #009973!important;
        }
       .dropdown-menu>li>a:hover
        {
        	background-color:red!important;
        	color: white !important;
        }

			 .dropdown
        {
        	background-color: #005580!important;
        	color: white !important;
        	
        }
        .dropdown a:hover
        {
        	background-color: #ff0066!important;
        	color: white !important;
        	
        }
        .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;
    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: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.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;
}
 .modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}
.nav-pills
{
    margin-top: 5%;
    margin-bottom: 5%;
}
.boxrect
             {
                box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
                transition: all 0.3s cubic-bezier(.25,.8,.25,1);
                background-color: white;
            }

            .boxrect:hover 
                {
         
                    box-shadow: 0 14px 28px rgba(255,255,255,0.25), 0 10px 10px rgba(0,0,0,0.22);
                 }

                 .icon
            {
                width: 120px;
                height: 120px;
                border: 7px solid #274257;
                border-radius: 50% 50% 50% 5px;
                margin: 0 auto;
                transition: all 0.7s;
            }
            .icon:hover 
            {
                border-radius: 50% 0 50% 50%;
                transition: all 0.7s;
                color: #274257;
            }