@import url(https://fonts.googleapis.com/css?family=Montserrat:400,300,400italic,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,300,400italic,700&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Poppins);
@import url(//fonts.googleapis.com/css?family=Roboto);
@import url("https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css");

body {
	
	background-color: #ffffff;
		background-image: none;

	
	
		font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

		font-size: 14px;

		color: #000000;
	
}



a {
	color: #000000;
}

a:hover,
a:focus,
a:active {
	color: #3f3f3f;
}


h1, h2, h3, h4, h5, h6 {
		font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	}

h1, h2, h3, h4, h5, h6 {
		text-transform: UPPERCASE;
	}


.navbar {
	background-color: #696969;
	background-repeat: repeat-x;
	background-image: none;
	border: none;
	border-bottom: 1px solid #828282;
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar .navbar-text,
.navbar .navbar-brand,
.navbar .navbar-link,
.navbar .nav > li > a {
	color: #FFFFFF;
	text-shadow: none;
}

/* navbar links */
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus,
.navbar .navbar-brand:active,
.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus,
.navbar .nav .active > a:active,
.navbar .navbar-link:hover,
.navbar .navbar-link:focus,
.navbar .navbar-link:active,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:active,
.navbar .nav > .open > a,
.navbar .nav > .open > a:hover,
.navbar .nav > .open > a:focus,
.navbar .nav > .open > a:active {
	color: #d9d9d9;
	background-color: transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.navbar-fixed-top,
.navbar-static-top {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;

}

.navbar-toggle {
	margin-top: 18px;
	margin-bottom: 18px;
}

.navbar-collapse {
	border-radius: 0px;
}

/* navbar brand */
.navbar-brand {
	padding-right: 30px;
	max-width: 80%;
	min-height: 20px;
	height: auto;
}

@media (max-width: 767px) {
	.navbar .toggle-sidebar {
		padding: 10px 15px;
	}
}

@media (min-width: 768px) {
	.navbar-brand {
		max-width: 300px;
	}
}

/* navbar dropdowns */
.navbar .dropdown.logged-in .avatar {
	margin: 0px;
}

.nav .dropdown.logged-in .full-name {
	line-height: 22px;
}

.nav .dropdown-menu > li > a {
	padding: 14px;
}

.nav .dropdown-menu {
	min-width: 200px;
	padding: 0px;
	font-size: 85%;

	// only rounded bottoms
	border-radius: 0px 0px 4px 4px;
}

.nav .dropdown-menu .divider {
	margin: 0px;
}

.web-footer {
	background-color: #696969;
	border-top: 1px solid #828282;
}

.web-footer,
.web-footer a {
	color: #FFFFFF;
}

.web-footer a:hover,
.web-footer a:focus,
.web-footer a:active {
	color: #f3f3f3;
}

.web-footer input {
	border: 1px solid #828282;
}


/*.page-content {
	border-right: 1px solid #e6e6e6;
}

.page-sidebar {
	border-left: 1px solid #e6e6e6;
}
*/
.page-footer {
	border-top: 1px solid #e6e6e6;
}

.border-color {
	border-color: #e6e6e6;
}




 

* {
  font-family: 'Poppins';
  font-size: 14px;
}
.btn-login-area {
  visibility: hidden;
}
.fancy {
  max-width: 100%;
  margin: 20px auto;
  padding: 21px;
  border: 18px solid lightgrey;
}
header .navbar {
  top: 0;
  z-index: 10;
  position: fixed;
  padding: 0;
  background-color: PalmGrey;
  color: white;
  min-width: 100%;
  border-color: transparent;
  text-transform: uppercase;
}
.navbar-nav {
 margin-top: 35px;
}
.hero-and-content {
  margin: 0;
  margin-top: 30px;
  padding: 0;
  margin-bottom: -45px;
  display: block;
  min-height: calc(100vh - 45px);
}
.page-container {
  margin: 0;
  padding: 0;
  max-width: 100%  !important;
}
.container {
  padding: 0;
}
.page-breadcrumbs {
  padding-top: 18px;
}
.page-content, .page-content.with-sidebar, .page-content.without-sidebar, .sidebar-block {
  margin-top: 45px;
  padding: 15px;
}
.sidebar-block {
  min-width: 210px;
}
.dropdown-menu {
  min-height: 240px;
}
.dropdown-menu li a {
  padding: 0px;
  padding-left: 12px;
  min-width: 210px;
}
.dropdown li a {
  padding: 3px;
  padding-left: 12px;
}
.btn {
  border-radius: 3px !important;
  background: transparent !important;
  border-width: 2px;
  color: grey;
  font-family: Poppins;
}
.btn:hover, .btn:active, .btn:visited, .btn:focus, .btn::after {
  color: black;
}
.web-footer {
  z-index: 1;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1px;
  margin: 0px;
  background-color: #696969;
  text-align: center;
  min-height: 15px;
  left: 0;
  font-size: small;
  width:100%;
}
.footer-bottom-line {
  margin: 0;
  text-align: left;
}
.footer-powered {
  display: none;
}
.col-sm-8 {
  padding-left: 0;
}
/* Styles for mobile devices */
@media screen and (max-width: 740px) {
 .page-content, .page-head, .col-sm-8 .col-sm-12 {
   padding: 3px;
   padding-top: 15px;
 }
 .page-content-wrapper {
   height: 15px;
 } 
 .page-content.with-sidebar {
   padding-top: 15px;
   padding-bottom: 0px;
  }
 .sidebar-block {
   padding-top: 15px;
  }
 .navbar-brand {
   margin-top: 5px;
   margin-left: 15px;
 }
 .navbar-toggle{
    margin-top: 9px;
    right: 9px;
    color: white !important;
  }
 .dropdown{
    margin-top: 3px;
    right: 6px;
  }
 .octicon-three-bars {
    color: white !important;
 }
 .navbar-brand img {
   max-height: 45px;
 }
 .help-article-info {
   display: none;
 }
}
.naranja {
  padding-top: 15px;
  /*background: #FE8E04;*/
  background-image: linear-gradient(to bottom, #FE8E04, grey);
  color: #fefefe;
}
.verde {
  padding-top: 15px;
  /*background: #00BD00;*/
  background-image: linear-gradient(to bottom, #00BD00, #FE8E04);
  color: #fefefe;
}
.rojo {
  padding-top: 15px;
  /*background: #ED1A20;*/
  background-image: linear-gradient(to bottom, #ED1A20, #00BD00);
  color: #fefefe;
}
.azul {
  padding-top: 15px;
  /*background: #035EB9;*/
  background-image: linear-gradient(to bottom, #035EB9, #ED1A20);
  color: #fefefe;
}
.pull-left {
  float: left;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
/* effects over font-awesome icons */
span.fa-stack:hover i.fa-circle:before{content:"\f0c8"; color: #641e1696;}
/* Sidebar at right and effects */
@media screen and (min-width: 1280px) {
  .page-content .with-sidebar {
    flex-grow: 1;
    order: 2;
  }
  .page-content.with-sidebar {
    padding-left: 0px !important;
   }
  .sidebar-block {
    flex: 1.5 !important;
    padding:30px 0px 0px 0px !important;
    flex-grow: 2;
    order: 1;
    border-left: 0px dotted #d1d8dd !important;
    border-right: none !important;
  }
  .web-sidebar {
    margin-left: 0px !important;
  }
  .web-sidebar .sidebar-item a {
    color: orange !important;
    font-size: 17px;
  }
  .web-sidebar .sidebar-item a.active {
   color: firebrick !important;
   font-weight:bold !important;
   padding: 12px;
  }
}
.sidebar-item { 
  border-top: 1px solid steelblue !important;
  padding-top:10px !important;
  padding-bottom: 10px !important;
}
@media screen and (max-width: 960px) {
  .page-content.with-sidebar {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .sidebar-block {
    padding-top:30px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
}
/* Blog entries */
.blog-list-item {
  margin-bottom: 40px;
}
@media screen and (min-width: 960px) {
  /*.result {
     margin-left: 340px;
     max-width:700px;
   }*/
 .blog-list-item {
   padding-top: 10px !important;
   padding-bottom: 10px !important;
 }
}
.blog ul {
  padding:20px !important;
}
@media screen and (max-width: 480px) {
 .sidebar-block {
   visibility: hidden;
  }
 .web-footer {
   visibility: hidden; 
  }
}
.web-footer .row {
  padding: 0;
  margin: 0;
}