/*
 * Nav
 */
 .navbar-fixed {
    height: 100px;
}
nav {
  line-height: 100px;
  height: 100px;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  nav .sidenav-trigger i {color:black; font-size: 36px; line-height: 100px;margin-left: -15px;}
  nav .brand-logo {
    font-size: 3.5rem;
    color: rgba(0, 0, 0, 0.87) !important; }
    nav .brand-logo img {
      max-height: 90px;
      vertical-align: middle;
      margin-right: 5px;
      margin-top: -4px; }
    /*@media (min-width: 993px) and (max-width: 1199px) {
      nav .brand-logo {
        display: none; } }*/
  nav .nav-wrapper .button-collapse {
    color: rgba(0, 0, 0, 0.87) !important; }
  nav .nav-wrapper .dropdown-content {
    min-width: 150px; }
    nav .nav-wrapper .dropdown-content li {
      min-width: 150px; }
      nav .nav-wrapper .dropdown-content li > a:not(.btn):not(.btn-large):not(.btn-flat), nav .nav-wrapper .dropdown-content li > span {
        font-size: 1rem;
        color: rgba(0, 0, 0, 0.87); }
  nav .nav-wrapper > ul > li .dropdown-icon {
    margin: 0;
    font-size: 1.5rem; 
    line-height: 100px;}
  nav .nav-wrapper > ul > li > a:not(.btn):not(.btn-large):not(.btn-flat) {
    position: relative;
    font-size: 1.2rem;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.87); }
    nav .nav-wrapper > ul > li > a:not(.btn):not(.btn-large):not(.btn-flat):hover {
      background: none; }
  nav .nav-wrapper > ul > li > a:before {
    content: '';
    position: absolute;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    left: 50%;
    right: 50%;
    bottom: 0;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: transparent; }
  nav .nav-wrapper > ul > li > a:not(.btn):not(.btn-large):not(.btn-flat):focus:before,
  nav .nav-wrapper > ul > li > a:not(.btn):not(.btn-large):not(.btn-flat):hover:before {
    left: 0;
    right: 0; }
  nav .nav-wrapper > ul > li > ul a:not(.btn):not(.btn-large):not(.btn-flat):hover {
    background-color: rgba(0, 0, 0, 0.05); }
  nav .nav-wrapper > ul > li.active {
    background: none; }
    nav .nav-wrapper > ul > li.active > a:not(.btn):not(.btn-large):not(.btn-flat):before {
      left: 0;
      right: 0; }
  nav .nav-wrapper > ul > li.profile img {
    max-width: 35px;
    max-height: 35px; }
   nav .input-field label i {
    color: rgba(0, 0, 0, 0.5); }
  nav .input-field label.active i {
    color: rgba(0, 0, 0, 0.7); }
  nav .input-field input {
    color: #444 !important;
    border: 0 !important;
    box-shadow: none !important; }

/* Green */

nav .nav-wrapper > ul > li > a:focus:before,
nav .nav-wrapper > ul > li > a:hover:before {
  border-bottom-color: #4CAF50; }

nav .nav-wrapper > ul > li.active > a:before {
  border-bottom-color: #4CAF50; }


.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover {
    color: #9ccc65; }
    
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
    color: #4CAF50; }


.collection .collection-item.avatar .square {border-radius: 0%;}
.collection .collection-item.avatar {min-height: 0px;}
.collection .collection-item.avatar .title {font-weight: 500;}

.quote_content {
	background:#f8f8f8 url('../images/quote.png') 12px 12px no-repeat;
	border:1px solid #e5e5e5;
	position:relative;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
}

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote {padding: 10px 20px 10px 40px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }


/*
 * Main
 */
.main-content {
  padding: 2rem 1rem 1.5rem; }
  .main-content .page-header {
    padding: 10px; }
    .main-content .page-header h1 {
      margin-top: 0;
      margin-bottom: 5px;
      font-size: 1.5rem; }
      .main-content .page-header h1 i {
        font-size: 1.3rem;
        vertical-align: top; }
    .main-content .page-header p {
      margin: 0;
      font-size: 14px; }
  .main-content .table-of-contents li a {
    font-size: 1.1rem; }
    .main-content .table-of-contents li a.active {
      padding-left: 18px;
      border-left-width: 2px; }
  .main-content.no-gutter {
    padding: 1.5rem 0 0.5rem; }
    
.topcontainer {
    margin: 0 auto;
    max-width: 1280px;
    width: 98%;
    }

@media only screen and (min-width: 960px) { .topcontainer {width: 100%; } }
@media only screen and (min-width: 1300px) { .topcontainer {width: 85%; } }
@media only screen and (min-width: 1600px) { .topcontainer {width: 70%; } }

.container {
    width: 90%;
  }
  

/*
 * Footer
 */
footer.page-footer {
  margin-top: 0px;
  background-color: #FCFCFC;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.08), 0 0px 10px 0 rgba(0, 0, 0, 0.05); }
  footer.page-footer .brand-logo {
    margin-top: 6px; }
    footer.page-footer .brand-logo img {
      max-height: 70px;
      vertical-align: middle;
      display: inline-block;
      margin-right: 5px; }
    footer.page-footer .brand-logo h1, footer.page-footer .brand-logo h2, footer.page-footer .brand-logo h3, footer.page-footer .brand-logo h4, footer.page-footer .brand-logo h5, footer.page-footer .brand-logo h6 {
      display: inline-block;
      vertical-align: middle;
      padding: 0px;
      margin: 0px; }
  footer.page-footer p {
    color: #424242; }
  footer.page-footer h1, footer.page-footer h2, footer.page-footer h3, footer.page-footer h4, footer.page-footer h5, footer.page-footer h6 {
    color: rgba(0, 0, 0, 0.87); }
  footer.page-footer ul li a {
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    font-size: 0.95rem;
    color: #898989 !important; }
  footer.page-footer .footer-copyright {
    background-color: #FCFCFC;
    border-top: 0px solid #F0F0F0;
    color: #898989; }
    footer.page-footer .footer-copyright  {
      -webkit-transition: 0.3s linear;
      -moz-transition: 0.3s linear;
      -ms-transition: 0.3s linear;
      -o-transition: 0.3s linear;
      transition: 0.3s linear;
      color: #737373; }
  @media (min-width: 993px) and (max-width: 1024px) {
    footer.page-footer {
      font-size: 0.9rem; }
      footer.page-footer .brand-logo img {
        max-height: 70px; }
      footer.page-footer h5 {
        font-size: 1.4rem; }
      footer.page-footer .footer-links a {
        font-size: 0.9rem; } }
  @media (min-width: 993px) {
    footer.page-footer .footer-links {
      text-align: right; } }
    footer.page-footer .footer-mags {display:none;}
  @media (min-width: 1800px) {
    footer.page-footer .footer-mags {display:block;}
}

ul.bullet li.bullet {
    list-style: disc inside none;
    padding-bottom: 6px;
}

body {

  line-height: 1.5;
  background-color: #fcfcfc;
}

/*
 * Panels
 */
.panel, .widget {
  background: #FFF;
  border: 1px solid #F0F0F0; }
  .panel .panel-header , .widget . whead {
    padding: 15px; }
    .panel .panel-header .title, .widget .whead h6 {
      font-size: 1.4rem;
      color: #898989; }
    .panel .panel-header .subtitle {
      font-size: 0.9rem;
      color: #9e9e9e; }
    .panel .panel-header .row:last-child {
      margin-bottom: 0px; }
    .panel .panel-header form .input-field:first-child {
      margin-top: 0px; }
    .panel .panel-header form .input-field:last-child input {
      margin-bottom: 0px; }
  .panel .panel-body {
    padding: 20px 35px; }
  .panel .panel-footer {
    padding: 15px; }
  .panel.panel-bordered .panel-header {
    border-bottom: 1px solid #F0F0F0; }
    .panel.panel-bordered .panel-header:not(:first-of-type) {
      border-top: 1px solid #F0F0F0; }
  .panel.panel-bordered .panel-footer {
    border-top: 1px solid #F0F0F0; }
  .panel.panel-bordered .panel-header, .panel.panel-bordered .panel-footer {
    background-color: #FCFCFC; }


h1,h2,h3,h4,h5,h6 {    font-weight: 200;   }
h4 {  margin: 0 0 .912rem 0;}

/*
Forms
*/
.row {
   margin-bottom: 0px; 
}

select {
    display: block;
    border-color: #e0e0e0;
}

.material-icons {
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga';
}