.navbar, .dropdown-menu {
    /* background: rgb(21, 62, 77); */
    background: #083d56;
    border: none;
    padding: 10px;
}
@media (min-width: 768px){
.navbar-nav {
    float:right;
    margin-left: 20px;
}}
.nav>li.active>a{
 border: 2px solid #fff;
 border-radius: 25px; 
}
.nav>li>a{ 
 padding: 5px 20px;
 margin-top: 8px;
}
.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  
  background:rgba(212, 14, 82, 0.05);
}
.navbar a, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-toggle{
 color: #fff;
}
.dropdown-menu{
      -webkit-box-shadow: none;
    box-shadow:none;
}

.navbar-toggle .icon-bar{
    color: #fff;
    background: #000000;
}

/* Credit to bootsnipp.com for the css for the color graph 
 ESTO SOLO ES PARA EL FORMULARIO DE LOGIN
*/
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}



.search_style{
	border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-color: #ffffff;
    background: rgba(182, 18, 18, 0);
    border-right-color: transparent;
    color: #f1f1f1;
}

.searchbutton_style{
	background: transparent;
    border-color: #ffffff;
    color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left-color: transparent;
}


.searchbutton_style:hover{
    background: transparent;
    border-color: #ffffff;
    color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
border-left-color: transparent;
}

@media only screen and (max-device-width: 480px) {
.navbar-nav {
    margin: 7.5px -15px;
    /*background-color:#795a94;*/
	background-color: rgb(21, 62, 77);
}
	}
	/*dropdown background clr n destop view*/
	.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  background-color: rgb(21, 62, 77);
}












ul {
    padding:0;
    list-style: none;
}
.footer-social-ico{
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-iconss {
    color: #fff;
}

ul.social-ico {
   margin-top: 16px;
}
.social-ico li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-ico a {
    color: #fff;
    text-decoration: none;
}
.fb {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #163e4d;
	border-radius:4px;
}
.fb:hover {
    background-color: #3d5b99;
	color:#fff!important;
}
.twit {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
   background-color: #163e4d;
	border-radius:4px;
}
.twit:hover {
    background-color: #00aced;
	color:#fff!important;
}

.y_tube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #163e4d;
	border-radius:4px;
}
.y_tube:hover {
    background-color: #2196F3;
	color:#fff!important;
}
.linked_in {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #163e4d;
	border-radius:4px;
}
.linked_in:hover {
    background-color: #0073a4;
	color:#fff!important;
}
.gplus {
    padding:10px 9px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #163e4d;
	border-radius:4px;
}
.gplus:hover {
    background-color: #e25714;
	color:#fff!important;
}